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

░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░ ░▒▓███████▓▒░▒▓████████▓▒░▒▓█▓▒░      ░▒▓████████▓▒░▒▓███████▓▒░ ░▒▓██████▓▒░       ░▒▓███████▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓███████▓▒░▒▓█▓▒░▒▓██████████████▓▒░       ░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░ ░▒▓██████▓▒░░▒▓█▓▒░      ░▒▓██████▓▒░       ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓████████▓▒░▒▓███████▓▒░░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░   ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓██████▓▒░ ░▒▓███████▓▒░░▒▓████████▓▒░      ░▒▓███████▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓██████▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓██████▓▒░ ░▒▓███████▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓██████▓▒░ ░▒▓███████▓▒░░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░░▒▓███████▓▒░   ░▒▓█▓▒░   ░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓███████▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓█▓▒░▒▓███████▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░   ░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░░▒▓████████▓▒░▒▓██████▓▒░ ░▒▓██████▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░ 
                                                                                                                                                                                                                                                                                                                                                               
                                                                                                                                                                                                                                                                                                                                                               
░▒▓███████▓▒░░▒▓████████▓▒░▒▓███████▓▒░░▒▓████████▓▒░▒▓███████▓▒░       ░▒▓███████▓▒░░▒▓█▓▒░░▒▓█▓▒░       ░▒▓███████▓▒░░▒▓██████▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓██████▓▒░░▒▓███████▓▒░ ░▒▓██████▓▒░ ░▒▓███████▓▒░▒▓█▓▒░▒▓███████▓▒░       ░▒▓███████▓▒░▒▓███████▓▒░▒▓███████▓▒░                                                                                
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░             ░▒▓█▓▒░     ░▒▓█▓▒░     ░▒▓█▓▒░                                                                               
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░             ░▒▓█▓▒░     ░▒▓█▓▒░     ░▒▓█▓▒░                                                                               
░▒▓█▓▒░░▒▓█▓▒░▒▓██████▓▒░ ░▒▓█▓▒░░▒▓█▓▒░▒▓██████▓▒░ ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓███████▓▒░░▒▓█▓▒░░▒▓█▓▒░       ░▒▓██████▓▒░░▒▓████████▓▒░░▒▓██████▓▒░░▒▓██████▓▒░░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░░▒▓██████▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░         ░▒▓████▓▒░  ░▒▓████▓▒░  ░▒▓████▓▒░                                                                                
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░             ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░                                                                                                                           
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░             ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░                                                                                                                           
░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓███████▓▒░░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓███████▓▒░ ░▒▓██████▓▒░       ░▒▓███████▓▒░░▒▓█▓▒░░▒▓█▓▒░  ░▒▓█▓▒░   ░▒▓█▓▒░     ░▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░         ░▒▓█▓▒░     ░▒▓█▓▒░     ░▒▓█▓▒░                                                                                   
                                                                                                                                                                                                                                                                                                                                                               
                                                                                                                                                                                                                                                                                                                                                               
                                                                                                                                                                                                                                                                                                                                                       -->
                                                                                                                                                                                                                                                                                                                                                       <!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 - Ekonomik Hosting</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>
