HTML ve CSS bilginize göre örnek yapı ile ekleme veya düzenleme yapabilirsiniz. Kodlar örnek olarak verilmiştir. Kendinize göre düzenlemeniz gerekir.
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
https://siteadresiniz.com/templates/website/HostlarHD/tema/img/ yolunu kendi belirlediğiniz dosya yoluna göre değiştirebilirsiniz.
Kodlar örnek olarak verilmiştir.
Örnek kodları düzenlerken dikkatli olun. Hatalı düzenleme ve sonradan eklenen css kodları; tasarımı, düzeni tamamen kaydırabilir bozabilir.
Hatalı özelleştirmeler için destek sağlanmamaktadır.
Alan Adı Ürün Grubu Ayarları
<!-- Kod 1 -->
<section class="doming-hosting-section fix section-padding" data-aos="fade-up">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="text-center pb-md-3">
<h2>Alan Adı (Domain) Tescili nedir ?</h2>
<p>Bir web sitesi sahibi olabilmeniz için öncelikle bir alan adı (domain name) tescil ettirmelisiniz.
Alan Adı Tescil işlemini marka tescili hizmeti gibi düşünebilirsiniz.
Tescil hizmeti, belirli bir dönem için haklarını satın almış olduğunuz alan adının kullanım süresi süre boyunca adınıza kaydedilmesini ve farklı kişiler tarafından kullanılmamasını sağlamaktadır.
</p>
</div>
</div>
</div>
<div class="row mt-5 align-items-center justify-content-between">
<div class="col-lg-5">
<div class="dm-about-img">
<img src="https://siteadresiniz.com/templates/website/HostlarHD/tema/img/domain/domain-1.png" alt="man" class="img-fluid">
</div>
</div>
<div class="col-lg-6">
<div class="dm-about-content mt-40 mt-lg-0">
<h3 class="mb-4">Tüm Alan Adı Uzantıları!</h3>
<p>
Alan adınızın bitimine yakın sizlerle birebir iletişime geçmekteyiz.
Alan adı süresini yenileme tarihini kaçırmadan alan adınızı yenileyebilirsiniz.
</p>
<p class="mb-0">
Whois Gizleme hizmetimiz kapsamında bilgileriniz bizimle güvende !
Kolay kullanılabilir kontrol panelimiz sayesinde dilediğiniz zaman NS adreslerinizi değiştirebilir, DNS adresi tanımlayabilirsiniz.
</p>
</div>
</div>
</div>
<div class="row mt-5 align-items-center justify-content-between">
<div class="col-lg-6 order-2 order-lg-1">
<div class="dm-about-content mt-40 mt-lg-0">
<h3 class="mb-4">Alan Adınız ve Kurumsal Mail Adresinizle Güven Oluşturun</h3>
<p>
İş dünyasında en önemli şey güvendir. Müşterileriniz veya hizmet verdiğiniz diğer firmalar için kurumsal duruşunuz çok önemlidir.
Kendinize veya işletmenize ait alan adına sahip bir mail adresiyle, hizmet verdiğiniz kişi ve kuruluşlara işletmenizin kurumsal yüzünü gösterin.
Ücretsiz mail adresleri yerine kendi alan adınıza sahip mail adresi kullanmak, yaptığınız iş ve verdiğiniz hizmetlerle ilgili satın alma kararı veren kişilerin sizinle iletişime geçmesinde olumlu rol oynar.
isiniz@alanadiniz.com gibi bir mail adresine sahip olmak için, web sitenize uygun olduğunu düşündüğünüz domaini sorgulayarak satın alma işleminizi tamamlayın, online dünyaya ilk adımınızı bugün atın!
</p>
</div>
</div>
<div class="col-lg-5 order-1 order-lg-2">
<div class="dm-about-img">
<img src="https://siteadresiniz.com/templates/website/HostlarHD/tema/img/domain/domain-2.png" alt="man" class="img-fluid">
</div>
</div>
</div>
<div class="row mt-5 align-items-center justify-content-between">
<div class="col-lg-5">
<div class="dm-about-img">
<img src="https://siteadresiniz.com/templates/website/HostlarHD/tema/img/domain/domain-3.png" alt="man" class="img-fluid">
</div>
</div>
<div class="col-lg-6">
<div class="dm-about-content mt-40 mt-lg-0">
<h3 class="mb-4">Dijital Dünyaya İlk Adım İçin Bir Domain Kaydedin</h3>
<p>
Dünya değişiyor ve dijitalleşiyor. İşinizi, hobilerinizi, gezilerinizi, hikayelerinizi internete taşımak için bugün harekete geçin!
Bir Domain satın alarak, ister kişisel blogunuzu oluşturun, dilerseniz işletmenizin web sitesini hayata geçirin. Tüm bunlar için yapmanız gereken tek şey; bir domain sorgulamak ve satın almak.
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Kod 2 -->
<section class="doming-hosting-section fix section-padding" data-aos="fade-up">
<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 mb-sm-5 mb-md-3 mb-lg-3">
<h3>Size Sunduğumuz Ayrıcalıklar</h3>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="single-service-plane text-center rounded white-bg shadow-sm p-5 mt-md-4 mt-lg-4">
<i class="fa-regular fa-circle-question fa-2x" aria-hidden="true"></i>
<div class="service-plane-content">
<h3 class="h5">Whois Yönetimi</h3>
<p>Alan adınızın whois bilgilerini kolay ve hızlı bir şekilde domain paneliniz üzerinden değiştirebilirsiniz.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="single-service-plane text-center rounded white-bg shadow-sm p-5 mt-md-4 mt-lg-4">
<i class="fa-solid fa-earth-asia fa-2x" aria-hidden="true"></i>
<div class="service-plane-content">
<h3 class="h5">DNS Yönetimi</h3>
<p>Domain paneliniz üzerinden domain isim sunucusu (dns) bilgilerinizi online olarak tanımlayabilirsiniz.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="single-service-plane text-center rounded white-bg shadow-sm p-5 mt-md-4 mt-lg-4">
<i class="fa-regular fa-square-plus fa-2x" aria-hidden="true"></i>
<div class="service-plane-content">
<h3 class="h5">Name Server Yönetimi</h3>
<p>Name server oluşturma ve düzenleme gibi işlemleri kontrol paneli üzerinden anlık olarak yapabilirsiniz.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-4">
<div class="single-service-plane text-center rounded white-bg shadow-sm p-5 mt-md-4 mt-lg-4">
<i class="fa-solid fa-user-secret fa-2x" aria-hidden="true"></i>
<div class="service-plane-content">
<h3 class="h5">Whois Koruması</h3>
<p>Alan adınızın whois bilgilerini kolay ve hızlı bir şekilde domain paneliniz üzerinden anlık olarak gizleyebilirsiniz.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="single-service-plane text-center rounded white-bg shadow-sm p-5 mt-md-4 mt-lg-4">
<i class="fa-solid fa-rotate-right fa-2x" aria-hidden="true"></i>
<div class="service-plane-content">
<h3 class="h5">Alan Adı Yenileme / Uzatma</h3>
<p>Alan adı tescil süresini, kontrol paneliniz üzerinden kolaylıkla uzatabilir ve yenileyebilirsiniz.</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="single-service-plane text-center rounded white-bg shadow-sm p-5 mt-md-4 mt-lg-4">
<i class="fa-solid fa-right-left fa-2x" aria-hidden="true"></i>
<div class="service-plane-content">
<h3 class="h5">Alan Adı Transfer</h3>
<p>Name server oluşturma ve düzenleme gibi işlemleri kontrol paneli üzerinden anlık olarak yapabilirsiniz.</p>
</div>
</div>
</div>
</div>
</div>
</section>
Hosting Ürün Grubu Ayarları
<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/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/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>
<section class="promo-feature 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>Bu Paketi Neden Seçmelisiniz</h2>
<p class="lead">
Müşteri odaklı temel yetkinlikler aracılığıyla ilke merkezli temel yetkinlikleri açıkça yeniden tanımlayın. Heyecanla erişim sağlayın.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3">
<div class="feature-feature-list p-3 text-center">
<span class="ti-thumb-up icon-md d-block color-primary mb-3"></span>
<h5 class="mb-2">%100 Ağ Sürekliliği</h5>
<p>Kesintisiz fikirleri bütünsel olarak geliştirin.</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="feature-feature-list p-3 text-center">
<span class="ti-headphone-alt icon-md d-block color-primary mb-3"></span>
<h5 class="mb-2">7/24 Teknik Destek</h5>
<p>Birlikte sürdürülebilir e-hizmetler tasarlayın.</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="feature-feature-list p-3 text-center">
<span class="ti-lock icon-md d-block color-primary mb-3"></span>
<h5 class="mb-2">DDoS Koruması</h5>
<p>Uyarlanabilir malzeme şemalarını profesyonelce tasarlayın.</p>
</div>
</div>
<div class="col-md-6 col-lg-3">
<div class="feature-feature-list p-3 text-center">
<span class="ti-user icon-md d-block color-primary mb-3"></span>
<h5 class="mb-2">Milyonlarca Kişi Tarafından Güvenilir</h5>
<p>İşletme en iyi uygulama sistemlerini kesintisiz bir şekilde ifade edin.</p>
</div>
</div>
</div>
</div>
</section>
<section class="technical-specification 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-sm-5 mb-md-0 mb-lg-0">
<h2>Teknik Özellikler</h2>
<p class="lead">Kaliteli kullanıcıları ayrıntılı liderlik için zorlayıcı bir şekilde dönüştürün. Ekonomik olarak sağlam liderlikten sonra doğru teknolojiyi oluşturun.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-4 col-12">
<div class="technical-specifications-wrap mt-md-5 mt-lg-5">
<span class="ti-harddrives icon-md color-primary d-block mb-4"></span>
<h5>Web Hosting Özellikleri</h5>
<ul class="list-unstyled tech-feature-list">
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>Esnek, Kullanımı Kolay Kontrol Paneli</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>Sınırsız</strong> Bant Genişliği</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>Sınırsız</strong> Alt Alan Adları, FTP Hesapları</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>%99</strong> Süreklilik Garantisi</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>45 Günlük</strong> Para İade Garantisi</li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-4 col-12">
<div class="technical-specifications-wrap mt-md-5 mt-lg-5">
<span class="ti-panel icon-md color-primary d-block mb-4"></span>
<h5>cPanel Kontrol Paneli</h5>
<ul class="list-unstyled tech-feature-list">
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>Son sürüm</strong> cPanel Web Hosting Kontrol Paneli</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>Webalizer, Hata Kayıtları ile Ham Kayıt Yöneticisi</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>Anında Alışveriş Sepetleri, Bloglar, Portal Oluşturma</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>Şifre</strong> Korumalı Dizine Hata Sayfaları</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>Web Tabanlı Dosya Yöneticisi, Hotlink Koruması</li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-4 col-12">
<div class="technical-specifications-wrap mt-md-5 mt-lg-5">
<span class="ti-server icon-md color-primary d-block mb-4"></span>
<h5>Programlama ve Veritabanları</h5>
<ul class="list-unstyled tech-feature-list">
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>MySQL</strong> Veritabanları phpMyAdmin Erişimi ile</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>Fast CGI, PHP 7, Ruby on Rails, Python</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>ImageMagick</strong> Curl, CPAN, GD Kütüphanesi</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>SSH</strong> Erişimi ve Cron Job Planlaması</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>SSL Sertifikası</li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-4 col-12">
<div class="technical-specifications-wrap mt-md-5 mt-lg-5">
<span class="ti-email icon-md color-primary d-block mb-4"></span>
<h5>Email Özellikleri</h5>
<ul class="list-unstyled tech-feature-list">
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>Sınırsız</strong> POP3 E-posta Hesapları ile SMTP</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>WebMail Erişimi: Horde, RoundCube</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>E-postalarınızı telefonunuza IMAP ile alın</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>Spam'leri SpamAssassin ile önleyin</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>Sınırsız</strong> E-posta Takipçileri, Otomatik Yanıtlayıcılar</li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-4 col-12">
<div class="technical-specifications-wrap mt-md-5 mt-lg-5">
<span class="ti-headphone-alt icon-md color-primary d-block mb-4"></span>
<h5>Ödüllü Destek</h5>
<ul class="list-unstyled tech-feature-list">
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>24/7/365</strong> Canlı Sohbet ile Premium Destek</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>Otomatik</strong> Haftalık Uzaktan Veri Yedeklemeleri</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>24/7/365</strong> Hosting Sunucusu İzleme</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span>Çevrimiçi Destek Portalı</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>500+</strong> Video Eğitimi ve <strong>680+</strong> Yardım Makalesi</li>
</ul>
</div>
</div>
<div class="col-md-6 col-lg-4 col-12">
<div class="technical-specifications-wrap mt-md-5 mt-lg-5">
<span class="ti-direction-alt icon-md color-primary d-block mb-4"></span>
<h5>Uygulama Hosting Planı</h5>
<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 Taşıma, Alan Adı Taşıma</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>52 Ücretsiz</strong> script anında yüklenebilir</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>$100</strong> Google Adwords Teklifi (Detaylar)</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>$100</strong> Bing Ads Kredisi (Detaylar)</li>
<li class="py-1"><span class="ti-control-forward mr-2 color-primary"></span><strong>Ücretsiz</strong> SSL Sertifikası ile web sitenizi güvence altına alın</li>
</ul>
</div>
</div>
</div>
</div>
</section>
Sunucu Ürün Grubu Ayarları
<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/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/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>
Yazılım Ürün Grubu Ayarları
<!--- Harici HTML Kodu Ekleme --->
<section class="feature-section section-padding pt-5 pb-0">
<div class="container">
<div class="feature-wrapper">
<div class="row g-4 align-items-center">
<div class="col-lg-6 wow fadeInUp" data-wow-delay=".3s">
<div class="feature-image">
<img src="templates/website/HostlarHD/tema/img/yazilim.png" alt="img" style="max-width: 100%; height: auto;">
</div>
</div>
<div class="col-lg-6">
<div class="feature-content">
<div class="section-title">
<h2 class="wow fadeInUp bold" data-wow-delay=".3s">Yazılım Özellikleri</h2>
</div>
<p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s">
Kendi fiziksel sunucunuzun olması, genellikle donanımı paylaştığınız diğer sitelerden kaynaklanabilecek güvenlik ihlalleri riskini azalttığı için güvenliğinizi artırır.
</p>
<div class="feature-list">
<ul class="wow fadeInUp" data-wow-delay=".3s">
<li>
<i class="fa-regular fa-circle-check"></i>
Güncel Kodlama
</li>
<li>
<i class="fa-regular fa-circle-check"></i>
İleri seviye güvenlik önlemleri
</li>
</ul>
<ul class="wow fadeInUp" data-wow-delay=".5s">
<li>
<i class="fa-regular fa-circle-check"></i>
Modern Tasarımlar
</li>
<li>
<i class="fa-regular fa-circle-check"></i>
Kolay Kullanım
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--- İkincil HTML Kodu --->
<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>
HTML ve CSS bilginize göre örnek yapı ile ekleme veya düzenleme yapabilirsiniz. Kodlar örnek olarak verilmiştir. Kendinize göre düzenlemeniz gerekir.
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
https://siteadresiniz.com/templates/website/HostlarHD/tema/img/ yolunu kendi belirlediğiniz dosya yoluna göre değiştirebilirsiniz.
Kodlar örnek olarak verilmiştir.
Örnek kodları düzenlerken dikkatli olun. Hatalı düzenleme ve sonradan eklenen css kodları; tasarımı, düzeni tamamen kaydırabilir bozabilir.
Hatalı özelleştirmeler için destek sağlanmamaktadır.
