<!-- 
░▒▓█▓▒░       ░▒▓██████▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░ ░▒▓██████▓▒░       ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓███████▓▒░                                                                                                                                                                                                                                         
░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░                                                                                                                                                                                                                                        
░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░                                                                                                                                                                                                                                        
░▒▓█▓▒░      ░▒▓████████▓▒░░▒▓██████▓▒░░▒▓███████▓▒░░▒▓████████▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓██████▓▒░ ░▒▓███████▓▒░                                                                                                                                                                                                                                         
░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░                                                                                                                                                                                                                                        
░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░                                                                                                                                                                                                                                        
░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░       ░▒▓█████████████▓▒░░▒▓████████▓▒░▒▓███████▓▒░                                                                                                                                                                                                                                         
                                                                                                                                                                                                                                                                                                                                                               
                                                                                                                                                                                                                                                                                                                                                               
░▒▓███████▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓███████▓▒░▒▓█▓▒░▒▓██████████████▓▒░       ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓████████▓▒░▒▓██████████████▓▒░░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░      ░▒▓████████▓▒░▒▓███████▓▒░░▒▓█▓▒░                                                                                                                                               
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░                                                                                                                                               
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░    ░▒▓██▓▒░░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░                                                                                                                                               
░▒▓███████▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓██████▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░      ░▒▓████████▓▒░▒▓█▓▒░  ░▒▓██▓▒░  ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓██████▓▒░    ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓██████▓▒░ ░▒▓███████▓▒░░▒▓█▓▒░                                                                                                                                               
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓██▓▒░    ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░                                                                                                                                               
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░                                                                                                                                               
░▒▓███████▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓█▓▒░▒▓███████▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░  ░▒▓█▓▒░   ░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░                                                                                                                                               
                                                                                                                                                                                                                                                                                                                                                               
                                                                                                                                                                                                                                                                                                                                                               
                        __        __             __         ___    ___                 
   ____ ___  ____ _____/ /__     / /_  __  __   / /______ _/ (_)  / (_)___  __  ___  __
  / __ `__ \/ __ `/ __  / _ \   / __ \/ / / /  / //_/ __ `/ / /  / / / __ \/ / / / |/_/
 / / / / / / /_/ / /_/ /  __/  / /_/ / /_/ /  / ,< / /_/ / / /  / / / / / / /_/ />  <  
/_/ /_/ /_/\__,_/\__,_/\___/  /_.___/\__, /  /_/|_|\__,_/_/_/  /_/_/_/ /_/\__,_/_/|_|  
                                    /____/                                             
 

░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░ ░▒▓███████▓▒░▒▓████████▓▒░▒▓█▓▒░      ░▒▓████████▓▒░▒▓███████▓▒░ ░▒▓██████▓▒░       ░▒▓███████▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓███████▓▒░▒▓█▓▒░▒▓██████████████▓▒░       ░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░ ░▒▓██████▓▒░░▒▓█▓▒░      ░▒▓██████▓▒░       ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓████████▓▒░▒▓███████▓▒░░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░   ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓██████▓▒░ ░▒▓███████▓▒░░▒▓████████▓▒░      ░▒▓███████▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓██████▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓██████▓▒░ ░▒▓███████▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓██████▓▒░ ░▒▓███████▓▒░░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░░▒▓███████▓▒░   ░▒▓█▓▒░   ░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓███████▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓█▓▒░▒▓███████▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░░▒▓████████▓▒░▒▓██████▓▒░ ░▒▓██████▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
                                                                                                                                                                                                                                                                                                                                                               
                                                                                                                                                                                                                                                                                                                                                               
░▒▓███████▓▒░░▒▓████████▓▒░▒▓███████▓▒░░▒▓████████▓▒░▒▓███████▓▒░       ░▒▓███████▓▒░░▒▓█▓▒░░▒▓█▓▒░       ░▒▓███████▓▒░░▒▓██████▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓██████▓▒░░▒▓███████▓▒░ ░▒▓██████▓▒░ ░▒▓███████▓▒░▒▓█▓▒░▒▓███████▓▒░       ░▒▓███████▓▒░▒▓███████▓▒░▒▓███████▓▒░                                                                                
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░             ░▒▓█▓▒░     ░▒▓█▓▒░     ░▒▓█▓▒░                                                                               
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░             ░▒▓█▓▒░     ░▒▓█▓▒░     ░▒▓█▓▒░                                                                               
░▒▓█▓▒░░▒▓█▓▒░▒▓██████▓▒░ ░▒▓█▓▒░░▒▓█▓▒░▒▓██████▓▒░ ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓███████▓▒░░▒▓█▓▒░░▒▓█▓▒░       ░▒▓██████▓▒░░▒▓████████▓▒░░▒▓██████▓▒░░▒▓██████▓▒░░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░░▒▓██████▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░         ░▒▓████▓▒░  ░▒▓████▓▒░  ░▒▓████▓▒░                                                                                
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░             ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░                                                                                                                           
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░             ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░                                                                                                                           
░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓███████▓▒░░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓███████▓▒░ ░▒▓██████▓▒░       ░▒▓███████▓▒░░▒▓█▓▒░░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░     ░▒▓█▓▒░     ░▒▓█▓▒░                                                                                   
                                                                                                                                                                                                                                                                                                                                                               
                                                                                                                                                                                                                                                                                                                                                               
                                                                                                                                                                                                                                                                                                                                                       -->
                                                                                                                                                                                                                                                                                                                                                       <!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="ex-coders">
    <meta name="description" content="Hostlera - Güvenilir ve uygun altyapı sunuyoruz">
    <title id="animatedTitle">Hostlera - Hakkımızda</title>
    <link rel="shortcut icon" href="assets/img/favicon.svg">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/all.min.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/meanmenu.css">
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <link rel="stylesheet" href="assets/css/color.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <style> #animatedTitle { font-size: 36px; font-weight: bold; display: inline-block;} </style>
</head>