<!-- Hero Section Start -->
<section class="hero-section hero-1 style-hosting bg-cover fix" style="background-image: url('assets/img/hero/hero-bg-4.jpg');">
    <div class="circle-shape-left">
        <img src="assets/img/hero/hero-1-circle-left.png" alt="shape-img">
    </div>
    <div class="circle-shape-right">
        <img src="assets/img/hero/hero-1-circle-right.png" alt="shape-img">
    </div>
    <div class="dot-left">
        <img src="assets/img/hero/hero-1-dot-left.png" alt="img">
    </div>
    <div class="dot-right">
        <img src="assets/img/hero/hero-1-dot-right.png" alt="img">
    </div>
    <div class="container">
        <div class="row g-4 justify-content-between align-items-center">
            <div class="col-lg-6">
                <div class="hero-content">
                    <span class="sub-text-2 wow fadeInUp">
                        <img src="assets/img/hero/activity.png" alt="img" class="me-2">
                        TR PL Paket #1 - 12 ay satın alımında sadece 99.99₺/yıl
                    </span>
                    <h1 class="wow fadeInUp" data-wow-delay=".3s">
                        Bütçe Dostu Barındırma Hizmeti
                    </h1>
                    <h6 class="wow fadeInUp" data-wow-delay=".3s">
                        Hızlı ve esnek Hosting paketleri ile performans ve kesinti problemi
                        yaşamadan web sitelerinizi güvenle yönetin!
                    </h6>
                </div>
            </div>
            <div class="col-lg-3 wow fadeInUp" data-wow-delay=".4s">
                <div class="hero-image">
                    <img src="assets/img/breadcrumb.png" alt="img">
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Pricing Section Start -->
<section class="pricing-section fix section-padding section-bg">
    <div class="pricing-shape">
        <img src="assets/img/pricing-shape.png" alt="img">
    </div>
    <div class="container">
        <div class="section-title text-center">
            <span class="wow fadeInUp">Fiyat Planlaması</span>
            <h2 class="mb-3 wow fadeInUp" data-wow-delay=".3s">Ekonomik Hosting</h2>
            <p class="wow fadeInUp" data-wow-delay=".5s">Ekonomik hosting paketlerimizle projenize sağlam bir başlangıç yapın. <br> İhtiyacınıza uygun çözümlerle sitenizi hızla hayata geçirin ve işinizi büyütmeye devam edin.</p>
        </div>
        <div class="pricing-tab-header">
            <div class="arrow-shape">
                <img src="assets/img/arrow.png" alt="img">
            </div>
            <ul class="nav" role="tablist">
                <li class="nav-item wow fadeInUp" data-wow-delay=".3s" role="presentation">
                    <a href="#monthly" data-bs-toggle="tab" class="nav-link active" aria-selected="true" role="tab">
                        Aylık
                    </a>
                </li>
                <li class="nav-item wow fadeInUp" data-wow-delay=".5s" role="presentation">
                    <a href="#yearly" data-bs-toggle="tab" class="nav-link" aria-selected="false" role="tab" tabindex="-1">
                        Yıllık
                    </a>
                </li>
            </ul>
            <div class="save-text">
            Yıllık Alımda 2 Ay Bedava!
            </div>
        </div>
        <div class="tab-content">
            <div id="monthly" class="tab-pane fade show active" role="tabpanel">
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s">
                        <div class="pricing-items style-2">
                            <h6 class="top-text">TR PL Paket &nbsp;#1</h6>
                            <div class="pricing-header-2">
                                <div class="price-list">
                                    <del>19.99₺</del>
                                    <span>50% İNDİRİM</span>
                                </div>
                                <h2>9.99₺ <sub>/ Ay</sub></h2>
                            </div>
                            <p class="text-center">
                                Yeni başlangıçlar için birebir
                            </p>
                            <ul class="pricing-list">
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        1 Adet Web Sitesi
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        2 GB SSD Disk Alanı
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        100 GB Trafik
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        10 Adet SMTP E-Posta
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        1 Core CPU
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        1 GB Ram
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Imunify360
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz SSL Sertifikası
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz Günlük Yedekleme
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Plesk Kontrol Paneli
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                            </ul>
                            <div class="pricing-button">
                                <a href="https://hesabim.hostlera.com/store/plesk-hosting/plesk-paket-1" class="pricing-btn">
                                    Sipariş Ver
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s">
                        <div class="pricing-items style-2 ">
                            <h6 class="top-text">TR PL Paket #2</h6>
                            <div class="pricing-header-2">
                                <div class="price-list">
                                    <del>39.99₺</del>
                                    <span>50% İNDİRİM</span>
                                </div>
                                <h2>19.99₺ <sub>/ Ay</sub></h2>
                            </div>
                            <p class="text-center">
                                Gelişenler için ideal
                            </p>
                            <ul class="pricing-list">
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        10 Adet Web Sitesi
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        4 GB SSD Disk Alanı
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        500 GB Trafik
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        20 Adet SMTP E-Posta
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        2 Core CPU
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        2 GB Ram
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Imunify360
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz SSL Sertifikası
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz Günlük Yedekleme
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Plesk Kontrol Paneli
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                            </ul>
                            <div class="pricing-button">
                                <a href="https://hesabim.hostlera.com/store/plesk-hosting/tr-pl-plesk-2" class="pricing-btn">
                                    Sipariş Ver
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s">
                        <div class="pricing-items style-2 active">
                            <h6 class="top-text">TR PL Paket #3</h6>
                            <div class="pricing-header-2">
                                <div class="price-list">
                                    <del>59.99₺</del>
                                    <span>50% İNDİRİM</span>
                                </div>
                                <h2>29.99₺ <sub>/ Ay</sub></h2>
                            </div>
                            <p class="text-center">
                                Profesyoneller için ideal
                            </p>
                            <ul class="pricing-list">
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        20 Adet Web Sitesi
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        10 GB SSD Disk Alanı
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        800 GB Trafik
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Sınırsız SMTP E-Posta
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        2 Core CPU
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        4 GB Ram
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Imunify360
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz SSL Sertifikası
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz Günlük Yedekleme
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Plesk Kontrol Paneli
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                            </ul>
                            <div class="pricing-button">
                                <a href="https://hesabim.hostlera.com/store/plesk-hosting/tr-pl-paket-3" class="pricing-btn">
                                    Sipariş Ver
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s">
                        <div class="pricing-items style-2">
                            <h6 class="top-text">TR PL Paket #4</h6>
                            <div class="pricing-header-2">
                                <div class="price-list">
                                    <del>99.99₺</del>
                                    <span>50% İNDİRİM</span>
                                </div>
                                <h2>49.99₺ <sub>/ Ay</sub></h2>
                            </div>
                            <p class="text-center">
                                Daha fazlasını isteyenler için
                            </p>
                            <ul class="pricing-list">
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Sınırsız Web Sitesi
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        20 GB SSD Disk Alanı
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        1000 GB Trafik
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Sınırsız SMTP E-Posta
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        2 Core CPU
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        5 GB Ram
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Imunify360
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz SSL Sertifikası
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz Günlük Yedekleme
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Plesk Kontrol Paneli
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                            </ul>
                            <div class="pricing-button">
                                <a href="https://hesabim.hostlera.com/store/plesk-hosting/tr-pl-paket-4" class="pricing-btn">
                                    Sipariş Ver
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div id="yearly" class="tab-pane fade" role="tabpanel">
                <div class="row">
                    <div class="col-xl-3 col-lg-4 col-md-6" data-wow-delay=".2s">
                        <div class="pricing-items style-2">
                            <h6 class="top-text">TR PL Paket &nbsp;#1</h6>
                            <div class="pricing-header-2">
                                <div class="price-list">
                                    <del>199.98₺</del>
                                    <span>50% İNDİRİM</span>
                                </div>
                                <h2>99.99₺ <sub>/ Yıl</sub></h2>
                            </div>
                            <p class="text-center">
                                Yeni başlangıçlar için birebir
                            </p>
                            <ul class="pricing-list">
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        1 Adet Web Sitesi
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        2 GB SSD Disk Alanı
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        100 GB Trafik
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        10 Adet SMTP E-Posta
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        1 Core CPU
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        1 GB Ram
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Imunify360
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz SSL Sertifikası
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz Günlük Yedekleme
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Plesk Kontrol Paneli
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                            </ul>
                            <div class="pricing-button">
                                <a href="contact.html" class="pricing-btn">
                                    Sipariş Ver
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6" data-wow-delay=".4s">
                        <div class="pricing-items style-2 ">
                            <h6 class="top-text">TR PL Paket #2</h6>
                            <div class="pricing-header-2">
                                <div class="price-list">
                                    <del>399.98₺</del>
                                    <span>50% İNDİRİM</span>
                                </div>
                                <h2>199.99₺ <sub>/ Yıl</sub></h2>
                            </div>
                            <p class="text-center">
                                Gelişenler için ideal
                            </p>
                            <ul class="pricing-list">
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        10 Adet Web Sitesi
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        4 GB SSD Disk Alanı
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        500 GB Trafik
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        20 Adet SMTP E-Posta
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        2 Core CPU
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        2 GB Ram
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Imunify360
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz SSL Sertifikası
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz Günlük Yedekleme
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Plesk Kontrol Paneli
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                            </ul>
                            <div class="pricing-button">
                                <a href="https://hesabim.hostlera.com/store/plesk-hosting/tr-pl-plesk-2" class="pricing-btn">
                                    Sipariş Ver
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6" data-wow-delay=".6s">
                        <div class="pricing-items style-2 active">
                            <h6 class="top-text">TR PL Paket #3</h6>
                            <div class="pricing-header-2">
                                <div class="price-list">
                                    <del>599.98₺</del>
                                    <span>50% İNDİRİM</span>
                                </div>
                                <h2>299.99₺ <sub>/ Yıl</sub></h2>
                            </div>
                            <p class="text-center">
                                Profesyoneller için ideal
                            </p>
                            <ul class="pricing-list">
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        20 Adet Web Sitesi
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        10 GB SSD Disk Alanı
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        800 GB Trafik
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Sınırsız SMTP E-Posta
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        2 Core CPU
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        4 GB Ram
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Imunify360
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz SSL Sertifikası
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz Günlük Yedekleme
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Plesk Kontrol Paneli
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                            </ul>
                            <div class="pricing-button">
                                <a href="https://hesabim.hostlera.com/store/plesk-hosting/tr-pl-paket-3" class="pricing-btn">
                                    Sipariş Ver
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="col-xl-3 col-lg-4 col-md-6" data-wow-delay=".8s">
                        <div class="pricing-items style-2">
                            <h6 class="top-text">TR PL Paket #4</h6>
                            <div class="pricing-header-2">
                                <div class="price-list">
                                    <del>99.99₺</del>
                                    <span>50% İNDİRİM</span>
                                </div>
                                <h2>49.99₺ <sub>/ Ay</sub></h2>
                            </div>
                            <p class="text-center">
                                Daha fazlasını isteyenler için
                            </p>
                            <ul class="pricing-list">
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Sınırsız Web Sitesi
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        20 GB SSD Disk Alanı
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        1000 GB Trafik
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Sınırsız SMTP E-Posta
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        2 Core CPU
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        5 GB Ram
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Imunify360
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz SSL Sertifikası
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Ücretsiz Günlük Yedekleme
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                                <li>
                                    <span>
                                        <i class="fa-solid fa-check"></i>
                                        Plesk Kontrol Paneli
                                    </span>
                                    <i class="fa-light fa-circle-question"></i>
                                </li>
                            </ul>
                            <div class="pricing-button">
                                <a href="https://hesabim.hostlera.com/store/plesk-hosting/tr-pl-paket-4" class="pricing-btn">
                                    Sipariş Ver
                                    <i class="fa-solid fa-arrow-right-long"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="pricing-title wow fadeInUp" data-wow-delay=".4s">
            <p>Paketlerin aylık ücretleri, 1 yıllık baz alınarak belirlenmiştir. Diğer tüm fiyat bilgilerini ve ödeme planlarını sipariş sırasında detaylıca görebilirsiniz.</p>
        </div>
    </div>
