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.
Ö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.
AnaSayfa (index) Örnek Kodlar
<!-- Kod 1 -->
<section class="hosting-section fix section-padding">
<div class="container">
<div class="section-title text-center">
<span class="style-border wow fadeInUp" style="visibility: visible;">Hizmetlerimiz</span>
<h2 class="bold mb-3 wow fadeInUp" data-wow-delay=".3s" style="visibility: visible; animation-delay: 0.3s;">En İyi Özellikleri Sunuyoruz</h2>
<p class="wow fadeInUp" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s;">Kaliteli hizmete ulaşmak artık çok kolay!</p>
</div>
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp animated animated" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s;">
<div class="hosting-box-items">
<div class="icon">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hosting/icon-3.png" alt="img">
</div>
<div class="content">
<h3 class="bold"><a href="#">Linux Barındırma</a></h3>
<p>İşbirlikçi olarak temel sermayeyi oluşturun. Kullanıcı odaklı barındırma hizmetlerini devrimci bir şekilde evrimleştirin.</p>
<a href="#" class="theme-btn mt-4">En iyi barındırma <i class="fa-regular fa-chevrons-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp animated animated" data-wow-delay=".4s" style="visibility: visible; animation-delay: 0.4s;">
<div class="hosting-box-items">
<div class="icon">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hosting/icon-13.png" alt="img">
</div>
<div class="content">
<h3 class="bold"><a href="#">Bulut Barındırma</a></h3>
<p>İşbirlikçi olarak temel sermayeyi oluşturun. Kullanıcı odaklı barındırma hizmetlerini devrimci bir şekilde evrimleştirin.</p>
<a href="#" class="theme-btn mt-4">En iyi barındırma <i class="fa-regular fa-chevrons-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp animated animated" data-wow-delay=".6s" style="visibility: visible; animation-delay: 0.6s;">
<div class="hosting-box-items">
<div class="icon">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hosting/icon-14.png" alt="img">
</div>
<div class="content">
<h3 class="bold"><a href="share-hosting.html">VPS Barındırma</a></h3>
<p>İşbirlikçi olarak temel sermayeyi oluşturun. Kullanıcı odaklı barındırma hizmetlerini devrimci bir şekilde evrimleştirin.</p>
<a href="vps-hosting.html" class="theme-btn mt-4">En iyi barındırma <i class="fa-regular fa-chevrons-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp animated animated" data-wow-delay=".8s" style="visibility: visible; animation-delay: 0.8s;">
<div class="hosting-box-items">
<div class="icon">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hosting/icon-15.png" alt="img">
</div>
<div class="content">
<h3 class="bold"><a href="domain.html">Alan Adı</a></h3>
<p>İşbirlikçi olarak temel sermayeyi oluşturun. Kullanıcı odaklı barındırma hizmetlerini devrimci bir şekilde evrimleştirin.</p>
<a href="#" class="theme-btn mt-4">En iyi barındırma <i class="fa-regular fa-chevrons-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Kod 2 -->
<section class="feature-hosting-section fix section-padding section-bg">
<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" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<div class="hosting-image-2">
<div class="shape-image">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hosting/feature-circle.png" alt="img">
</div>
<div class="row g-4">
<div class="col-md-6 wow fadeInUp" data-wow-delay=".3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<div class="hosting-thumb">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hosting/feature-hosting.jpg" alt="img">
</div>
</div>
<div class="col-md-6 wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
<div class="hosting-thumb style-image">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hosting/feature-hosting-2.jpg" alt="img">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="feature-hosting-content">
<div class="section-title">
<span class="wow fadeInUp" style="visibility: hidden; animation-name: none;">En iyi barındırma</span>
<h2 class="bold wow fadeInUp" data-wow-delay=".3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">Bütçe Dostu Fiyata <br> Kaliteli Barındırma Hizmeti Alın</h2>
</div>
<p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
Pellentesque varius mauris sit amet nisi tincidunt finibus Donec faucibus diam quis feugiat accumsan Integer molestie sapien ut ipsum fermentum feugiat Curabitur.
</p>
<div class="list-items">
<ul class="wow fadeInUp" data-wow-delay=".3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
30 günlük para iade garantisi
</li>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Web Sitesi Pazarlama Çözümleri
</li>
</ul>
<ul class="wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Sınırsız Uygulama Kurulumu
</li>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
7/24 sistem izleme
</li>
</ul>
</div>
<a href="#" class="theme-btn wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">Fiyatları Görüntüle <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Kod 3 -->
<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" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<div class="hosting-image">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hosting/hosting-2.png" alt="img">
</div>
</div>
<div class="col-lg-6">
<div class="feature-hosting-content">
<div class="section-title">
<span class="wow fadeInUp" style="visibility: hidden; animation-name: none;">En iyi barındırma</span>
<h2 class="bold wow fadeInUp" data-wow-delay=".3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">Başarılı Bir Web Barındırma Hikayesi</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" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<a href="#web" data-bs-toggle="tab" class="nav-link ps-0 active">
<h5><img src="https://siteadresiniz.com/templates/website/VortexHD/theme/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" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
<a href="#vps" data-bs-toggle="tab" class="nav-link">
<h5><img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hosting/vps-host-icon.png" alt="img">VPS Barındırma</h5>
</a>
</li>
<li class="nav-item wow fadeInUp" data-wow-delay=".7s" style="visibility: hidden; animation-delay: 0.7s; animation-name: none;">
<a href="#cloud" data-bs-toggle="tab" class="nav-link">
<h5><img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hosting/cloud-host-icon.png" alt="img">Cloud Barındırma</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" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
Pellentesque varius mauris sit amet nisi tincidunt finibus Donec faucibus diam quis feugiat accumsan Integer molestie sapien ut ipsum fermentum feugiat Curabitur.
</p>
<div class="list-items">
<ul class="wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Otomatik Yedekleme ve Bulut Depolama
</li>
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Ücretsiz Süpersonik CDN
</li>
</ul>
<ul class="wow fadeInUp" data-wow-delay=".7s" style="visibility: hidden; animation-delay: 0.7s; animation-name: none;">
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Marka algısını anlama
</li>
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Hesap başına 100 Alt Alan Adı
</li>
</ul>
</div>
<a href="javascript:;" class="theme-btn wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">Daha Fazlasını Keşfedin <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i>
</a>
</div>
<div id="vps" class="tab-pane fade">
<p class="mt-3 mt-md-0">
Pellentesque varius mauris sit amet nisi tincidunt finibus Donec faucibus diam quis feugiat accumsan Integer molestie sapien ut ipsum fermentum feugiat Curabitur.
</p>
<div class="list-items">
<ul>
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Otomatik Yedekleme ve Bulut Depolama
</li>
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Ücretsiz Süpersonik CDN
</li>
</ul>
<ul>
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Marka algısını anlama
</li>
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Hesap başına 100 Alt Alan Adı
</li>
</ul>
</div>
<a href="javascript:;" class="theme-btn">Daha Fazlasını Keşfedin <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i>
</a>
</div>
<div id="cloud" class="tab-pane fade">
<p class="mt-3 mt-md-0">
Pellentesque varius mauris sit amet nisi tincidunt finibus Donec faucibus diam quis feugiat accumsan Integer molestie sapien ut ipsum fermentum feugiat Curabitur.
</p>
<div class="list-items">
<ul>
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Otomatik Yedekleme ve Bulut Depolama
</li>
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Ücretsiz Süpersonik CDN
</li>
</ul>
<ul>
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Marka algısını anlama
</li>
<li>
<i class="fa-solid fa-check" aria-hidden="true"></i>
Hesap başına 100 Alt Alan Adı
</li>
</ul>
</div>
<a href="javascript:;" class="theme-btn">Daha Fazlasını Keşfedin <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Kod 4 -->
<section class="choose-us-section-2 pt-100 pb-100 margin-top-5">
<div class="container">
<div class="row g-4">
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
<div class="choose-us-card-items mt-0">
<div class="icon">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/choose/safe-icon.png" alt="img">
</div>
<div class="content">
<h3>Güvenli</h3>
<p>
Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s" style="visibility: hidden; animation-delay: 0.4s; animation-name: none;">
<div class="choose-us-card-items mt-0">
<div class="icon">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/choose/bank-icon.png" alt="img">
</div>
<div class="content">
<h3>Güncel</h3>
<p>
Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s" style="visibility: hidden; animation-delay: 0.6s; animation-name: none;">
<div class="choose-us-card-items mt-0">
<div class="icon">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/choose/secured-icon.png" alt="img">
</div>
<div class="content">
<h3>Gelişmiş Özellikler</h3>
<p>
Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s" style="visibility: hidden; animation-delay: 0.8s; animation-name: none;">
<div class="choose-us-card-items mt-0">
<div class="icon">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/choose/support-icon.png" alt="img">
</div>
<div class="content">
<h3>Özel Destek</h3>
<p>
Yaygın inancın tersine, Lorem Ipsum rastgele sözcüklerden oluşmaz.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Kod 5 -->
<section class="hero-section hero-1 style-black-friday bg-cover fix" style="background-image: url('https://siteadresiniz.com/templates/website/VortexHD/theme/img/header.png');">
<div class="circle-shape-left">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hero/hero-1-circle-left.png" alt="shape-img">
</div>
<div class="circle-shape-right">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hero/hero-1-circle-right.png" alt="shape-img">
</div>
<div class="dot-left">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hero/hero-1-dot-left.png" alt="img">
</div>
<div class="dot-right">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/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" style="color: rgb(255, 163, 26);">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/hero/activity.png" alt="img" class="me-2">
Black Friday
</span>
<h1 class="wow fadeInUp" data-wow-delay=".3s" style="font-size: 35px;">
<span style="color:#ffa31a;">Ağustos İndirimleri</span><br><span class="text-white">Süper fiyatları kaçırmayın!</span>
</h1>
<div class="coming-soon-timer">
<div class="timer-content wow fadeInUp" data-wow-delay=".2s">
<h3 id="day">00</h3>
<p>Gün</p>
</div>
<div class="timer-content wow fadeInUp" data-wow-delay=".4s">
<h3 id="hour">21</h3>
<p>Saat</p>
</div>
<div class="timer-content wow fadeInUp" data-wow-delay=".6s">
<h3 id="min">51</h3>
<p>Dakika</p>
</div>
<div class="timer-content wow fadeInUp" data-wow-delay=".8s">
<h3 id="sec">24</h3>
<p>Saniye</p>
</div>
</div>
<a href="#" class="theme-btn bg-color-2 wow fadeInUp" data-wow-delay=".5s">
Paketler <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="col-lg-3 wow fadeInUp" data-wow-delay=".4s">
<div class="hero-image">
<img src="https://siteadresiniz.com/templates/website/VortexHD/theme/img/indirim2.png" alt="img">
</div>
</div>
</div>
</div>
</section>
<script>
let targetDate = new Date("2024-08-31 00:00:00").getTime();
const countdownInterval = setInterval(function () {
let currentDate = new Date().getTime();
let remainingTime = targetDate - currentDate;
if (remainingTime <= 0) {
clearInterval(countdownInterval);
$("#countdown-container").text("Countdown has ended!");
} else {
let days = Math.floor(remainingTime / (1000 * 60 * 60 * 24));
let hours = Math.floor(
(remainingTime % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
);
let minutes = Math.floor(
(remainingTime % (1000 * 60 * 60)) / (1000 * 60)
);
let seconds = Math.floor((remainingTime % (1000 * 60)) / 1000);
$("#day").text(days.toString().padStart(2, "0"));
$("#hour").text(hours.toString().padStart(2, "0"));
$("#min").text(minutes.toString().padStart(2, "0"));
$("#sec").text(seconds.toString().padStart(2, "0"));
}
}, 1000);
</script>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
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/VortexHD/theme/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/VortexHD/theme/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/VortexHD/theme/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>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Hosting Ürün Grubu Ayarları
<!-- Kod 1 -->
<style>
.choose-us-card-items .content h3 {
font-size: 23px;
}
</style>
<section class="choose-us-section fix section-padding">
<div class="container">
<div class="section-title text-center">
<span class="style-border wow fadeInUp" style="visibility: hidden; animation-name: none;">Özellikler</span>
<h2 class="wow fadeInUp" data-wow-delay=".3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">Bulutta Barÿndırın ve <br> Büyümeye Devam Edin</h2>
</div>
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
<div class="choose-us-card-items">
<div class="icon">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/choose/ram.png" alt="img">
</div>
<div class="content">
<h3>RAM & Depolama</h3>
<p>
Ïke sermayesini iç birliðinde oluþturun. Kullanıcı devrim niteliğindeki barındırma hizmetlerini kademeli olarak geliştiririn.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s" style="visibility: hidden; animation-delay: 0.4s; animation-name: none;">
<div class="choose-us-card-items">
<div class="icon">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/choose/ssd.png" alt="img">
</div>
<div class="content">
<h3>SSD'ler, E-posta & SSL</h3>
<p>
Ïke sermayesini iç birliðinde oluþturun. Kullanıcı devrim niteliğindeki barındırma hizmetlerini kademeli olarak geliştiririn.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s" style="visibility: hidden; animation-delay: 0.6s; animation-name: none;">
<div class="choose-us-card-items">
<div class="icon">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/choose/backups.png" alt="img">
</div>
<div class="content">
<h3>Günlük Yedeklemeler</h3>
<p>
Ïke sermayesini iç birliðinde oluþturun. Kullanıcı devrim niteliğindeki barındırma hizmetlerini kademeli olarak geliştiririn.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s" style="visibility: hidden; animation-delay: 0.8s; animation-name: none;">
<div class="choose-us-card-items">
<div class="icon">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/choose/security.png" alt="img">
</div>
<div class="content">
<h3>Maksimum Güvenlik</h3>
<p>
Ïke sermayesini iç birliðinde oluþturun. Kullanıcı devrim niteliğindeki barındırma hizmetlerini kademeli olarak geliştiririn.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
<div class="choose-us-card-items">
<div class="icon">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/choose/safe-icon.png" alt="img">
</div>
<div class="content">
<h3>Güvenli ve Korunan</h3>
<p>
Ïke sermayesini iç birliðinde oluþturun. Kullanıcı devrim niteliğindeki barındırma hizmetlerini kademeli olarak geliştiririn.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s" style="visibility: hidden; animation-delay: 0.4s; animation-name: none;">
<div class="choose-us-card-items">
<div class="icon">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/choose/bank-icon.png" alt="img">
</div>
<div class="content">
<h3>Para İade Garantisi</h3>
<p>
Ïke sermayesini iç birliðinde oluþturun. Kullanıcı devrim niteliğindeki barındırma hizmetlerini kademeli olarak geliştiririn.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s" style="visibility: hidden; animation-delay: 0.6s; animation-name: none;">
<div class="choose-us-card-items">
<div class="icon">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/choose/secured-icon.png" alt="img">
</div>
<div class="content">
<h3>Güvenli ve Korunan</h3>
<p>
Ïke sermayesini iç birliðinde oluþturun. Kullanıcı devrim niteliğindeki barındırma hizmetlerini kademeli olarak geliştiririn.
</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".8s" style="visibility: hidden; animation-delay: 0.8s; animation-name: none;">
<div class="choose-us-card-items">
<div class="icon">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/choose/support-icon.png" alt="img">
</div>
<div class="content">
<h3>Özel Destek</h3>
<p>
Ïke sermayesini iç birliðinde oluþturun. Kullanıcı devrim niteliğindeki barındırma hizmetlerini kademeli olarak geliştiririn.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="hosting section-padding fix section-bg">
<div class="container">
<div class="hosting-wrapper">
<div class="row g-4 justify-content-between align-items-center">
<div class="col-lg-6">
<div class="hosting-content style-2">
<div class="section-title">
<span class="style-bg wow fadeInUp" style="visibility: hidden; animation-name: none;">Özellikler</span>
<h2 class="wow fadeInUp" data-wow-delay=".3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">Özel Barındırma Özellikleri Başarınız İçin Önemlidir</h2>
</div>
<div class="hosting-items mt-4 mt-md-0 wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
<div class="icon">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/hosting/icon-11.png" alt="img">
</div>
<div class="content">
<h4>Turbo Barındırma</h4>
<p>
Açıklama
</p>
</div>
</div>
<div class="hosting-items wow fadeInUp" data-wow-delay=".7s" style="visibility: hidden; animation-delay: 0.7s; animation-name: none;">
<div class="icon">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/hosting/icon-12.png" alt="img">
</div>
<div class="content">
<h4>Paylaşımlı Barındırma</h4>
<p>
Açıklama
</p>
</div>
</div>
<div class="hosting-items wow fadeInUp" data-wow-delay=".9s" style="visibility: hidden; animation-delay: 0.9s; animation-name: none;">
<div class="icon">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/hosting/icon-13.png" alt="img">
</div>
<div class="content">
<h4>Özel Barındırma</h4>
<p>
Açıklama
</p>
</div>
</div>
</div>
</div>
<div class="col-lg-5 wow fadeInUp" data-wow-delay=".4s" style="visibility: hidden; animation-delay: 0.4s; animation-name: none;">
<div class="hosting-image">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/hosting/secure-data.png" alt="img">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Kod 2 Table -->
<style>
.affiliate-card-items .pricing-header h2 {
font-size: 35px;
}
.affiliate-card-items .pricing-header h2 sub {
margin-left: -10px;
}
sub {
bottom: 0;
}
</style>
<section class="affiliate-section fix section-padding">
<div class="container">
<div class="section-title text-center">
<span class="style-border wow fadeInUp" style="visibility: hidden; animation-name: none;">Ortaklık Programı</span>
<h2 class="mb-3 wow fadeInUp" data-wow-delay=".3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">Ortaklık Nasıl Çalışır</h2>
<p class="wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">Aliquam viverra accumsan lectus in dignissim ante interdum eu Sed odio massa</p>
</div>
<div class="row g-0">
<div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
<div class="affiliate-card-items">
<h6 class="top-text">Özellikler</h6>
<div class="pricing-header">
<div class="affiliate-img">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/hosting/affiliate.png" alt="img">
</div>
</div>
<ul>
<li>cPanel Hesapları</li>
<li>Disk Alanı</li>
<li>Bant Genişliği (Trafik)</li>
<li>CPU (cPanel hesabı başına)</li>
<li>RAM (cPanel hesabı başına)</li>
<li>Barındırma türü</li>
<li>Çoklu site uyumlu</li>
<li>PHP 7 uyumlu</li>
<li>Para İade Garantisi</li>
</ul>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".4s" style="visibility: hidden; animation-delay: 0.4s; animation-name: none;">
<div class="affiliate-card-items">
<h6 class="top-text">Standart</h6>
<div class="pricing-header">
<div class="price-list">
<del>120.99</del>
<span>%75 İNDİRİM</span>
</div>
<h2>$99 <sub>/ay</sub></h2>
<p class="text-center">
Lnteger sapien nec sapien sollicitudin ultrices Cras tempor id lorem et
</p>
<a href="#" class="theme-btn">Şimdi Başlayın <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i></a>
</div>
<ul class="text-center">
<li>50</li>
<li>40 GB</li>
<li>4 TB</li>
<li>2</li>
<li>3 GB</li>
<li>Paylaşımlı</li>
<li><i class="fa-regular fa-circle-check" aria-hidden="true"></i></li>
<li><i class="fa-regular fa-circle-check" aria-hidden="true"></i></li>
<li>28 GÜN</li>
</ul>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".6s" style="visibility: hidden; animation-delay: 0.6s; animation-name: none;">
<div class="affiliate-card-items active">
<h6 class="top-text">Premium</h6>
<div class="pricing-header">
<div class="price-list">
<del>120.99</del>
<span>%75 İNDİRİM</span>
</div>
<h2>$69 <sub>/ay</sub></h2>
<p class="text-center">
Lnteger sapien nec sapien sollicitudin ultrices Cras tempor id lorem et
</p>
<a href="#" class="theme-btn">Şimdi Başlayın <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i></a>
</div>
<ul class="text-center">
<li>90</li>
<li>80 GB</li>
<li>6 TB</li>
<li>2</li>
<li>3 GB</li>
<li>Paylaşımlı</li>
<li><i class="fa-regular fa-circle-check" aria-hidden="true"></i></li>
<li><i class="fa-regular fa-circle-check" aria-hidden="true"></i></li>
<li>28 GÜN</li>
</ul>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay=".8s" style="visibility: hidden; animation-delay: 0.8s; animation-name: none;">
<div class="affiliate-card-items">
<h6 class="top-text">İşletme</h6>
<div class="pricing-header">
<div class="price-list">
<del>120.99</del>
<span>%75 İNDİRİM</span>
</div>
<h2>$39 <sub>/ay</sub></h2>
<p class="text-center">
Lnteger sapien nec sapien sollicitudin ultrices Cras tempor id lorem et
</p>
<a href="#" class="theme-btn">Şimdi Başlayın <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i></a>
</div>
<ul class="text-center">
<li>110</li>
<li>150 GB</li>
<li>8 TB</li>
<li>2</li>
<li>3 GB</li>
<li>Paylaşımlı</li>
<li><i class="fa-regular fa-circle-check" aria-hidden="true"></i></li>
<li><i class="fa-regular fa-circle-check" aria-hidden="true"></i></li>
<li>28 GÜN</li>
</ul>
</div>
</div>
</div>
</div>
</section>
Sunucu Ürün Grubu Ayarları
<style>
.feature-content-warpper.style-3 .feature-hosting-content .feature-hosting-tab-area .nav .nav-link.active::before {
bottom: 0px;
}
.feature-content-warpper.style-3 .feature-hosting-content .feature-hosting-tab-area .nav {
gap: 3px;
}
</style>
<section class="feature-hosting-section fix section-padding section-bg">
<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-6">
<div class="hosting-image-2">
<div class="shape-image">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/hosting/feature-circle.png" alt="img">
</div>
<div class="row g-4">
<div class="col-md-6 wow fadeInUp" data-wow-delay=".3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<div class="hosting-thumb">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/hosting/feature-hosting.jpg" alt="img">
</div>
</div>
<div class="col-md-6 wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
<div class="hosting-thumb style-image">
<img src="{SITE-URL}templates/website/VortexHD/theme/img/hosting/feature-hosting-2.jpg" alt="img">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="feature-hosting-content ps-lg-4">
<div class="section-title">
<span class="wow fadeInUp" style="visibility: hidden; animation-name: none;">En İyi Barındırma</span>
<h2 class="wow fadeInUp" data-wow-delay=".3s" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">Başarılı Bir Web Barındırma <br> Taşıma Hikayesi</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" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<a href="#web" data-bs-toggle="tab" class="nav-link ps-0 active">
<h5><img src="{SITE-URL}templates/website/VortexHD/theme/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" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
<a href="#vps" data-bs-toggle="tab" class="nav-link">
<h5><img src="{SITE-URL}templates/website/VortexHD/theme/img/hosting/vps-host-icon.png" alt="img">VPS Barındırma</h5>
</a>
</li>
<li class="nav-item wow fadeInUp" data-wow-delay=".7s" style="visibility: hidden; animation-delay: 0.7s; animation-name: none;">
<a href="#cloud" data-bs-toggle="tab" class="nav-link">
<h5><img src="{SITE-URL}templates/website/VortexHD/theme/img/hosting/cloud-host-icon.png" alt="img">Bulut Barındırma</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" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
Pellentesque varius mauris sit amet nisi tincidunt finibus Donec faucibus diam quis feugiat accumsan Integer molestie sapien ut ipsum fermentum feugiat Curabitur.
</p>
<div class="list-items">
<ul class="wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Otomatik Yedekleme & Bulut Depolama
</li>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Ücretsiz Supersonic CDN
</li>
</ul>
<ul class="wow fadeInUp" data-wow-delay=".7s" style="visibility: hidden; animation-delay: 0.7s; animation-name: none;">
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Marka algısını anlama
</li>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Hesap başına 100 Alt Alan Adı
</li>
</ul>
</div>
<a href="#" class="theme-btn wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">Daha Fazla Keşfet <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i></a>
</div>
<div id="vps" class="tab-pane fade">
<p class="mt-3 mt-md-0">
Pellentesque varius mauris sit amet nisi tincidunt finibus Donec faucibus diam quis feugiat accumsan Integer molestie sapien ut ipsum fermentum feugiat Curabitur.
</p>
<div class="list-items">
<ul>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Otomatik Yedekleme & Bulut Depolama
</li>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Ücretsiz Supersonic CDN
</li>
</ul>
<ul>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Marka algısını anlama
</li>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Hesap başına 100 Alt Alan Adı
</li>
</ul>
</div>
<a href="#" class="theme-btn">Daha Fazla Keşfet <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i></a>
</div>
<div id="cloud" class="tab-pane fade">
<p class="mt-3 mt-md-0">
Pellentesque varius mauris sit amet nisi tincidunt finibus Donec faucibus diam quis feugiat accumsan Integer molestie sapien ut ipsum fermentum feugiat Curabitur.
</p>
<div class="list-items">
<ul>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Otomatik Yedekleme & Bulut Depolama
</li>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Ücretsiz Supersonic CDN
</li>
</ul>
<ul>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Marka algısını anlama
</li>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Hesap başına 100 Alt Alan Adı
</li>
</ul>
</div>
<a href="#" class="theme-btn">Daha Fazla Keşfet <i class="fas fa-long-arrow-alt-right" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Yazılım Ürün Grubu Ayarları
<!-- 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" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<div class="feature-image">
<img src="templates/website/VortexHD/theme/img/software/yazilim2.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" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">Yazılım Özellikleri</h2>
</div>
<p class="mt-3 mt-md-0 wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
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" style="visibility: hidden; animation-delay: 0.3s; animation-name: none;">
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Güncel Kodlama
</li>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
İleri seviye güvenlik önlemleri
</li>
</ul>
<ul class="wow fadeInUp" data-wow-delay=".5s" style="visibility: hidden; animation-delay: 0.5s; animation-name: none;">
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Modern Tasarımlar
</li>
<li>
<i class="fa-regular fa-circle-check" aria-hidden="true"></i>
Kolay Kullanım
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Yazılım Ürün Grubu Ayarları (İkincil HTML Kodu) -->
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".2s" style="visibility: hidden; animation-delay: 0.2s; animation-name: none;">
<div class="choose-us-card-items">
<div class="icon">
<img src="<?php echo $tadress;?>theme/img/choose/bank-icon.png" alt="img">
</div>
<div class="content">
<h3 style="font-size:17px;"></h3>
<p>
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".4s" style="visibility: hidden; animation-delay: 0.4s; animation-name: none;">
<div class="choose-us-card-items">
<div class="icon">
<img src="<?php echo $tadress;?>theme/img/choose/safe-icon.png" alt="img">
</div>
<div class="content">
<h3 style="font-size:17px;"></h3>
<p>
</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay=".6s" style="visibility: hidden; animation-delay: 0.6s; animation-name: none;">
<div class="choose-us-card-items">
<div class="icon">
<img src="<?php echo $tadress;?>theme/img/choose/secured-icon.png" alt="img">
</div>
<div class="content">
<h3 style="font-size:17px;"></h3>
<p>
</p>
</div>
</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.
Menü ve Temayı 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.