<body>
    <div id="preloader" class="preloader">
        <div class="animation-preloader">
            <div class="spinner">
            </div>
            <div class="txt-loading">
                <span data-text-preloader="H" class="letters-loading">
                    H
                </span>
                <span data-text-preloader="O" class="letters-loading">
                    O
                </span>
                <span data-text-preloader="S" class="letters-loading">
                    S
                </span>
                <span data-text-preloader="T" class="letters-loading">
                    T
                </span>
                <span data-text-preloader="L" class="letters-loading">
                    L
                </span>
                <span data-text-preloader="E" class="letters-loading">
                    E
                </span>
                <span data-text-preloader="R" class="letters-loading">
                    R
                </span>
                <span data-text-preloader="A" class="letters-loading">
                    A
                </span>
            </div>
            <p class="text-center">Yükleniyor...</p>
        </div>
        <div class="loader">
            <div class="row">
                <div class="col-3 loader-section section-left">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-left">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-right">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-right">
                    <div class="bg"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <div class="fix-area">
        <div class="offcanvas__info">
            <div class="offcanvas__wrapper">
                <div class="offcanvas__content">
                    <div class="offcanvas__top mb-5 d-flex justify-content-between align-items-center">
                        <div class="offcanvas__logo">
                            <a href="/anasayfa">
                                <img src="assets/img/logo-black.png" alt="logo-img">
                            </a>
                        </div>
                        <div class="offcanvas__close">
                            <button>
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                    </div>
                    <p class="text d-none d-xl-block">
                         Layra Web Bilişim Hizmetleri, 2022 yılında Barış Bolat tarafından kurulan bir şirket olup, 2024’te Hostlera markasını hayata geçirmiştir. Hostlera, hosting ve sunucu barındırma hizmetleriyle müşteri memnuniyetini öncelik haline getirmiştir.
                    </p>
                    <div class="mobile-menu fix mb-3"></div>
                    <div class="offcanvas__contact">
                        <h4>İletişim Bilgileri</h4>
                        <ul>
                            <li class="d-flex align-items-center">
                                <div class="offcanvas__contact-icon">
                                    <i class="fal fa-map-marker-alt"></i>
                                </div>
                                <div class="offcanvas__contact-text">
                                    <a target="_blank" href="#">YEŞİLBAĞLAR MAH. D 100 BLV. PENDİK PERA RESIDENCE A
                                        BLOK NO: 20 İÇ KAPI NO: 29 PENDİK/ İSTANBUL</a>
                                </div>
                            </li>
                            <li class="d-flex align-items-center">
                                <div class="offcanvas__contact-icon mr-15">
                                    <i class="fal fa-envelope"></i>
                                </div>
                                <div class="offcanvas__contact-text">
                                    <a href="mailto:iletisim@hostlera.com"><span
                                            class="mailto:iletisim@hostlera.com">iletisim@hostlera.com</span></a>
                                </div>
                            </li>
                            <li class="d-flex align-items-center">
                                <div class="offcanvas__contact-icon mr-15">
                                    <i class="far fa-phone"></i>
                                </div>
                                <div class="offcanvas__contact-text">
                                    <a href="tel:+908503039820">+90 850 303 98 20</a>
                                </div>
                            </li>
                        </ul>
                        <div class="header-button mt-4">
                            <a href="iletisim" class="theme-btn text-center">
                                İletişim <i class="fa-solid fa-arrow-right-long"></i>
                            </a>
                        </div>
                        <div class="social-icon d-flex align-items-center">
                            <a href="https://instagram.com/hostleracom"><i class="fab fa-instagram"></i></a>
                            <a href="https://www.linkedin.com/company/hostleracom"><i class="fab fa-linkedin-in"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="offcanvas__overlay"></div>

    <header class="header-section-1">
        <div class="header-top">
            <div class="container">
                <div class="header-top-wrapper">
                    <ul class="contact-list">
                        <li>
                            <i class="far fa-envelope"></i>
                            <a href="mailto:info@example.com">iletisim@hostlera.com</a>
                        </li>
                        <li>
                            <i class="fa-regular fa-phone"></i>
                            <a href="tel:+908503039820">+90 850 303 98 20</a>
                        </li>
                    </ul>
                    <p>Açılışımıza Özel İlk Ay <b>%10</b> indirim! Kupon Kodu : <b>ACILIS10</b></p>
                </div>
            </div>
        </div>
        <div id="header-sticky" class="header-1">
            <div class="container">
                <div class="mega-menu-wrapper">
                    <div class="header-main">
                        <div class="header-left">
                            <div class="logo">
                                <a href="/anasayfa" class="header-logo">
                                    <img src="assets/img/logo-white.png" alt="logo-img">
                                </a>
                                <a href="/anasayfa" class="header-logo-2">
                                    <img src="assets/img/logo-black.png" alt="logo-img">
                                </a>
                            </div>
                        </div>
                        <div class="header-right d-flex justify-content-end align-items-center">
                            <div class="mean__menu-wrapper">
                                <div class="main-menu">
                                    <nav id="mobile-menu">
                                        <ul>
                                            <li class="has-dropdown menu-thumb">
                                            <a>
                                            Web Barındırma 
                                            <i class="fas fa-angle-down"></i>
                                            </a>
                                            <ul class="submenu has-homemenu has-menu-hosting">
                                                <li class="border-none">
                                                    <div class="homemenu-items">
                                                        <div class="row">
                                                            <div class="col-lg-6">
                                                                <div class="homemenu-list">
                                                                    <div class="icon">
                                                                        <img src="assets/img/menu-icon/share-host.png" alt="img">
                                                                    </div>
                                                                    <div class="content">
                                                                        <h6><a href="ekonomik-hosting">Ekonomik Hosting</a></h6>
                                                                        <p>Uygun fiyatlarla başlayın.</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="homemenu-list">
                                                                    <div class="icon">
                                                                        <img src="assets/img/menu-icon/reseller-shost.png" alt="img">
                                                                    </div>
                                                                    <div class="content">
                                                                        <h6><a href="bayi-hosting">Bayi Hosting</a></h6>
                                                                        <p>Kendi hizmetinizi sunun.</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="homemenu-list">
                                                                    <div class="icon">
                                                                        <img src="assets/img/menu-icon/dedicated-host.png" alt="img">
                                                                    </div>
                                                                    <div class="content">
                                                                        <h6><a href="performans-hosting">Performans Hosting</a></h6>
                                                                        <p>Daha hızlı, daha verimli.</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="homemenu-list">
                                                                    <div class="icon">
                                                                        <img src="assets/img/menu-icon/web-host.png" alt="img">
                                                                    </div>
                                                                    <div class="content">
                                                                        <h6><a href="kurumsal-hosting">Kurumsal Hosting</a></h6>
                                                                        <p>Güvenle büyüyün.</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-lg-6">
                                                                <div class="homemenu-list">
                                                                    <div class="icon">
                                                                        <img src="assets/img/menu-icon/wordpress-host.png" alt="img">
                                                                    </div>
                                                                    <div class="content">
                                                                        <h6><a href="eticaret-hosting">E-Ticaret Hosting</a></h6>
                                                                        <p>Mağazanızı güçlendirin.</p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            
                                                        </div>
                                                    </div>
                                                </li>
                                            </ul>
                                            </li>
                                            <li class="has-dropdown menu-thumb">
                                                <a href="index.html">
                                                Sunucular 
                                                <i class="fas fa-angle-down"></i>
                                                </a>
                                                <ul class="submenu has-homemenu has-menu-hosting">
                                                    <li class="border-none">
                                                        <div class="homemenu-items">
                                                            <div class="row">
                                                                <div class="col-lg-6">
                                                                    <div class="homemenu-list">
                                                                        <div class="icon">
                                                                            <img src="assets/img/menu-icon/dedicated-host.png" alt="img">
                                                                        </div>
                                                                        <div class="content">
                                                                            <h6><a href="sanal-sunucu">Sanal Sunucu</a></h6>
                                                                            <p>Esnek ve bütçe dostu.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="homemenu-list">
                                                                        <div class="icon">
                                                                            <img src="assets/img/menu-icon/dedicated-host.png" alt="img">
                                                                        </div>
                                                                        <div class="content">
                                                                            <h6><a href="performans-sunucu">Performans Sunucu</a></h6>
                                                                            <p>Yüksek trafik için optimizeli.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="homemenu-list">
                                                                        <div class="icon">
                                                                            <img src="assets/img/menu-icon/service.png" alt="img">
                                                                        </div>
                                                                        <div class="content">
                                                                            <h6><a href="nested-sunucu">Nested Sunucu</a></h6>
                                                                            <p>Kontrol ve güvenlik sunar.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="homemenu-list">
                                                                        <div class="icon">
                                                                            <img src="assets/img/menu-icon/web-host.png" alt="img">
                                                                        </div>
                                                                        <div class="content">
                                                                            <h6><a href="fiziksel-sunucu">Fiziksel Sunucu</a></h6>
                                                                            <p>Maksimum performans sağlar.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="homemenu-list">
                                                                        <div class="icon">
                                                                            <img src="assets/img/menu-icon/wordpress-host.png" alt="img">
                                                                        </div>
                                                                        <div class="content">
                                                                            <h6><a href="sesli-sunucu">Sesli Sunucular</a></h6>
                                                                            <p>Takımınızla güvenli iletişim.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-lg-6">
                                                                    <div class="homemenu-list">
                                                                        <div class="icon">
                                                                            <img src="assets/img/menu-icon/cloud-host.png" alt="img">
                                                                        </div>
                                                                        <div class="content">
                                                                            <h6><a href="kso-sunucu">Kirala Senin Olsun</a></h6>
                                                                            <p>Taksitle sunucu sahibi olun.</p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                
                                                                
                                                            </div>
                                                        </div>
                                                    </li>
                                                </ul>
                                                </li>
                                                <li class="has-dropdown menu-thumb">
                                                    <a href="news.html">
                                                    Oyun Sunucuları
                                                    <i class="fas fa-angle-down"></i>
                                                    </a>
                                                    <ul class="submenu has-homemenu">
                                                        <li class="border-none">
                                                            <div class="homemenu-items">
                                                                <div class="row">
                                                                    <div class="col-lg-4">
                                                                        <div class="homemenu-list">
                                                                            <div class="icon">
                                                                                <img src="assets/img/prod/minecraft.gif" alt="img">
                                                                            </div>
                                                                            <div class="content">
                                                                                <h6><a href="minecraft-oyun">Minecraft Sunucular</a></h6>
                                                                                <p>Hayal gücünüzü bloklarla inşa edin, maceraya hazır olun!</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="homemenu-list">
                                                                            <div class="icon">
                                                                                <img src="assets/img/prod/fivem.png" alt="img">
                                                                            </div>
                                                                            <div class="content">
                                                                                <h6><a href="fivem-oyun">Fivem Sunucular</a></h6>
                                                                                <p>Gerçek dünyada hız sınırlarını zorla, özgürlüğün tadını çıkar.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="homemenu-list">
                                                                            <div class="icon">
                                                                                <img src="assets/img/prod/gmod.png" alt="img">
                                                                            </div>
                                                                            <div class="content">
                                                                                <h6><a href="gmod-oyun">Garry's Mod Sunucular</a></h6>
                                                                                <p>Hayal gücünüzü kodla buluşturun, kendi dünyanızı inşa edin.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="homemenu-list">
                                                                            <div class="icon">
                                                                                <img src="assets/img/prod/samp.png" alt="img">
                                                                            </div>
                                                                            <div class="content">
                                                                                <h6><a href="samp-oyun">SAMP Sunucular</a></h6>
                                                                                <p>Nostalji dolu sokaklara geri dönün, San Andreas’ı tekrar keşfedin.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="homemenu-list">
                                                                            <div class="icon">
                                                                                <img src="assets/img/prod/scp.png" alt="img">
                                                                            </div>
                                                                            <div class="content">
                                                                                <h6><a href="scp-oyun">SCP Secret Sunucular</a></h6>
                                                                                <p>Gizemli sırlarla dolu bir evrende hayatta kalmaya çalışın.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="homemenu-list">
                                                                            <div class="icon">
                                                                                <img src="assets/img/prod/counterstrike2.png" alt="img">
                                                                            </div>
                                                                            <div class="content">
                                                                                <h6><a href="cs2-oyun">Counter Strike 2 Sunucular</a></h6>
                                                                                <p>Takımınla birlikte strateji geliştir, aksiyon dolu savaşlara katıl.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="homemenu-list">
                                                                            <div class="icon">
                                                                                <img src="assets/img/prod/rust.png" alt="img">
                                                                            </div>
                                                                            <div class="content">
                                                                                <h6><a href="rust-oyun">Rust Sunucular</a></h6>
                                                                                <p>Vahşi doğada hayatta kal, düşmanlarını alt et!</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="homemenu-list">
                                                                            <div class="icon">
                                                                                <img src="assets/img/prod/mta.png" alt="img">
                                                                            </div>
                                                                            <div class="content">
                                                                                <h6><a href="mta-oyun">MTA Sunucular</a></h6>
                                                                                <p>Özgürlüğün yeni adresi! Kendi sunucunda şehirleri yönet.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="homemenu-list">
                                                                            <div class="icon">
                                                                                <img src="assets/img/prod/terraria.png" alt="img">
                                                                            </div>
                                                                            <div class="content">
                                                                                <h6><a href="terraria-oyun">Terraria Sunucular</a></h6>
                                                                                <p>Yeraltı dünyasını keşfet, sınırsız maceralara atıl.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4">
                                                                        <div class="homemenu-list">
                                                                            <div class="icon">
                                                                                <img src="assets/img/prod/squad.png" alt="img">
                                                                            </div>
                                                                            <div class="content">
                                                                                <h6><a href="squad-oyun">Squad Sunucular</a></h6>
                                                                                <p>Takımını kur, gerçekçi savaş alanlarında stratejiyle zafere ulaş.</p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </li>
                                            <li>
                                                <a href="iletisim">
                                                    Diğer Hizmetler
                                                    <i class="fas fa-angle-down"></i>
                                                </a>
                                                <ul class="submenu">
                                                    <li><a href="faq.html">Sunucu Barındırma</a></li>
                                                    <li><a href="faq.html">Lisans Hizmeti</a></li>
                                                    <li><a href="404.html">IPv4 Kiralama</a></li>
                                                    <li><a href="support.html">SSL Sertifikası</a></li>
                                                    <li><a href="iletisim">VPN Hizmeti</a></li>
                                                    <li><a href="iletisim">FTP Cloud Hizmeti</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                            <div class="header__hamburger d-xl-block my-auto">
                                <div class="sidebar__toggle">
                                    <i class="fas fa-bars"></i>
                                </div>
                            </div>
                            <div class="header-button">
                                <a href="https://hesabim.hostlera.com" class="theme-btn">
                                    Hesabım
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>

    <!-- Modal Version 1 -->
    <div class="modal modal-common-wrap fade" id="exampleModal" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body d-md-flex d-grid gap-md-0 gap-5 align-items-center">
                    <div class="modal-common-content">
                        <div class="box">
                            <h2>
                                welcome back!
                            </h2>
                            <form action="#" class="login-from">
                                <div class="form-grp cmn-mb">
                                    <input type="email" placeholder="Email Address">
                                </div>
                                <div class="form-grp">
                                    <input type="text" placeholder="Enter Password">
                                </div>
                                <div
                                    class="d-flex forgot-inner-area cmn-mb justify-content-between gap-2 flex-wrap align-items-center">
                                    <div class="form-check checkmark-inner">
                                        <input class="form-check-input" type="checkbox" value="" id="flexCheckChecked"
                                            checked>
                                        <label class="form-check-label" for="flexCheckChecked">
                                            Remember me
                                        </label>
                                    </div>
                                    <a href="#" class="forgot">
                                        Forgot Your password?
                                    </a>
                                </div>
                                <button type="button" class="theme-btn w-100">
                                    <span>
                                        Log in
                                    </span>
                                </button>
                            </form>
                            <span class="orting-badge">
                                Or
                            </span>
                            <div class="d-grid gap-3">
                                <a href="#" class="cmn-social">
                                    <img src="assets/img/sign/google.png" alt="img">
                                    Continue With Google
                                </a>
                                <a href="#" class="cmn-social">
                                    <img src="assets/img/sign/fb.png" alt="img">
                                    continue with facebook
                                </a>
                            </div>
                            <div class="form-check d-flex align-items-center gap-2 from-customradio">
                                <input class="form-check-input" type="radio" name="flexRadioDefault"
                                    id="flexRadioDefault1">
                                <label class="form-check-label" for="flexRadioDefault1">
                                    i accept your terms & conditions
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="modal-right-thumb position-relative">
                        <img src="assets/img/sign/login.png" alt="img">
                        <div class="signlogin-btnwrap">
                            <button class="theme-create style-border" data-bs-toggle="modal"
                                data-bs-target="#exampleModal">
                                create account
                            </button>
                            <button class="theme-btn" data-bs-toggle="modal" data-bs-target="#exampleModal2">
                                Log In
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Versiyon 2 -->
    <div class="modal modal-common-wrap fade" id="exampleModal2" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
                </div>
                <div class="modal-body d-md-flex d-grid gap-md-0 gap-5 align-items-center">
                    <div class="modal-common-content">
                        <div class="box">
                            <h2>
                                Hesap oluştur
                            </h2>
                            <form action="#" class="login-from">
                                <div class="form-grp cmn-mb">
                                    <input type="text" placeholder="Kullanıcı adı">
                                </div>
                                <div class="form-grp cmn-mb">
                                    <input type="email" placeholder="E-posta Adresi">
                                </div>
                                <div class="form-grp cmn-mb">
                                    <input type="text" placeholder="Şifre Girin">
                                </div>
                                <div class="form-grp">
                                    <input type="text" placeholder="Şifreyi Tekrar Girin">
                                </div>
                            </form>
                            <span class="orting-badge">
                                Veya
                            </span>
                            <div class="d-grid gap-3">
                                <a href="#" class="cmn-social">
                                    <img src="assets/img/sign/google.png" alt="img">
                                    Google ile Devam Et
                                </a>
                                <a href="#" class="cmn-social">
                                    <img src="assets/img/sign/fb.png" alt="img">
                                    Facebook ile devam et
                                </a>
                            </div>
                            <div class="pb-xxl-3">
                                <div class="form-check d-flex align-items-center gap-2 from-customradio">
                                    <input class="form-check-input" type="radio" name="flexRadioDefault"
                                        id="flexRadioDefault11">
                                    <label class="form-check-label" for="flexRadioDefault11">
                                        Şartlar ve koşulları kabul ediyorum
                                    </label>
                                </div>
                            </div>
                            <div class="mt-4">
                                <button type="button" class="theme-btn w-100">
                                    <span>
                                        Giriş yap
                                    </span>
                                </button>
                            </div>
                        </div>
                    </div>
                    <div class="modal-right-thumb position-relative">
                        <img src="assets/img/sign/create.png" alt="img">
                        <div class="signlogin-btnwrap">
                            <button class="theme-create style-border" data-bs-toggle="modal"
                                data-bs-target="#exampleModal">
                                Hesap oluştur
                            </button>
                            <button class="theme-btn" data-bs-toggle="modal" data-bs-target="#exampleModal2">
                                Giriş Yap
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Arama Alanı Başlangıç -->
    <div class="search-wrap">
        <div class="search-inner">
            <i class="fas fa-times search-close" id="search-close"></i>
            <div class="search-cell">
                <form method="get">
                    <div class="search-field-holder">
                        <input type="search" class="main-search-input" placeholder="Ara...">
                    </div>
                </form>
            </div>
        </div>
    </div>