</section>

<section class="feature-hosting-section fix section-padding">
    <div class="container">
        <div class="feature-content-warpper style-3">
            <div class="row g-4 justify-content-between align-items-center">
                <div class="col-lg-5 wow fadeInUp" data-wow-delay=".3s">
                    <div class="hosting-image">
                        <img src="assets/img/hosting/hosting-2.png" alt="img">
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="feature-hosting-content">
                        <div class="section-title">
                            <h2 class="wow fadeInUp" data-wow-delay=".3s">Hostlera'nın farklı müşteri çözümleri</h2>
                        </div>
                        <div class="feature-hosting-tab-area mt-4 mt-md-0">
                            <ul class="nav">
                                <li class="nav-item wow fadeInUp" data-wow-delay=".3s">
                                    <a href="#web" data-bs-toggle="tab" class="nav-link ps-0 active">
                                        <h5><img src="assets/img/hosting/web-host-icon.png" alt="img">Web Barındırma
                                        </h5>
                                    </a>
                                </li>
                                <li class="nav-item wow fadeInUp" data-wow-delay=".5s">
                                    <a href="#vds" data-bs-toggle="tab" class="nav-link">
                                        <h5><img src="assets/img/hosting/vps-host-icon.png" alt="img">VDS
                                        </h5>
                                    </a>
                                </li>
                                <li class="nav-item wow fadeInUp" data-wow-delay=".7s">
                                    <a href="#game" data-bs-toggle="tab" class="nav-link">
                                        <h5><img src="assets/img/hosting/cloud-host-icon.png" alt="img">Oyun VDS</h5>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="tab-content">
                            <div id="web" class="tab-pane fade show active">
                                <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".3s">
                                    Hostlera, web barındırma hizmetlerinde müşterilerinin daha kolay ve hızlı çözümler elde etmesi için engelleri bir bir kaldırıyor.
                                    Yavaş yavaş gelen yeniliklerle, daha az kısıtlama ve daha yüksek performans sunuyoruz.
                                    Amacımız, her seviyeden kullanıcıya sade ve erişilebilir bir deneyim yaşatmak.
                                </p>
                                <div class="list-items">
                                    <ul class="wow fadeInUp" data-wow-delay=".5s">
                                        <li>
                                            <i class="far fa-check"></i>
                                            Ücretsiz günlük bulut yedekleme
                                        </li>
                                        <li>
                                            <i class="far fa-check"></i>
                                            Ücretsiz anti virüs yazılımı
                                        </li>
                                    </ul>
                                    <ul class="wow fadeInUp" data-wow-delay=".7s">
                                        <li>
                                            <i class="far fa-check"></i>
                                            Optimizasyonlu web barındırma
                                        </li>
                                        <li>
                                            <i class="far fa-check"></i>
                                            Özgür kısıtlamasız barındırma özellikleri
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div id="vds" class="tab-pane fade">
                                <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".3s">
                                    Hostlera, sanal sunucu hizmetlerinde müşterilerine esnek ve güçlü çözümler sunarak performans sınırlarını zorluyor.
                                    Yavaş yavaş kısıtlamaları kaldırarak daha özelleştirilebilir ve yüksek performanslı sanal sunucu hizmetleri sunuyoruz.
                                    Amacımız, her kullanıcının ihtiyaçlarına tam uyum sağlayan ve güvenilir bir deneyim sunmak.
                                </p>
                                <div class="list-items">
                                    <ul class="wow fadeInUp" data-wow-delay=".5s">
                                        <li>
                                            <i class="far fa-check"></i>
                                            Yüksek performanslı SSD diskler
                                        </li>
                                        <li>
                                            <i class="far fa-check"></i>
                                            Ücretsiz DDOS koruması
                                        </li>
                                    </ul>
                                    <ul class="wow fadeInUp" data-wow-delay=".7s">
                                        <li>
                                            <i class="far fa-check"></i>
                                            Tam kök erişimi ile tam kontrol
                                        </li>
                                        <li>
                                            <i class="far fa-check"></i>
                                            Kolayca ölçeklenebilir sunucu kaynakları
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div id="game" class="tab-pane fade">
                                <p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".3s">
                                    Hostlera, oyun sunucusu hizmetlerinde yüksek hız ve güvenlik sunarak oyun deneyimini yeni bir seviyeye taşıyor.
                                    Düşük gecikme süreleri ve esnek kaynak yönetimi ile her oyunun sorunsuz ve keyifli çalışmasını sağlıyoruz.
                                    Amacımız, oyun severlere güçlü ve kesintisiz bir sunucu altyapısı sunmak.
                                </p>
                                <div class="list-items">
                                    <ul class="wow fadeInUp" data-wow-delay=".5s">
                                        <li>
                                            <i class="far fa-check"></i>
                                            Otomatik yedekleme ve bulut depolama
                                        </li>
                                        <li>
                                            <i class="far fa-check"></i>
                                            Ücretsiz yüksek hızlı CDN hizmeti
                                        </li>
                                    </ul>
                                    <ul class="wow fadeInUp" data-wow-delay=".7s">
                                        <li>
                                            <i class="far fa-check"></i>
                                            Düşük gecikme süreleri ve yüksek performans
                                        </li>
                                        <li>
                                            <i class="far fa-check"></i>
                                            Sınırsız oyuncu kapasitesi desteği
                                        </li>
                                    </ul>
                                </div>
                                <a href="about.html" class="theme-btn wow fadeInUp" data-wow-delay=".5s">Daha fazlasını keşfedin <i class="fas fa-long-arrow-alt-right"></i></a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Cta Contact Section Start -->
<section class="cta-contct-section section-padding bg-cover fix" style="background-image: url('assets/img/cta/cta-conact-bg-2.jpg');">
    <div class="container">
        <div class="row g-4 justify-content-between align-items-center">
            <div class="col-lg-8">
                <div class="cta-contact-left">
                    <div class="section-title">
                        <span class="white-text wow fadeInUp">İletişime Geçin</span>
                        <h2 class="text-white wow fadeInUp" data-wow-delay=".3s">7/24 Uzman Desteği <br> Müşteri Memnuniyeti Önceliğimizdir</h2>
                    </div>
                    <div class="cta-contact-button mt-4 mt-md-0">
                        <a href="contact.html" class="theme-btn bg-color-2 wow fadeInUp" data-wow-delay=".5s">İletişim <i class="fas fa-long-arrow-alt-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 wow fadeInUp" data-wow-delay=".4s">
                <div class="cta-contact-image mb-0">
                    <img src="assets/img/cta-man-2.png" alt="img">
                </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/barindirma-ekonomik.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) + ' - Ekonomik Hosting');
            index += direction;
            setTimeout(animateTitle, speed);
        }

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

</html>