Tema Ayarları
Tema ayarları tabından, aşağıdaki ayarları yapabilirsiniz.
| Tema Stili | HostlarHD (Varsayılan)olarak seçili gelir. |
| Müşteri Paneli Stili | HostlarHD veya yenilenmiş WClient olarak seçebilirsiniz. |
| Tema Rekleri | Tema renklerinizi seçebilirsiniz. |
| Yeni Kaydol/Giriş Sayfası | Kayıt ve giriş sayfa seçimini yapabilirsiniz. |
Tema Özellikleri
Tema özellikleri tabından, aşağıdaki ayarları yapabilirsiniz.
| Sağ Tuş (Right Click) | Temada sağ ve sol tıklamayı engeller. |
| Anasayfa(Index) Yazılımlar | Yazılımlar alanının slider veya gird listeleme seçimidir. |
| Sunucu Yönetimi | Anasayfada yer alan sunucu listeleme seçimidir. Gird ve List seçenekleri mevcuttur. |
| Loader | Site açılışındaki loader yazısıdır. |
| E-Bülten | Footer'da yer alan e-bülten alanını yönetmenizi sağlar. |
| Tema Genişlik Değeri | Container (genişlik) değerini ayarlamanıza olanak sağlar. |
| Schema | Site schema açıklamasıdır. (Seo için önemlidir) |
Header Ayarları
Header ayarları tabından, aşağıdaki ayarları yapabilirsiniz.
| Haber & Duyurular (Header) | Header'da yer alan haber ve duyurular için kullanılan alanı aktif veya pasif eder. |
| Haber & Duyurular (Header) Harici HTML Kodu Ekleme | Header'da yer alan haber ve duyurular için kullanılan html alanın düzenlenmesini sağlar. Türkçe ve ingilizce diline göre gösterim sağlayabilirsiniz. |
Örnek Header Code
<style>
.hostlar_kampanya {
width: 100%;
-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
height: '50px;
}
.hostlar_kampanya .container {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.hostlar_kampanya .container p {
color: #;
font-weight: 600;
font-size: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 16px;
}
</style>
<div class="hostlar_kampanya tema-background">
<div class="container">
<a href="#" style="color:white; font-family:Poppins;">
<p>Yeni Alımlara Özel Hosting, Server, VDS Ürünlerinde <b style="color:#ffa31a">%50</b> indirim Fırsatı! Kaçırmayın... (Stoklarla Sınırlıdır)</p>
</a>
</div>
</div>
Örnek kodlar style kodları ile verilmiştir. Standart görünüm harici farklı tasarımlar ile kullabilirsiniz.
Slider Ayarları
Slider ayarları tabından, aşağıdaki ayarları yapabilirsiniz.
| Slider | Seçtiğiniz slider tema üzerinde uygulanır. |
| Background (Sabit) | Background modunda istediğiniz html kodlarının eklenmesini ve düzenlemesini sağlar. Sabit video ve resim gibi göselleriniz için tavsiye edilir. |
| Slider (Classic) | Slider Listesinde olan görsel ve açıklamaları listeler. |
Örnek Image Background
<style>
.cta-new-wrap{ margin-top: -50px; }
.hero-image{ margin-top: -70px; }
.mb-u{ margin-bottom:-180px;}
@media screen and (max-width: 600px){
.cta-new-wrap{ margin-top: 50px;}
.hero-image{ margin-top: 50px;}
.mb-u{ margin-bottom:0px;}
}
</style>
<section class="hero-equal-height mb-u">
<div class="border-bottom pb-5">
<div class="container">
<div class="row justify-content-between">
<div class="col-lg-6 col-12">
<div class="cta-new-wrap" style="font-family: 'Poppins', sans-serif;">
<h3>Yüksek Performanslı Cloud Sunucular!</h3><br>
<p class="lead">Cloud sunucularımız sayesinde, yüksek performans ile tanışın! Sunucularımız ile %99 uptime garantisi veriyoruz!</p>
<ul class="list-unstyled tech-feature-list">
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>AMD Ryzen 9 7950x İşlemci</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>DDR5 5200MHz RAM</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>Samsung 990PRO NVMe Disk</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>Opsiyonel 10G Port Hızı</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>Türkiye'nin En Başarılı DDOS Önleme Hizmeti</li>
</ul>
<div class="action-btns mt-4 d-inline-flex align-items-center">
<a href="ddos-korumamiz.html" class="bgcolor-danger btn primary-solid-btn animated-btn mr-5">DDOS Korumamız</a>
<a href="#" class="bgcolor-danger popup-youtube video-play-icon"><span class="ti-control-play"></span> </a>
</div>
</div>
</div>
<div class="col-lg-5 col-12">
<div class="hero-image">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/slider/hosting.webp" alt="Jet Hızında Hosting" width="500" height="486" class="img-fluid"/>
</div>
</div>
</div>
</div>
</div>
</section>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Örnek kodlar style kodları ile verilmiştir. Standart görünüm harici farklı tasarımlar ile kullabilirsiniz.
Anasayfa Ayarları
Anasayfa düzenini WiseCP veya HTML olarak seçebilirsiniz.
1. WiseCP Düzeni : Standart düzendir, temel özellikleri kullanarak hızlıca yapılandırabilirsiniz.
2. HTML Düzeni : Standart düzeni devre dışı bırakarak, sayfanın tamamını HTML ile özelleştirmenize olanak tanır. Gelişmiş ihtiyaçlar için tercih edilebilir.
Anasayfa tabı : Anasayfa düzen seçimi WiseCP ile, aşağıdaki ayarları yapabilirsiniz.
| Domain HTML | Anasayfa Domain Alanı altına HTML kodlarınızı ekler. |
| Web Hosting HTML | Anasayfa Hosting Alanı altına HTML kodlarınızı ekler. |
| Özellikler HTML | Anasayfa Özellikler Alanı altına HTML kodlarınızı ekler. |
| Hakkımızda HTML | Anasayfa Hakkımızda Alanı altına HTML kodlarınızı ekler. |
| Yazılımlar HTML | Anasayfa Yazılımlar Alanı altına HTML kodlarınızı ekler. |
| Müşteri Görüşleri HTML | Anasayfa Müşteri Görüşleri Alanı altına HTML kodlarınızı ekler. |
| Haber & Duyurular HTML | Anasayfa Haber & Duyurular alanı altına HTML kodlarınızı ekler. |
| Rakamlarla Biz HTML | Anasayfa Rakamlarla Biz Alanı altına HTML kodlarınızı ekler. |
| SMS Paketleri HTML | Anasayfa SMS Paketleri Alanı altına HTML kodlarınızı ekler. |
| Sunucu Paketler HTML | Anasayfa Sunucu Paketler Alanı altına HTML kodlarınızı ekler. |
Anasayfa tabı : Anasayfa düzen seçimi HTML ile, aşağıdaki ayarları yapabilirsiniz.
| HTML |
Standart düzeni devre dışı bırakarak, sayfanın tamamını dil seçenekleriyle HTML ile özelleştirmenize olanak tanır. Gelişmiş ihtiyaçlar için tercih edilebilir. |
<!-- Web Hosting Alanı -->
<section class="pt-100">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6 col-lg-6">
<div class="cta-new-wrap">
<h3>Veri Aktarmanın Kolay Yolu</h3>
<p class="lead">Mükemmel entelektüel sermaye aracılığıyla küresel olarak paralel görev parçalı hizalamaları. Küresel olarak dikey liderliği konuşlandırın.</p>
<ul class="list-unstyled tech-feature-list">
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>Ücretsiz </strong> Web Sitesi Transferi, Alan Adı Transferi</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>52 Ücretsiz </strong> komut dosyası anında kurulabilir</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>100</strong> Dolarlık Google Adwords Teklifi (Ayrıntılar)</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>100</strong> Dolarlık Bing Ads Kredisi (Ayrıntılar)</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>Ücretsiz </strong> SSL Sertifikası web sitesi güvenliği</li>
</ul>
<div class="action-btns mt-4 d-inline-flex align-items-center">
<a href="#" class="btn primary-solid-btn animated-btn mr-5">Şimdi Başla</a>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="cta-new-wrap">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/slider/rokethd.webp" alt="hosting" class="img-fluid" />
</div>
</div>
</div>
</div>
</section>
<section id="features" class="feature-tab-section ptb-100">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-3 col-12 order-lg-last align-self-center">
<div class="image-box fadein text-xl-right text-center">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/icon-wordpress-hosting.svg" alt="wp-hosting" class="img-fluid" />
</div>
</div>
<div class="col-xl-8 col-lg-9 col-12 order-xl-first">
<h2>Daha İyi Destek ve Güvenlik</h2>
<p>Manyetik paradigmalar olmadan görev açısından kritik temel yetkinlikleri kademeli olarak yönetin. Hedef odaklı müşteri hizmetleri olmadan esnek getiri sağlayın. Sorunsuzca.</p>
<div class="row pt-2">
<div class="col-md-6 col-12">
<h5>WordPress Optimizasyonu</h5>
<ul class="disc-style">
<li>En yeni ve en hızlı PHP/MySQL sürümü</li>
<li>Yalnızca SSD bulut ile garantili CPU</li>
<li>HTTP/2 ve ücretsiz CloudFlare CDN</li>
<li>Observer Kaynak İzleme</li>
</ul>
</div>
<div class="col-md-6 col-12">
<h5>Ekstra RocketBooster</h5>
<ul class="disc-style">
<li>Varnish Statik ve Dinamik önbellekleme</li>
<li>LiteSpeed LSPHP Teknolojisi</li>
<li>Opcode Önbellekleme</li>
<li>Optimize edilmiş statik içerik işleme</li>
</ul>
</div>
</div>
<div class="action-btns mt-4">
<a href="#" class="btn primary-solid-btn mr-3">Hemen Başlayın</a>
<a href="#" class="btn outline-btn">Fiyat Planları</a>
</div>
</div>
</div>
</div>
</section>
<section class="cta-new pb-100">
<div class="container">
<div class="row justify-content-between">
<div class="col-xl-4 col-lg-7 col-12 order-lg-last align-self-center">
<div class="image-box fadein text-xl-right text-center">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/shared-wp-hosting.svg" alt="wp-hosting" class="img-fluid" />
</div>
</div>
<div class="col-xl-7 col-lg-7 col-12 order-xl-last">
<h2>Dünyaca Ünlü Paylaşımlı Hosting</h2>
<p>Yatırım yapılmamış teknolojiler olmadan uzun vadeli yüksek etkili kanalları verimli şekilde yeniden düzenleyin. Platformlar arası e-hizmetler olmadan hızlıca arka uç web-hazırlığını markalaştırın.</p>
<div class="row pt-2">
<div class="col-md-6 col-12">
<h5>Özel Özellikler</h5>
<ul class="disc-style">
<li>Günlük Yedekleme & ücretsiz yedekleme geri yükleme</li>
<li>Güvenlik Güncellemeleri ve Yamaları</li>
<li>Performans ve kaynak izleme</li>
<li>Adım adım Kılavuzlar & Bilgi Bankası</li>
</ul>
</div>
<div class="col-md-6 col-12">
<h5>WordPress Hizmetleri</h5>
<ul class="disc-style">
<li>Tek tıkla WordPress Kurulumu</li>
<li>Ücretsiz WordPress Taşıma</li>
<li>Tema ve eklenti kurulumu</li>
<li>Kötü Amaçlı Yazılım Taraması & Raporları</li>
</ul>
</div>
</div>
<div class="action-btns mt-4">
<a href="#" class="btn primary-solid-btn mr-2">Hemen Başlayın</a>
<a href="#" class="btn outline-btn">Fiyat Planları</a>
</div>
</div>
</div>
</div>
</section>
<!-- Özellikler Alanı -->
<section class="feature-section ptb-100 gray-light-bg">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-5">
<h2>Büyük Fikirleriniz İçin Hosting Özellikleri</h2>
<p class="lead">Bu özellikler, tüm hosting planlarımızda standart olarak sunulmaktadır. Açık kaynak yoluyla zorunlulukları dinamik olarak genişletin ve niş pazarları hızlıca hedefleyin.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-6">
<div class="features-box p-4">
<div class="features-box-icon">
<span class="ti-panel icon-md color-primary"></span>
</div>
<div class="features-box-content">
<h5>Özel Kontrol Paneli</h5>
<p>Sezgisel kontrol panelimiz, tüm DreamHost ürünlerinize yönetici erişimi sağlar. Alan adı bilgilerini kolayca güncelleyin, kullanıcı ekleyin, e-posta ayarlarını düzenleyin ve erişim sağlayın.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="features-box p-4">
<div class="features-box-icon">
<span class="ti-thumb-up icon-md color-primary"></span>
</div>
<div class="features-box-content">
<h5>Gerçek İnsanlar</h5>
<p>Teknoloji uzmanları, geekler ve nerdler deneyiminizi optimize etmek için burada. Destek ekibimizle iletişime geçin, bilgi bankamızı okuyun veya bir tartışma başlatın.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="features-box p-4">
<div class="features-box-icon">
<span class="ti-mouse-alt icon-md color-primary"></span>
</div>
<div class="features-box-content">
<h5>Tek Tıkla Yükleyici</h5>
<p>Bir sürü dokümana dalmaya gerek yok. WordPress, Joomla! gibi web uygulamalarını kolayca yükleyin. Ekonomik açıdan sağlam fırsatları yönetirken monotonluktan kurtulun.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="features-box p-4">
<div class="features-box-icon">
<span class="ti-timer icon-md color-primary"></span>
</div>
<div class="features-box-content">
<h5>%100 Kesintisiz Çalışma Garantisi</h5>
<p>Birden fazla veri merkezi konumu, yedekli soğutma, acil durum jeneratörleri ve sürekli izleme ile %100 kesintisiz çalışma garantisi sunabiliyoruz.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="features-box p-4">
<div class="features-box-icon">
<span class="ti-harddrives icon-md color-primary"></span>
</div>
<div class="features-box-content">
<h5>Katı Hal Sürücüleri (SSD)</h5>
<p>SSD'ler ile web siteniz, önbellekleme ve veritabanı sorgularınız hızlanır. Uçtan uca bilgi aracılığı sağlayıcılarıyla küresel niş pazarları hızla yönetin.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-6">
<div class="features-box p-4">
<div class="features-box-icon">
<span class="ti-cup icon-md color-primary"></span>
</div>
<div class="features-box-content">
<h5>Ödüllü Destek</h5>
<p>Ekibimiz için hiçbir soru ne çok basit ne de çok karmaşık. 24/7, 365 gün hizmet veren uzman destek ve hizmet ekibimiz sizin için burada.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Yazılımlar Alanı -->
<div class="container mt-50">
<div class="row">
<div class="col-md-4 col-lg-4">
<a href="#">
<div class="single-promo-2 single-promo-hover rounded-custom text-center white-bg p-5 h-100">
<div class="circle-icon">
<span class="fas fa-bezier-curve text-white"></span>
</div>
<h5>Kullanımı Süper Kolay</h5>
<p>Web sitenizin gerçek dinamiklerini göstererek satışları artırın.</p>
</div>
</a>
</div>
<div class="col-md-4 col-lg-4">
<a href="#">
<div class="single-promo-2 single-promo-hover rounded-custom text-center white-bg p-5 h-100">
<div class="circle-icon">
<span class="fas fa-sync-alt text-white"></span>
</div>
<h5>Hızlı ve Güvenilir</h5>
<p>Online mağazanızın güvenini sosyal kanıt ve aciliyetle artırın.</p>
</div>
</a>
</div>
<div class="col-md-4 col-lg-4">
<a href="#">
<div class="single-promo-2 single-promo-hover rounded-custom text-center white-bg p-5 h-100">
<div class="circle-icon">
<span class="fas fa-headset text-white"></span>
</div>
<h5>7/24 Uzman Destek</h5>
<p>Müşterilerin satın alma kararında sosyal kanıtın önemini anlayın.</p>
</div>
</a>
</div>
</div>
</div>
<!-- Diğer Alanlar için -->
<section class="hero-equal-height ptb-100 gradient-overly-top" style="background: url('https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/assets/images/icons/offer-bg.png')no-repeat center center / cover">
<div class="container">
<div class="row align-items-center justify-content-between">
<div class="col-md-7 col-lg-6">
<div class="hero-content-wrap text-white position-relative">
<span class="text-white h3 font-weight-bold">İşinizi E-Ticaret'e taşıyın</span>
<p class="lead text-white" style="padding-top:20px;">
Ürünlerinizi kendi e ticaret sitenizde satışa sunarak büyüyen pazarda yerinizi alın ve internetten alışveriş yapan milyonlarca kişiye ulaşın.
</p>
<ul class="list-unstyled tech-feature-list">
<li class="py-1"><span class="fas fa-check-circle text-white mr-2"></span> Alan Adı Kaydı</li>
<li class="py-1"><span class="fas fa-check-circle text-white mr-2"></span>Hosting</li>
<li class="py-1"><span class="fas fa-check-circle text-white mr-2"></span>7/24 Teknik Destek</li>
</ul>
</div>
</div>
<div class="col-md-5 col-lg-5">
<div class="offer-tag-wrap mt-4 mt-sm-4 mt-md-0 mt-lg-0">
<div class="position-relative">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/assets/images/icons/offer.svg" alt="offer tag" class="img-fluid">
</div>
<div class="offer-tag text-center">
<div class="ribbon-2">
<span>Starter / Yıllık</span>
</div>
<div class="offer-price-tag">
4500 <span><i class="fa-solid fa-turkish-lira-sign"></i></span>
<p class="lead mb-0">Sınırlı zaman teklif!<p>
</div>
<a href="#" class="btn outline-white-btn mt-4">Şimdi Başla <i class="fas fa-arrow-alt-circle-right pl-1"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.partner-logo img {
max-width: 70px;
}
</style>
<section class="our-partner-section ptb-100 gray-light-bg">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-2">
<h3>Neler Yaparız ?</h3>
<p class="lead">
İşinizin her aşamasında profesyonel çözümler üreterek, süreci hızlandırır aynı zamanda danışmanlığınızı yaparız.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-lg-3">
<div class="single-partner-wrap card-bottom-line white-bg shadow-sm rounded text-center p-4 mt-4">
<div class="partner-logo mb-3">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/icon-website-builder.svg" alt="partner logo" class="img-fluid" />
</div>
<div class="partner-heading mb-2">
<h5 class="mb-0">Dijital Strateji<br/>Yönetimi</h5>
<h6><strong>ARGE</strong></h6>
</div>
<div class="partner-info">
<p>Hedef kitlenizi potansiyel müşterilerinize dönüştürmek için, dijital mecralarda ihtiyaçlarınıza yönelik öneriler sunar..</p>
<a href="#" class="view-details-link">Daha Fazla Bilgi Al<span class="ti-angle-right"></span></a>
</div>
</div>
</div>
<div class="col-md-4 col-lg-3">
<div class="single-partner-wrap card-bottom-line white-bg shadow-sm rounded text-center p-4 mt-4">
<div class="partner-logo mb-3">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/icon-website-builder.svg" alt="partner logo" class="img-fluid" />
</div>
<div class="partner-heading mb-2">
<h5 class="mb-0">Dijital Pazarlama<br/>Ürünleri</h5>
<h6><strong>REKLAM</strong></h6>
</div>
<div class="partner-info">
<p>Geliştirdiğimiz yazılım ürünlerini markanız için iletişim odaklı olarak kullanır ve ölçümlenebilir verilerle projeler...</p>
<a href="#" class="view-details-link">Daha Fazla Bilgi Al<span class="ti-angle-right"></span></a>
</div>
</div>
</div>
<div class="col-md-4 col-lg-3">
<div class="single-partner-wrap card-bottom-line white-bg shadow-sm rounded text-center p-4 mt-4">
<div class="partner-logo mb-3">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/icon-website-builder.svg" alt="partner logo" class="img-fluid" />
</div>
<div class="partner-heading mb-2">
<h5 class="mb-0">Reklam ve Medya Planlama</h5>
<h6><strong>REKLAM</strong></h6>
</div>
<div class="partner-info">
<p>En doğru reklam stratejisini belirleyerek site ziyaretçi sayınızı, satış büyüklüğünüzü ve marka bilinirliğinize destek...</p>
<a href="#" class="view-details-link">Daha Fazla Bilgi Al<span class="ti-angle-right"></span></a>
</div>
</div>
</div>
<div class="col-md-4 col-lg-3">
<div class="single-partner-wrap card-bottom-line white-bg shadow-sm rounded text-center p-4 mt-4">
<div class="partner-logo mb-3">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/icon-website-builder.svg" alt="partner logo" class="img-fluid" />
</div>
<div class="partner-heading mb-2">
<h5 class="mb-0">Sosyal Medya Hesap Yönetimi</h5>
<h6><strong>SOSYAL MEDYA</strong></h6>
</div>
<div class="partner-info">
<p>En iyi içeriği, en doğru hedef kitleye ulaştırarak markanızı sosyal medyada yönetiyoruz. Pazarlama stratejinizi dijital ...</p>
<a href="#" class="view-details-link">Daha Fazla Bilgi Al<span class="ti-angle-right"></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="hero-equal-height ptb-100" style="background: url('https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/html/hero-bg-banner.jpg')no-repeat center center / cover">
<div class="container">
<div class="row align-items-center">
<div class="col-md-8 col-lg-6">
<div class="hero-content-left text-white my-lg-0 my-md-5 my-sm-5 my-5">
<h1 class="text-white">Rakipsiz WordPress Hosting</h1>
<p class="lead">Markanız için dünya standartlarında bir mobil uygulama başlatın. Kodlama gerekmez. Özelleştirilmiş potansiyelleri sinerjik uyumlarla önemli ölçüde büyütün.</p>
<ul class="list-unstyled tech-feature-list text-white">
<li class="py-1"><span class="ti-control-forward mr-2"></span>Esnek, Kullanımı Kolay Kontrol Paneli</li>
<li class="py-1"><span class="ti-control-forward mr-2"></span><strong>Sınırsız</strong> Bant Genişliği</li>
<li class="py-1"><span class="ti-control-forward mr-2"></span><strong>Sınırsız</strong> Alt Alan Adları, FTP Hesapları</li>
<li class="py-1"><span class="ti-control-forward mr-2"></span><strong>%99</strong> Uptime Garantisi</li>
<li class="py-1"><span class="ti-control-forward mr-2"></span><strong>45 Gün</strong> Para İade Garantisi</li>
</ul>
<div class="action-btns mt-4">
<a href="#" class="btn solid-white-btn animated-btn mr-3">Hemen Başlayın</a>
<a href="#" class="btn outline-white-btn animated-btn">Bizimle İletişime Geçin</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="pricing-section ptb-100">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-5">
<h2>Hosting Fiyatımızı Yönetin</h2>
<p class="lead">
Uygun fiyata profesyonel hosting. İlke merkezli temel yetkinlikleri yeniden kavramsallaştırın.
</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-10 col-sm-8 col-md-7">
<div class="text-center mb-5 radio-box-wrap billingCycle">
<div class="single-radio-box">
<input name="billingPlan" id="monthly-plan" value="monthly" class="radio" type="radio" checked>
<label for="monthly-plan"><span class="custom-check"></span> Aylık</label>
</div>
<div class="single-radio-box">
<input name="billingPlan" id="yearly-plan" value="yearly" class="radio" type="radio">
<label for="yearly-plan"><span class="custom-check"></span> Yıllık</label>
</div>
<div class="single-radio-box">
<input name="billingPlan" id="biannual-plan" value="biannual" class="radio" type="radio">
<label for="biannual-plan"><span class="custom-check"></span> İki Yıllık</label>
</div>
<div class="single-radio-box">
<input name="billingPlan" id="triennial-plan" value="triennial" class="radio" type="radio">
<label for="triennial-plan"><span class="custom-check"></span> Üç Yıllık</label>
</div>
</div>
</div>
</div>
<div class="row align-items-center justify-content-between">
<div class="col-lg-4 col-md-4 col-12">
<div class="card text-center single-pricing-pack">
<div class="pt-5">
<h5 class="mb-0">Cloud Başlangıç</h5>
<p class="mb-0">Orta trafik kişisel siteleri</p>
</div>
<div class="card-header pb-4 border-0 pricing-header">
<div class="price text-center mb-0 monthly-price">$19<span>/aylık</span></div>
<div class="price text-center mb-0 yearly-price">$69<span>/yıllık</span></div>
<div class="price text-center mb-0 biannual-price">$130<span>/iki yıllık</span></div>
<div class="price text-center mb-0 triennial-price">$199<span>/üç yıllık</span></div>
</div>
<div class="card-body">
<ul class="list-unstyled mb-4 pricing-feature-list">
<li><span>10</span> Barındırılan Alan Adı</li>
<li><span>25 GB</span> RAID 10 Depolama</li>
<li><span>200 GB</span> Bant Genişliği</li>
<li><span>1 Ücretsiz</span> Alan Adı</li>
<li><span>Süper Hızlı</span> SSD Depolama</li>
<li><span>Ücretsiz</span> SSL Sertifikası</li>
<li>%99.95 Uptime</li>
<li>7/24 Telefon Desteği</li>
</ul>
<a href="#" class="btn solid-btn-2">Başlayın</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="feature-section ptb-100">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-5">
<h2>Hosting Platformu Özellikleri</h2>
<p class="lead">Bu özellikler, tüm hosting planlarımızda standart olarak gelir. Açık kaynaklı, niş pazarları hızla genişletmek için dinamik olarak zorunlulukları uzatın.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="feature-feature-list p-4 text-center">
<span class="ti-harddrives icon-sm d-block color-primary mb-3"></span>
<h5 class="mb-2">SSD Disk Sürücüleri</h5>
<p>Kendi üst düzey adanmış sunucularımızla asla yanılmazsınız</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-feature-list p-4 text-center">
<span class="ti-rss-alt icon-sm d-block color-primary mb-3"></span>
<h5 class="mb-2">100 Mb/s Ağ</h5>
<p>Başarılı yükleme süresi ve mükemmel deneyim garantisi veriyoruz</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-feature-list p-4 text-center">
<span class="ti-lock icon-sm d-block color-primary mb-3"></span>
<h5 class="mb-2">DDoS Koruması</h5>
<p>Tam kök erişimi ile sunucunuzu çok kolay şekilde tamamen kontrol edebilirsiniz</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-feature-list p-4 text-center">
<span class="ti-world icon-sm d-block color-primary mb-3"></span>
<h5 class="mb-2">Adanmış IP</h5>
<p>Birçok premium özellikten biri, en ucuz VPS hosting planında adanmış IP'dir</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-feature-list p-4 text-center">
<span class="ti-location-pin icon-sm d-block color-primary mb-3"></span>
<h5 class="mb-2">IPv6 Desteği</h5>
<p>VPS hosting planımız, adanmış IPv6 İnternet Protokolü IP ile tamamen donatılmıştır</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="feature-feature-list p-4 text-center">
<span class="ti-wallet icon-sm d-block color-primary mb-3"></span>
<h5 class="mb-2">Para İade Garantisi</h5>
<p>HostLar'dan %100 memnun kalmazsanız, ödemenizi geri iade ederiz</p>
</div>
</div>
</div>
</div>
</section>
<section class="call-to-action ptb-100 gradient-overly-bottom" style="background: url('https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/html/hero-bg-4.jpg')no-repeat center center / cover fixed">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="call-to-action-content text-white text-center">
<h2 class="text-white">Sevdiğiniz bir domaininiz zaten mi var?</h2>
<p>Sorun değil! Hosting, domain kayıtlarınızı veya her ikisini de firmamıza transfer etmek hızlı ve zahmetsizdir, pazar konumlandırma çözümlerini ve kurumsal hizmetleri maksimuma çıkarın.</p>
<div class="action-btns mt-3">
<a href="#" class="btn solid-white-btn mr-3">Mevcut Müşteriler</a>
<a href="#" class="btn outline-white-btn">Yeni Müşteriler</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="start-transfer ptb-100 gray-light-bg">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-5">
<h2>Kolay Başlangıç ve Sorunsuz Transfer</h2>
<p class="lead">Anında Aktivasyon veya Ücretsiz Hızlı Transfer hizmetini hemen alın.
Test prosedürlerini ve geçişleri coşkuyla iyileştirin.</p>
</div>
</div>
</div>
<div class="row start-website-box">
<div class="col-lg-6 col-12 pr-lg-0">
<div class="left-box white-bg">
<div class="d-flex align-items-center mb-4">
<span class="ti-vector icon-sm text-white primary-bg p-2 rounded mr-3"></span>
<h5 class="mb-0">Yeni Bir Web Sitesi Başlat <span
class="badge color-1 color-1-bg">Başlamak Kolay</span></h5>
</div>
<ul>
<li>
<strong>Tek tıkla Uygulama Pazarı</strong>
<p>450'den fazla uygulama saniyeler içinde kurulmaya hazır</p>
</li>
<li>
<strong>En iyi DIY çözümü</strong>
<p>20+ Framework ve favori geliştirici araçlarınız</p>
</li>
<li>
<strong>Adım Adım Kılavuzlar</strong>
<p>Başlamanıza yardımcı olacak 3000+ sayfa kılavuz</p>
</li>
<li>
<strong>Sınırsız 7/24 Öncelikli Destek</strong>
<p>Her zaman ücretsiz, dahili teknik destek</p>
</li>
</ul>
<div class="btn-holder mt-4">
<a class="btn primary-solid-btn" href="#">Şimdi Başlayın</a>
</div>
<p class="mt-3">
<small>Bugün <span class="text-blue" data-role="site-activation-timer"
data-type="new">04:00 PM</span> öncesinde kaydolun ve Hemen Hesap
Aktivasyonu ve Ücretsiz Web Sitesi Kurulumu fırsatını kaçırmayın!
</small>
</p>
</div>
</div>
<div class="col-lg-6 col-12 pl-lg-0">
<div class="right-box primary-bg">
<div class="d-flex align-items-center mb-4">
<span class="ti-loop icon-sm color-primary white-bg p-2 rounded mr-3"></span>
<h5 class="mb-0 text-white">Hızlı Transfer</h5>
</div>
<ul>
<li>
<strong>Uzmanlar tarafından site transferi</strong>
<p>Otomasyon karmaşası yok - uzmanlar tarafından yapılır</p>
</li>
<li>
<strong>Kesinti olmadan, Hızlı ve Sorunsuz</strong>
<p>Tüm planlarda Hızlı Transfer hizmeti dahil</p>
</li>
<li>
<strong>Ücretsiz Domain Transferi</strong>
<p>Transferden sonra bir yıllık ücretsiz domain yenileme</p>
</li>
<li>
<strong>Ücretsiz hosting ayları</strong>
<p>Kullanılmayan süre için altı aya kadar telafi</p>
</li>
</ul>
<div class="btn-holder mt-4">
<a class="btn solid-white-btn" href="#">Şimdi Transfer Et</a>
</div>
<p class="mt-3">
<small>Şimdi kaydolun ve sitenizi bugün saat
<span class="text-yellow" data-role="site-activation-timer" data-type="transfer">04:57 PM</span>
'de ücretsiz Hızlı Transfer ile taşıyın!
</small>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="network-map-section ptb-100 ">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-5">
<h2>Veri Merkezlerimizin Konumu</h2>
<p class="lead">Cloudhub, hizmet altyapınızı müşteri tabanınıza yakın konumlarda dağıtmanızı sağlayan düşük gecikmeli bir küresel ağ sunar.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="network-map-wrap">
<ul class="custom-map-location">
<li style="top: 29%; left: 15.5%;">
<span data-toggle="tooltip" data-placement="top" title="Kanada"></span>
</li>
<li style="top: 42%; left: 20%;">
<span data-toggle="tooltip" data-placement="top" title="Amerika Birleşik Devletleri"></span>
</li>
<li style="top: 70%; left: 32%;">
<span data-toggle="tooltip" data-placement="top" title="Brezilya"></span>
</li>
<li style="top: 57%; left: 48%;">
<span data-toggle="tooltip" data-placement="top" title="Nijerya"></span>
</li>
<li style="top: 18%; left: 53%;">
<span data-toggle="tooltip" data-placement="top" title="Finlandiya"></span>
</li>
<li style="top: 34%; left: 55%;">
<span data-toggle="tooltip" data-placement="top" title="İsveç"></span>
</li>
<li style="top: 18%; left: 70%;">
<span data-toggle="tooltip" data-placement="top" title="Almanya"></span>
</li>
<li style="top: 38%; left: 80%;">
<span data-toggle="tooltip" data-placement="top" title="Çin"></span>
</li>
<li style="top: 50%; left: 78%;">
<span data-toggle="tooltip" data-placement="top" title="Japonya"></span>
</li>
</ul>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-5">
<h2>Veri Merkezlerimizin Konumu</h2>
<p class="lead">Cloudhub, hizmet altyapınızı müşteri tabanınıza yakın konumlarda dağıtmanızı sağlayan düşük gecikmeli bir küresel ağ sunar.</p>
</div>
</div>
</div>
</div>
</section>
<section class="client-review-section ptb-100 gray-light-bg">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="section-heading text-center mb-5">
<h2>Müşterilerimiz Bizim Hakkımızda Ne Diyor?</h2>
<p class="lead">Otoriter bir şekilde müşteri merkezli e-pazarları tamamen test edilmiş süreçler aracılığıyla yeniden tasarlayın. Nesnel bir şekilde stratejik girişimleri tamamen araştırılmış yöntemlerle geri kazanın.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="single-testimonial white-bg shadow-sm rounded p-5">
<ul class="list-inline ratting-list mb-2">
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
</ul>
<div class="ratting-content">
<h5>Teknik destekten harika bir destek aldım</h5>
<p>Nesnel bir şekilde manyetik üretilen ürünleri ve dinamik modelleri öngörün. Süreç merkezli ilişkileri 2.0 ile maksimuma çıkarmak için kademeli olarak ilerleyin.</p>
</div>
<div class="ratting-author mt-3">
<h6>Alex Khamer</h6>
<small class="text-right">6 gün önce</small>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="single-testimonial white-bg shadow-sm rounded p-5">
<ul class="list-inline ratting-list mb-2">
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
</ul>
<div class="ratting-content">
<h5>Harika Tasarım Kalitesi ve Destek</h5>
<p>Nesnel bir şekilde manyetik üretilen ürünleri ve dinamik modelleri öngörün, 2.0 ilişkileri maksimize etmek için yöntemlerle birlikte.</p>
</div>
<div class="ratting-author mt-3">
<h6>Peter Anderson</h6>
<small class="text-right">3 gün önce</small>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="single-testimonial white-bg shadow-sm rounded p-5">
<ul class="list-inline ratting-list mb-2">
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
<li class="list-inline-item"><span class="fas fa-star"></span></li>
</ul>
<div class="ratting-content">
<h5>Gece yarısından sonra destekle iletişime geçtim</h5>
<p>Nesnel bir şekilde manyetik üretilen ürünleri ve dinamik modelleri öngörün. Süreç merkezli ilişkileri 2.0 ile maksimuma çıkarmak için kademeli olarak ilerleyin.</p>
</div>
<div class="ratting-author mt-3">
<h6>Jolio Darix</h6>
<small class="text-right">8 gün önce</small>
</div>
</div>
</div>
</div>
</div>
</section>
"https://siteadresiniz.com" linkini kendi site adresiniz ile değiştirmeniz gerekir. Aksi halde resimler görünmeyecektir.
Diğer Sayfalar
Diğer Sayfalar tabından, aşağıdaki ayarları yapabilirsiniz.
| Hosting Sayfası Header | Hosting sayfasındaki üst alan içeriğini türkçe ve ingilizce diline göre düzenlemenizi sağlar. |
| Sunucu Sayfası Header | Sunucu sayfasındaki üst alan içeriğini türkçe ve ingilizce diline göre düzenlemenizi sağlar. |
Örnek Sayfa Header
<ul class="list-unstyled">
<li class="py-1">
<div class="d-flex align-items-center">
<span class="ti-check mr-2"></span>
<p class="mb-0">WHM / cPanel</p>
</div>
</li>
<li class="py-1">
<div class="d-flex align-items-center">
<span class="ti-check mr-2"></span>
<p class="mb-0">Ücretsiz SSL sertifikası</p>
</div>
</li>
<li class="py-1">
<div class="d-flex align-items-center">
<span class="ti-check mr-2"></span>
<p class="mb-0">%400 CPU</p>
</div>
</li>
<li class="py-1">
<div class="d-flex align-items-center">
<span class="ti-check mr-2"></span>
<p class="mb-0">Spam, Virüs ve Phishing Filtreleri</p>
</div>
</li>
</ul>
Sidebar Ayarları
Sidebar ayarları tabından, aşağıdaki ayarları yapabilirsiniz.
Örnek kodları veya kendi tasarladığınız resim ve kodları kullanabilirsiniz.
Örnek Sidebar
<div class="offer-box text-white text-center" style="margin-top:50px;">
<span class="h6 text-white">Yazılım Alana
<br>
<span style="font-size: 25px;">WEB HOSTING</span>
</span>
<hr/>
<h2 class="offer-price text-white" style="margin-left:-40px;">
<span class="currency usa-currency">$</span>5<span class="decimal">.99</span><small>/yıllık</small>
</h2>
<p class="regular-price">Normal Fiyat <strong>$14.99/yıllık</strong></p>
<div class="action-btns mt-4">
<a class="btn primary-solid-btn animated-btn" href="#">SATIN AL</a>
</div>
</div>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Footer Ayarları
Footer ayarları tabından, aşağıdaki ayarları yapabilirsiniz.
| Footer | Footer alanının üst kısmına istediğiniz kodları ekleyebilir ve düzenleyebilirsiniz. |
| Footer Info | Footer'da yer alan, GDPR Etbis vb. istediğiniz kodları ekleyebilir ve düzenleyebilirsiniz. |
| Footer Payment | Footer'da sağ altta yer alan, ödeme bölümüne istediğiniz kodları ekleyebilir ve düzenleyebilirsiniz. |
Örnek Footer
<section class="call-to-action ptb-100 mt-50 background-color-black" style=" background: url('https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/hero-1.jpg') no-repeat center center / cover">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-9 col-lg-8">
<div class="call-to-action-content text-white text-center font-3">
<p style="font-size:22px;">Sorularınız mı var? Detaylı bilgi almak için hemen arayın.</p>
<div class="footslogan">
<h2 data-aos="zoom-in"><a href="tel:">0 (850) 307 9 275</a></h2>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="client-section ptb-100">
<div class="container">
<div class="row align-items-center">
<div class="col-md-12">
<div class="overlay-opacity-gradient"></div>
<div class="owl-carousel owl-theme clients-carousel dot-indicator">
<div class="item single-client">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/images/CPanel_logo.png" alt="client logo" width="120" height="auto" class="img-fluid client-img">
</div>
<div class="item single-client">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/images/plesk-logo.png" alt="client logo" width="120" height="auto" class="img-fluid client-img">
</div>
<div class="item single-client">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/images/LiteSpeed-logo.png" alt="client logo" width="120" height="auto" class="img-fluid client-img">
</div>
<div class="item single-client">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/images/CL_company_final.png" alt="client logo" width="120" height="auto" class="img-fluid client-img">
</div>
<div class="item single-client">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/images/microsoft.png" alt="client logo" width="120" height="auto" class="img-fluid client-img">
</div>
<div class="item single-client">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/images/Comodo-Logo.jpg" alt="client logo" width="120" height="auto" class="img-fluid client-img">
</div>
<div class="item single-client">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/images/visa-mastercard-logos.png" alt="client logo" width="120" height="auto" class="img-fluid client-img">
</div>
</div>
</div>
</div>
</div>
</section>
Örnek Footer Info
<img class="gprimage mt-2" src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/images/gdpr.png" alt="This site is GDPR compliant." title="GDPR " width="auto" height="35"/>
<img class="gprimage mt-2" src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/images/etbis.png" alt="Etbis" title="Etbis" width="auto" height="35"/>
<img class="gprimage mt-2" src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/images/btk.png" alt="Bilgi Teknolojileri ve İletişim Kurumu" title="Bilgi Teknolojileri ve İletişim Kurumu" width="auto" height="35"/>
Örnek Footer Payment
<li class="list-inline-item">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/payment-amex.svg" alt="amex" width="50" />
</li>
<li class="list-inline-item">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/payment-visa.svg" alt="visa" width="50" />
</li>
<li class="list-inline-item">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/payment-mastercard.svg" alt="mastercard" width="50" />
</li>
<li class="list-inline-item">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/payment-paypal.svg" alt="paypal" width="50" />
</li>
<li class="list-inline-item">
<img src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/payment-bitcoin.svg" alt="bitcoin" width="50" />
</li>
Müşteri Paneli
Müşteri paneli tabından, aşağıdaki ayarları yapabilirsiniz.
| Müşteri Panelinde Widget | Resim banner vb. duyuru ve reklamlarınızı müşteri panelinde gösterebilirsiniz. |
<img style="width:100%; border-radius: 0.25rem;" class="mt-3" src="https://siteadresiniz.com/hostlarhd/templates/website/HostlarHD/tema/img/costumer/banner.png">
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