<!--<< Breadcrumb Section Start >>-->
<div class="breadcrumb-wrapper bg-cover" style="background-image: url('assets/img/breadcrumb-1.jpg');">
    <div class="container">
        <div class="page-heading">
            <div class="page-header-left">
                <h1 class="wow fadeInUp" data-wow-delay=".3s">Hakkımızda</h1>
                <ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".5s">
                    <li>
                        <a href="index.html">
                            Anasayfa
                        </a>
                    </li>
                    <li>
                        <i class="fa-regular fa-chevrons-right"></i>
                    </li>
                    <li>
                        Hakkımızda
                    </li>
                </ul>
            </div>
            <div class="breadcrumb-image wow fadeInUp" data-wow-delay=".4s">
                <img src="assets/img/breadcrumb.png" alt="img">
            </div>
        </div>
    </div>
</div>

<!-- About Section Start -->
<section class="about-section section-padding fix">
    <div class="container">
        <div class="about-wrapper">
            <div class="row g-4 align-items-center">
                <div class="col-lg-6">
                    <div class="about-image-items">
                        <div class="about-sub">
                            1k+ Fazla Aktif Müşteri
                        </div>
                        <div class="shape-image">
                            <img src="assets/img/about/shape.png" alt="img">
                        </div>
                        <div class="about-image-1 wow fadeInLeft" data-wow-delay=".3s">
                            <img src="assets/img/about/01.jpg" alt="img">
                            <div class="about-image-2 wow fadeInUp" data-wow-delay=".5s">
                                <img src="assets/img/about/02.png" alt="img">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                <div class="about-content">
                        <div class="section-title">
                            <h2 class="wow fadeInUp" data-wow-delay=".3s">Hakkımızda</h2>
                        </div>
                        <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                        2022 yılında kurulan Layra Web bünyesinde faaliyet gösteren ve 2024 yılında tam anlamıyla hizmete açılan Hostlera.com, teknolojik altyapısını sürekli geliştiren bir bilişim firmasıdır. Sunucu barındırma hizmetleri, oyun sunucuları ve yazılım çözümleriyle geniş bir hizmet yelpazesi sunmaktayız. Müşteri memnuniyetini daima ön planda tutarak, 7/24 aktif destek ekibimizle kullanıcılarımızın ihtiyaçlarına hızlı ve etkili çözümler sunmaktayız. Ekibimiz, sorunları çözmeye odaklanarak en iyi kullanıcı deneyimini sağlamayı hedeflemektedir. Teknolojideki yenilikleri yakından takip ederek, müşterilerimize her zaman en kaliteli hizmeti sunmak için çalışıyoruz.
                        </p>
                    </div>
                    <div class="about-content">
                        <div class="section-title">
                            <h2 class="wow fadeInUp" data-wow-delay=".3s">Misyonumuz</h2>
                        </div>
                        <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                        Hostlera.com, dijital dünyada güvenilir bir partner olarak, müşteri odaklı çözümler sunmayı kendine misyon edinmiştir. Yüksek standartlarda hizmet vermek için sürekli yenilikçi yaklaşımlar geliştirmekteyiz. Müşterilerimizin ihtiyaçlarını anlamak ve onlara özel çözümler sunmak, bizim için hayati öneme sahiptir. Her bir proje, müşteri memnuniyetini artırma hedefi doğrultusunda şekillendirilmekte, en iyi sonuçları almak için titizlikle çalışılmaktadır.
                        </p>
                    </div>
                    <div class="about-content">
                        <div class="section-title">
                            <h2 class="wow fadeInUp" data-wow-delay=".3s">Vizyonumuz</h2>
                        </div>
                        <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
                        Vizyonumuz, teknoloji alanında lider bir firma olarak, sektördeki gelişmeleri takip edip, müşterilerimize en güncel ve etkili çözümleri sunmaktır. Yalnızca kaliteli ürün ve hizmetler sağlamakla kalmayıp, aynı zamanda sosyal sorumluluk bilinci ile hareket eden bir kuruluş olmayı hedefliyoruz. Şeffaf ve etik iş yapma anlayışımızla, uzun vadeli ilişkiler kurmak ve sürdürülebilir büyümeyi sağlamak temel amacımızdır.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="testimonial-section fix section-padding">
    <div class="container">
        <div class="section-title text-center">
            <span class="style-border wow fadeInUp">Sizden Gelen</span>
            <h2 class="mb-3 wow fadeInUp" data-wow-delay=".3s">Müşteri Geri Dönüşleri</h2>
            <p class="wow fadeInUp" data-wow-delay=".5s">Hostlera.com müşterileri tarafından gelen %100 gerçek müşteri yorumları.</p>
        </div>
        <div class="swiper testimonial-slider">
            <div class="swiper-wrapper">
                <div class="swiper-slide">    <div class="testimonial-card-items-2">        <div class="icon"><i class="fa-solid fa-quote-right"></i></div>        <div class="client-info">            <div class="client-img bg-cover" style="background-image: url('https://www.gravatar.com/avatar/5f21aca0e1d00e352be18420b2de8948?s=80&d=mp');"></div>            <div class="content">                <h4>Ege E.</h4>                <span>Oyun Sunucusu</span>            </div>        </div>        <p>Gördüğüm en güzel host ben çok host araştırdım ama hostlera bence en iyisi</p>    </div></div><div class="swiper-slide">    <div class="testimonial-card-items-2">        <div class="icon"><i class="fa-solid fa-quote-right"></i></div>        <div class="client-info">            <div class="client-img bg-cover" style="background-image: url('https://www.gravatar.com/avatar/5f21aca0e1d00e352be18420b2de8948?s=80&d=mp');"></div>            <div class="content">                <h4>Samet T.</h4>                <span>Oyun Sunucusu</span>            </div>        </div>        <p>Bu sisteme bu kalite olağanüstü minecraft için almıştım iyi ki almışım bundan sonra tercihim bundan başka olmayacak kesinlikle tavsiye ederim!</p>    </div></div><div class="swiper-slide">    <div class="testimonial-card-items-2">        <div class="icon"><i class="fa-solid fa-quote-right"></i></div>        <div class="client-info">            <div class="client-img bg-cover" style="background-image: url('https://www.gravatar.com/avatar/5f21aca0e1d00e352be18420b2de8948?s=80&d=mp');"></div>            <div class="content">                <h4>Yiğit</h4>                <span>Oyun Sunucusu</span>            </div>        </div>        <p>Minecraft sunucusu için Hostlera&#039;yı tercih ettim ve son derece memnun kaldım teknik destek ekibi her zaman yardımcı oldu. Sunucunun performansı harika hiçbir sorun yaşamadım, web hosting hizmeti de çok profesyonelce sağlanıyor. Kesinlikle tavsiye ederim.</p>    </div></div><div class="swiper-slide">    <div class="testimonial-card-items-2">        <div class="icon"><i class="fa-solid fa-quote-right"></i></div>        <div class="client-info">            <div class="client-img bg-cover" style="background-image: url('https://www.gravatar.com/avatar/5f21aca0e1d00e352be18420b2de8948?s=80&d=mp');"></div>            <div class="content">                <h4>Ahmet Ç.</h4>                <span>Web Barındırma</span>            </div>        </div>        <p>Kendi kişisel websitem için hosting alımı sağladım ve gerçekten ilk defa bu kadar hızlı açılan bir sitem oldu tüm ekibe teşekkürlerimi sunarım.</p>    </div></div>            </div>
        </div>
        <div class="testimonial-click-text wow fadeInUp" data-wow-delay=".3s">
            <p>Bizlere yorum yapmak istersen</p>
            <a href="javascript:void(0)" onclick="openPopup()">buraya tıkla</a>
        </div>

        <script>
            function openPopup() {
                var width = 500;
                var height = 600;
                var screenWidth = window.screen.width;
                var screenHeight = window.screen.height;
                var left = (screenWidth / 2) - (width / 2);
                var top = (screenHeight / 2) - (height / 2);
                window.open('musteri-yorumu', 'Yorum Penceresi', `width=${width},height=${height},top=${top},left=${left}`);
            }
        </script>
    </div>
