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/BossCP/theme/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ı
<section class="w-100 float-left support-con2 padding-bottom padding-top">
<div class="container">
<div class="row text-center">
<div class="col-xl-2 col-lg-3 col-md-6 col-sm-12 col-12 order-lg-1 order-2">
<div class="support_wrapper position-relative" data-aos="zoom-in">
<figure class="mb-0 image1 position-absolute">
<img src="https://siteadresiniz.com/templates/website/BossCP/theme/images/dashboard-img2.png" alt="dashboard-img">
</figure>
<figure class="mb-0 image2 image position-absolute">
<img src="https://siteadresiniz.com/templates/website/BossCP/theme/images/dashboard-img1.png" alt="dashboard-img">
</figure>
</div>
</div>
<div class="col-xl-8 col-lg-6 col-md-12 col-sm-12 col-12 order-lg-2 order-1">
<div class="support-box-title" data-aos="fade-up">
<span class="d-block">Güvenli & Düzenli</span>
<h2>Gerçek Zamanlı Destek Alın</h2>
<p>
Hosting istatistikleri, web sitenizin performansı, güvenilirliği ve kullanım eğilimleri hakkında bilgi sağlar.
Uptime, hız ve kaynak kullanımı gibi anahtar metrikler, hosting ortamınızın sağlığını izlemenize yardımcı olur.
</p>
<div class="support-btn">
<a href="#">Başlayın</a>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-3 col-md-6 col-sm-12 col-12 order-lg-3 order-3">
<div class="support_wrapper support_wrapper2 position-relative" data-aos="zoom-in">
<figure class="mb-0 image3 position-absolute">
<img src="https://siteadresiniz.com/templates/website/BossCP/theme/images/static-img2.png" alt="static-img">
</figure>
<figure class="mb-0 image4 image position-absolute">
<img src="https://siteadresiniz.com/templates/website/BossCP/theme/images/static-img1.png" alt="static-img">
</figure>
</div>
</div>
</div>
</div>
</section>
Hosting Ürün Grubu Ayarları
<section class="w-100 float-left feature-con home2-feature-con">
<div class="feature-box-outer">
<div class="feature-txt">
<div class="feature-main-content" data-aos="fade-up">
<span class="d-block">Özelliklerimiz</span>
<h3>Gelişmiş Web
Hosting Özellikleri</h3>
<p>Web hosting çözümlerimiz, harika bir web sitesi oluşturmanın kolay bir yoludur. Üstelik birçok güçlü özellik sunuyoruz; bir domain, SSL Sertifikası, profesyonel bir e-posta adresi ve gizlilik koruması ücretsiz olarak sunulmaktadır.</p>
<div class="feature-btn">
<a href="contact.html">Bugün Başlayın!</a>
</div>
</div>
</div>
<div class="feature-box">
<div class="feature-box-item" data-aos="fade-up">
<figure class="mb-0">
<img src="{SITE-URL}templates/website/BossCP/theme/images/uptime-icon.png" alt="uptime-icon">
</figure>
<div class="feature-box-content">
<h4 style="font-size: 20px; margin-bottom: 10px;">%99 Ağ Uptime Süresi</h4>
<p class="mb-0" style="font-size: 14px;">Hosting Maximum Performance olarak, size özel, yüksek kaliteli hosting çözümleri sunmaya kararlıyız.</p>
</div>
</div>
<div class="feature-box-item" data-aos="fade-up">
<figure class="mb-0">
<img src="{SITE-URL}templates/website/BossCP/theme/images/help-icon.png" alt="help-icon">
</figure>
<div class="feature-box-content">
<h4 style="font-size: 20px;">Yönetim Yardımı</h4>
<p class="mb-0" style="font-size: 14px; margin-bottom: 10px;">Deneyimli uzmanlarımız, size etkili bir şekilde yardımcı olacak özel rehberlik ve stratejik destek sağlar.</p>
</div>
</div>
<div class="feature-box-item" data-aos="fade-up">
<figure class="mb-0">
<img src="{SITE-URL}templates/website/BossCP/theme/images/domain-icon.png" alt="domain-icon">
</figure>
<div class="feature-box-content">
<h4 style="font-size: 20px; margin-bottom: 10px;">Ücretsiz Domain Adı</h4>
<p class="mb-0" style="font-size: 14px;">Beklemeyin – bu fırsatı değerlendirin ve ücretsiz domain adınızı hemen alın, başlayın.</p>
</div>
</div>
</div>
</div>
</section>
<section class="w-100 float-left support-con padding-top padding-bottom">
<div class="container">
<div class="support-box">
<div class="support-box-img" data-aos="zoom-in">
<figure class="mb-0">
<img src="{SITE-URL}templates/website/BossCP/theme/images/support-img.jpg" alt="support-img">
</figure>
<div class="counter-box">
<div class="d-inline-block position-relative">
<div class="static-value count">25</div>
<small class="plus">+</small>
</div>
<span class="d-block">Veri Merkezleri</span>
</div>
</div>
<div class="support-box-title" data-aos="fade-up">
<span class="d-block">Güvenli ve Düzenli</span>
<h2>Gerçek Zamanlı Destek Alın</h2>
<p>Barındırma istatistikleri, web sitenizin performansı, güvenilirliği ve kullanım eğilimleri hakkında bilgiler sunar. Uptime (çalışma süresi), hız ve kaynak kullanımı gibi temel metrikler, barındırma ortamınızın sağlığını izlemenize yardımcı olur.</p>
</div>
</div>
</div>
</section>
Sunucu Ürün Grubu Ayarları
<section class="w-100 float-left feature-con home2-feature-con">
<div class="feature-box-outer">
<div class="feature-txt">
<div class="feature-main-content" data-aos="fade-up">
<span class="d-block">Özelliklerimiz</span>
<h3>Gelişmiş Web
Hosting Özellikleri</h3>
<p>Web hosting çözümlerimiz, harika bir web sitesi oluşturmanın kolay bir yoludur. Üstelik birçok güçlü özellik sunuyoruz; bir domain, SSL Sertifikası, profesyonel bir e-posta adresi ve gizlilik koruması ücretsiz olarak sunulmaktadır.</p>
<div class="feature-btn">
<a href="contact.html">Bugün Başlayın!</a>
</div>
</div>
</div>
<div class="feature-box">
<div class="feature-box-item" data-aos="fade-up">
<figure class="mb-0">
<img src="{SITE-URL}templates/website/BossCP/theme/images/uptime-icon.png" alt="uptime-icon">
</figure>
<div class="feature-box-content">
<h4 style="font-size: 20px; margin-bottom: 10px;">%99 Ağ Uptime Süresi</h4>
<p class="mb-0" style="font-size: 14px;">Hosting Maximum Performance olarak, size özel, yüksek kaliteli hosting çözümleri sunmaya kararlıyız.</p>
</div>
</div>
<div class="feature-box-item" data-aos="fade-up">
<figure class="mb-0">
<img src="{SITE-URL}templates/website/BossCP/theme/images/help-icon.png" alt="help-icon">
</figure>
<div class="feature-box-content">
<h4 style="font-size: 20px;">Yönetim Yardımı</h4>
<p class="mb-0" style="font-size: 14px; margin-bottom: 10px;">Deneyimli uzmanlarımız, size etkili bir şekilde yardımcı olacak özel rehberlik ve stratejik destek sağlar.</p>
</div>
</div>
<div class="feature-box-item" data-aos="fade-up">
<figure class="mb-0">
<img src="{SITE-URL}templates/website/BossCP/theme/images/domain-icon.png" alt="domain-icon">
</figure>
<div class="feature-box-content">
<h4 style="font-size: 20px; margin-bottom: 10px;">Ücretsiz Domain Adı</h4>
<p class="mb-0" style="font-size: 14px;">Beklemeyin – bu fırsatı değerlendirin ve ücretsiz domain adınızı hemen alın, başlayın.</p>
</div>
</div>
</div>
</div>
</section>
<section class="w-100 float-left support-con padding-top padding-bottom">
<div class="container">
<div class="support-box">
<div class="support-box-img" data-aos="zoom-in">
<figure class="mb-0">
<img src="{SITE-URL}templates/website/BossCP/theme/images/support-img.jpg" alt="support-img">
</figure>
<div class="counter-box">
<div class="d-inline-block position-relative">
<div class="static-value count">25</div>
<small class="plus">+</small>
</div>
<span class="d-block">Veri Merkezleri</span>
</div>
</div>
<div class="support-box-title" data-aos="fade-up">
<span class="d-block">Güvenli ve Düzenli</span>
<h2>Gerçek Zamanlı Destek Alın</h2>
<p>Barındırma istatistikleri, web sitenizin performansı, güvenilirliği ve kullanım eğilimleri hakkında bilgiler sunar. Uptime (çalışma süresi), hız ve kaynak kullanımı gibi temel metrikler, barındırma ortamınızın sağlığını izlemenize yardımcı olur.</p>
</div>
</div>
</div>
</section>
Yazılım Ürün Grubu Ayarları
<!-- Harici HTML Kodu Ekleme -->
<section class="w-100 float-left support-con padding-top padding-bottom">
<div class="container">
<div class="support-box">
<div class="support-box-img" data-aos="zoom-in">
<figure class="mb-0">
<img src="{SITE-URL}templates/website/BossCP/theme/images/support-img.jpg" alt="support-img">
</figure>
<div class="counter-box">
<div class="d-inline-block position-relative">
<div class="static-value count">200</div>
<small class="plus">+</small>
</div>
<span class="d-block">Profesyonel Destek</span>
</div>
</div>
<div class="support-box-title" data-aos="fade-up">
<span class="d-block">Güvenli ve Ölçeklenebilir</span>
<h2>Gerçek Zamanlı Yazılım Desteği</h2>
<p>Yazılım uygulamalarınızın performansını, güvenliğini ve kullanıcı etkileşimlerini izleyin. Gerçek zamanlı sistem sağlığı verileri ve hatasız çalışma süresi gibi kritik metrikler, yazılım projelerinizin başarısını artırmanıza yardımcı olur.</p>
</div>
</div>
</div>
</section>
<!-- İkincil HTML Kodu -->
<div class="w-100 float-left static-con" data-aos="fade-up">
<div class="container">
<div class="static-box" data-aos="fade-up">
<div class="static-box-item">
<div class="d-inline-block position-relative">
<i class="fa fa-shopping-cart fa-2x" aria-hidden="true" style="color:white;"></i>
</div>
<span class="d-block">Tek Sefer Öde</span>
</div>
<div class="static-box-item">
<div class="d-inline-block position-relative">
<i class="fa fa-cloud-upload fa-2x" aria-hidden="true" style="color:white;"></i>
</div>
<span class="d-block">Kendi Hostuna Yükle</span>
</div>
<div class="static-box-item">
<div class="d-inline-block position-relative">
<i class="fa-light fa-circle-check fa-2x" style="color:white;"></i>
</div>
<span class="d-block">Ömür Boyu Kullan!</span>
</div>
<div class="static-box-item">
<div class="d-inline-block position-relative">
<i class="fa-light fa-award fa-2x" style="color:white;"></i>
</div>
<span class="d-block">Güncel & Güvenli</span>
</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.
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
https://siteadresiniz.com/templates/website/BossCP/theme/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.