</section>

<footer class="footer-section fix bg-cover" style="background-image: url('assets/img/section-bg.jpg');">
    <div class="footer-widgets-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s">
                    <div class="single-footer-widget">
                        <div class="widget-head">
                            <a href="anasayfa">
                                <img src="assets/img/logo-white.png" alt="logo-img">
                            </a>
                        </div>
                        <div class="footer-content">
                            <p>
                                YEŞİLBAĞLAR MAH. D 100 BLV. PENDİK PERA RESIDENCE A
                                BLOK NO: 20 İÇ KAPI NO: 29 PENDİK/ İSTANBUL
                            </p>
                            <ul class="contact-info">
                                <li>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                        viewBox="0 0 20 20" fill="none">
                                        <g clip-path="url(#clip0_4461_529)">
                                            <path
                                                d="M18.7719 14.1213C18.7388 14.0938 14.9913 11.4275 13.9794 11.5906C13.4913 11.6769 13.2125 12.01 12.6531 12.6762C12.4985 12.8617 12.3403 13.0443 12.1788 13.2238C11.8252 13.1086 11.4804 12.9682 11.1469 12.8038C9.42533 11.9656 8.03437 10.5747 7.19625 8.85312C7.03179 8.51964 6.89143 8.1748 6.77625 7.82125C6.96 7.65312 7.2175 7.43625 7.3275 7.34375C7.99062 6.7875 8.32312 6.50812 8.40938 6.01937C8.58625 5.0075 5.90625 1.26125 5.87875 1.2275C5.7567 1.05441 5.59775 0.910578 5.41336 0.806386C5.22897 0.702193 5.02374 0.640241 4.8125 0.625C3.72625 0.625 0.625 4.6475 0.625 5.32562C0.625 5.365 0.681875 9.3675 5.6175 14.3881C10.6325 19.3181 14.635 19.375 14.6744 19.375C15.3519 19.375 19.375 16.2737 19.375 15.1875C19.3596 14.9762 19.2975 14.771 19.1932 14.5866C19.0889 14.4022 18.945 14.2433 18.7719 14.1213ZM14.605 18.1213C14.0625 18.075 10.7 17.6319 6.5 13.5063C2.35437 9.28563 1.9225 5.9175 1.87937 5.39563C2.69861 4.10978 3.68799 2.94064 4.82062 1.92C4.84562 1.945 4.87875 1.9825 4.92125 2.03125C5.78989 3.21702 6.53817 4.48642 7.155 5.82062C6.95441 6.02242 6.7424 6.21253 6.52 6.39C6.17512 6.65278 5.85843 6.95063 5.575 7.27875C5.52704 7.34604 5.4929 7.42217 5.47456 7.50274C5.45621 7.5833 5.45403 7.66671 5.46812 7.74813C5.60039 8.32108 5.80297 8.87549 6.07125 9.39875C7.03243 11.3725 8.62735 12.9672 10.6012 13.9281C11.1244 14.1968 11.6788 14.3996 12.2519 14.5319C12.3333 14.5463 12.4168 14.5443 12.4974 14.5259C12.578 14.5075 12.6541 14.4732 12.7213 14.425C13.0505 14.1404 13.3494 13.8225 13.6131 13.4762C13.8094 13.2425 14.0712 12.9306 14.1706 12.8425C15.5082 13.4587 16.7805 14.2079 17.9681 15.0787C18.02 15.1225 18.0569 15.1562 18.0812 15.1781C17.0606 16.3111 15.8912 17.3007 14.605 18.12V18.1213ZM14.375 9.375H15.625C15.6235 8.04937 15.0962 6.77847 14.1589 5.84111C13.2215 4.90375 11.9506 4.37649 10.625 4.375V5.625C11.6193 5.62599 12.5725 6.0214 13.2756 6.72445C13.9786 7.42749 14.374 8.38074 14.375 9.375Z"
                                                fill="white" />
                                            <path
                                                d="M17.5 9.375H18.75C18.7475 7.22088 17.8907 5.15569 16.3675 3.6325C14.8443 2.1093 12.7791 1.25248 10.625 1.25V2.5C12.4477 2.50215 14.1951 3.22717 15.484 4.51602C16.7728 5.80486 17.4978 7.5523 17.5 9.375Z"
                                                fill="white" />
                                        </g>
                                        <defs>
                                            <clipPath id="clip0_4461_529">
                                                <rect width="20" height="20" fill="white" />
                                            </clipPath>
                                        </defs>
                                    </svg>
                                    <a href="tel:+908503039820">+90 850 303 98 20</a>
                                </li>
                                <li>
                                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"
                                        viewBox="0 0 20 20" fill="none">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M18.0812 13.1941C18.0812 14.883 16.7074 16.2547 15.0206 16.2547H4.97935C3.2926 16.2547 1.91873 14.883 1.91873 13.1941V6.805C1.91835 6.26068 2.06418 5.72624 2.34096 5.25754L7.24049 10.1571C7.9735 10.8922 8.9551 11.2973 10.001 11.2973C11.0448 11.2973 12.0264 10.8922 12.7594 10.1571L17.659 5.25754C17.9358 5.72623 18.0816 6.26067 18.0812 6.805V13.1941H18.0812ZM15.0206 3.74441H4.97935C4.28279 3.74441 3.63978 3.98016 3.12541 4.37238L8.07424 9.32336C8.5865 9.83344 9.27017 10.1164 10.001 10.1164C10.7297 10.1164 11.4135 9.83344 11.9257 9.32336L16.8745 4.37238C16.3602 3.98016 15.7172 3.74441 15.0206 3.74441ZM15.0206 2.56348H4.97935C2.64103 2.56348 0.737793 4.46672 0.737793 6.80504V13.1942C0.737793 15.5346 2.64103 17.4357 4.97935 17.4357H15.0206C17.3589 17.4357 19.2622 15.5346 19.2622 13.1942V6.805C19.2622 4.46668 17.3589 2.56348 15.0206 2.56348Z"
                                            fill="white" />
                                    </svg>
                                    <a href="mailto:iletisim@hostlera.com">iletisim@hostlera.com</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-6 ps-lg-5 wow fadeInUp" data-wow-delay=".4s">
                    <div class="single-footer-widget ml-50">
                        <div class="widget-head">
                            <h3>Hostlera</h3>
                        </div>
                        <ul class="list-area">
                            <li>
                                <a href="hakkimizda">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    Hakkımızda
                                </a>
                            </li>
                            <li>
                                <a href="iletisim">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    İletişim
                                </a>
                            </li>
                            <li>
                                <a href="hizmet-sozlesmesi">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    Hizmet ve Kullanım Sözleşmesi
                                </a>
                            </li>
                            <li>
                                <a href="gizlilik-sozlesmesi">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    Gizlilik Sözleşmesi
                                </a>
                            </li>
                            <li>
                                <a href="kvkk-bilgilendirmesi">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    KVKK Bilgilendirmesi
                                </a>
                            </li>
                            <li>
                                <a href="ticari-bilgiler">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    Ticari Bilgiler
                                </a>
                            </li>
                            <li>
                                <a href="banka-hesaplari">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    Banka Hesapları
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-6 ps-lg-5 wow fadeInUp" data-wow-delay=".6s">
                    <div class="single-footer-widget style-margin">
                        <div class="widget-head">
                            <h3>Popüler Hizmetlerimiz</h3>
                        </div>
                        <ul class="list-area">
                            <li>
                                <a href="ekonomik-hosting">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    Ekonomik Hosting
                                </a>
                            </li>
                            <li>
                                <a href="sanal-sunucu">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    Sanal Sunucu
                                </a>
                            </li>
                            <li>
                                <a href="nested-sunucu">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    Nested Sunucu
                                </a>
                            </li>
                            <li>
                                <a href="performans-sunucu">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    Performans Sunucu
                                </a>
                            </li>
                            <li>
                                <a href="minecraft-oyun">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    Minecraft Sunucular
                                </a>
                            </li>
                            <li>
                                <a href="lisans-hizmet">
                                    <i class="fa-regular fa-chevrons-right"></i>
                                    Lisans Hizmeti
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                
<div class="col-xl-3 col-lg-4 col-md-6 ps-lg-4 wow fadeInUp" data-wow-delay=".9s">
  <div class="single-footer-widget">
    <div class="widget-head">
      <h3>E-Posta Bülteni</h3>
    </div>
    <div class="footer-content">
      <p>En son güncellemeleri almak için hostlera haber bültenine kaydolun.</p>
            <form id="newsletter-form" action="/page/page-hakkimizda.php" method="POST">
        <div class="footer-input">
          <input type="email" id="email2" name="email" placeholder="E-Posta adresinizi girin..." required>
          <button class="newsletter-btn" type="submit">
            <i class="fa-regular fa-paper-plane"></i>
          </button>
        </div>
      </form>
      <div class="social-icon d-flex align-items-center">
        <a href="https://instagram.com/hostleracom"><i class="fab fa-instagram"></i></a>
        <a href="https://www.linkedin.com/company/hostleracom"><i class="fa-brands fa-linkedin-in"></i></a>
      </div>
    </div>
  </div>
</div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="footer-wrapper d-flex align-items-center justify-content-between">
                <p class="wow fadeInLeft" data-wow-delay=".3s">
                    © Tüm Hakları Saklıdır 2024 <a href="https://hostlera.com">Hostlera</a>. <a href="https://layraweb.com.tr">Layra Web bünyesinde sunulmaktadır.</a>
                </p>
                <ul class="brand-logo wow fadeInRight" data-wow-delay=".5s">
                    <li>
                        <a href="https://www.visa.com.tr/">
                            <img src="assets/img/visa-logo.png" alt="Visa Logo">
                        </a>
                    </li>
                    <li>
                        <a href="https://www.mastercard.com.tr/">
                            <img src="assets/img/mastercard-logo.png" alt="Mastercard Logo">
                        </a>
                    </li>
                    <li>
                        <a href="https://www.paytr.com/">
                            <img src="assets/img/paytr-logo.png" height="16" width="60" alt="PayTR Logo">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <a href="#" id="scrollUp" class="scroll-icon">
            <i class="far fa-arrow-up"></i>
        </a>
    </div>
</footer>

<script src="assets/js/jquery-3.7.1.min.js"></script>
<script src="assets/js/viewport.jquery.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/jquery.nice-select.min.js"></script>
<script src="assets/js/jquery.waypoints.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/jquery.meanmenu.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/main.js"></script>
<script src="//code.jivosite.com/widget/xqoU7BfuNW" async></script>
<script>
    var faviconImages = [];
    var currentIndex = 0;

    for (var i = 0; i < 39; i++) {
        var filename = "/assets/img/logo/frame/frame_" + (i < 10 ? "0" : "") + i + "_delay-0.05s.png";
        faviconImages.push(filename);
    }

    function changeFavicon() {
        var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
        link.type = 'image/png';
        link.rel = 'icon';
        link.href = faviconImages[currentIndex];
        document.getElementsByTagName('head')[0].appendChild(link);
        currentIndex = (currentIndex + 1) % faviconImages.length;
    }

    setInterval(changeFavicon, 50);
</script>
<script>
    $(document).ready(function() {
        var title = $('#animatedTitle');
        var text = 'Hostlera';
        var index = 0;
        var direction = 1;
        var speed = 400;

        function animateTitle() {
            if (index >= text.length) {
                direction = -1;
            }
            if (index <= 0 && direction === -1) {
                direction = 1;
            }
            title.text(text.substring(0, index) + ' - Hakkımızda');
            index += direction;
            setTimeout(animateTitle, speed);
        }

        animateTitle();
    });
</script>
</body>

</html>