Tema Ayarları
Tema ayarları tabından, aşağıdaki ayarları yapabilirsiniz.
| Tema Stili | GamePiN (Varsayılan) olarak seçili gelir. |
| Tema Renkleri | 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. |
| Loader | Site açılışındaki loader yazısıdır. |
| Tema Genişlik | Kullanıcı arayüzünün genişliğini özelleştirmenize olanak sağlar. container-fluid seçeneği tam ekran (full-width) görünüm sağlarken, container seçeneği standart genişlik değerini sunar. Bu sayede, sitenizin tasarımını ihtiyacınıza göre esnek bir şekilde ayarlayabilirsiniz. |
| 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 bildirim (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 Bildirim Kodları
<div class="modal-dropdown__single">
<div class="single-content">
<p class="text-sm fw-5 single-intro" style="text-align:left;">
<a href="#">Bildirim Başlık 1</a>
</p>
<p class="truncate text-xs mt-4" style="text-align:left;">
Açıklama 1
</p>
</div>
</div>
<div class="modal-dropdown__single">
<div class="single-content">
<p class="text-sm fw-5 single-intro" style="text-align:left;">
<a href="#">Bildirim Başlık 2</a>
</p>
<p class="truncate text-xs mt-4" style="text-align:left;">
Açıklama 2
</p>
</div>
</div>
Kodlar örnek olarak verilmiştir. Kendinize göre düzenleyerek standart görünüm harici farklı tasarımlar ile kullabilirsiniz.
Slider Ayarları
Slider ayarları tabından, aşağıdaki ayarları yapabilirsiniz.
| Anasayfa (Background) HTML Düzenleme | Anasayfada yer alan slider sağındaki kutular (HTML) düzenleme alanıdır. |
| Başlık / Açıklama / Button | Slider üzerindeki başlık, açıklama, button görünümünü açıp kapatabilirsiniz. |
Örnek Anasayfa Slider Alanı
<div class="col-md-3">
<div class="anasliderdoping">
<div class="item">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/slider/pubg-utc.webp" alt="PUBG Mobile 3850 UC">
<div class="text">
<h2>PUBG Mobile 3850 UC</h2>
<span>PUBG Mobile 3850 UC</span>
</div>
</a>
</div>
<div class="item">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/slider/clash-royal.webp" alt="Clash Royale - 7150 Yeşil Taş">
<div class="text">
<h2>Clash Royale - 7150 Yeşil Taş</h2>
<span>Clash Royale - 7150 Yeşil Taş</span>
</div>
</a>
</div>
</div>
</div>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Resim yollarını (tema/slider/clash-royal.webp) kendini belirlediğiniz klasör yoluna göre değiştirebilirsiniz.
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. |
<section class="trending pt-100 pb-100 fade-wrapper" style="background-image: url(https://siteadresiniz.com/resources/uploads/blocks/2025-01-15/7c5f51877b23b5e1551d6f7.jpg);">
<div class="container">
<div class="row align-items-center vertical-column-gap">
<div class="col-12 col-lg-6">
<h1 class="fw-6 title-animation" style="font-size:34px;">PUBG</h1>
</div>
<div class="col-12 col-lg-6 mt-2" data-aos="fade-up">
<div class=" text-lg-end">
<div class="btn-wrapper">
<a href="#" class="btn--secondary">Tümünü Görüntüle</a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
</div>
</div>
</div>
<style>
section .trending {
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
overflow: hidden;
transition: background-image 0.5s ease-in-out;
}
.product-card .product-body .fooots {
border-top: 1px solid #EFEFEF;
display: flex;
justify-content: center;
align-items: center;
min-height: 34px;
text-align: center;
}
.product-card .cok-satan li:nth-child(3) { margin-right: 0px;}
</style>
<div id="group_243" class="mt-60">
<div class="private-profile">
<div class="container">
<div class="row">
<div class="col-12">
<div class="private-profile__btns">
<ul>
<li>
<button data-target="#tab1a" class="private-tab-btn active">Tab 1</button>
</li>
<li>
<button data-target="#tab2a" class="private-tab-btn">Tab 2</button>
</li>
<li>
<button data-target="#tab3a" class="private-tab-btn">Tab 3</button>
</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
<div class="private-item__single mt-40" id="tab1a">
<div class="row">
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="highlight pink" style="background:#FF970C">
<div class="txt">
<ul class="cok-satan">
<li>P</li>
<li>O</li>
<li>P</li>
<li>Ü</li>
<li>L</li>
<li>E</li>
<li>R</li>
</ul>
</div>
</div>
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title=" PUBG Mobile 60 UC">
<img src="https://siteadresiniz.com/resources/uploads/products/2025-01-04/4beb08d06ef6b42944f83c1.webp" class="img-fluid" alt=" PUBG Mobile 60 UC"> </a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title=" PUBG Mobile 60 UC">
PUBG Mobile 60 UC
</a>
</span>
</div>
<div class="foot">
<div class="price" style="margin-bottom: 0px; color:white;">
100 TL
</div>
<span class="badge bg-primary">%5</span>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title=" PUBG Mobile 325 UC">
<img src="https://siteadresiniz.com/resources/uploads/products/2025-01-07/ed4a21141ca15745774982b.webp" class="img-fluid" alt=" PUBG Mobile 325 UC"> </a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="https://siteadresiniz.com/siparis/special/109" class="name" title=" PUBG Mobile 325 UC">
PUBG Mobile 325 UC </a>
</span>
</div>
<div class="foot">
<div class="price" style="margin-bottom: 0px; color:white;">
150$
</div>
<span class="badge bg-primary">%5</span>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="highlight pink" style="background:#FF970C">
<div class="txt">
<ul class="cok-satan">
<li>P</li>
<li>O</li>
<li>P</li>
<li>Ü</li>
<li>L</li>
<li>E</li>
<li>R</li>
</ul>
</div>
</div>
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title=" PUBG Mobile 660 UC">
<img src="https://siteadresiniz.com/resources/uploads/products/2025-01-07/80066b392544ebe1a8f0358.webp" class="img-fluid" alt=" PUBG Mobile 660 UC"> </a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title=" PUBG Mobile 660 UC">
PUBG Mobile 660 UC </a>
</span>
</div>
<div class="foot">
<div class="price" style="margin-bottom: 0px; color:white;">
<div class="amount_spot_view"><i style="margin-top: -1px;" class="currposright">₺</i> 262</div>
</div>
<span class="badge bg-primary">%5</span>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="highlight pink" style="background:#FF970C">
<div class="txt">
<ul class="cok-satan">
<li>P</li>
<li>O</li>
<li>P</li>
<li>Ü</li>
<li>L</li>
<li>E</li>
<li>R</li>
</ul>
</div>
</div>
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title="PUBG Mobile 985 UC">
<img src="https://siteadresiniz.com/resources/uploads/products/2025-01-07/fad41c8859aaa5a1d562604.webp" class="img-fluid" alt="PUBG Mobile 985 UC"> </a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title="PUBG Mobile 985 UC">
PUBG Mobile 985 UC </a>
</span>
</div>
<div class="foot">
<div class="price" style="margin-bottom: 0px; color:white;">
333 TL
</div>
<span class="badge bg-primary">%8</span>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title=" PUBG Mobile 1320 UC">
<img src="https://siteadresiniz.com/resources/uploads/products/2025-01-07/a9993946a3bed4ec7749506.webp" class="img-fluid" alt=" PUBG Mobile 1320 UC"> </a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title=" PUBG Mobile 1320 UC">
PUBG Mobile 1320 UC
</a>
</span>
</div>
<div class="foot">
<div class="price" style="margin-bottom: 0px; color:white;">
15 TL
</div>
<span class="badge bg-primary">%8</span>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="highlight pink" style="background:#FF970C">
<div class="txt">
<ul class="cok-satan">
<li>P</li>
<li>O</li>
<li>P</li>
<li>Ü</li>
<li>L</li>
<li>E</li>
<li>R</li>
</ul>
</div>
</div>
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title="PUBG Mobile 1800 UC">
<img src="https://siteadresiniz.com/resources/uploads/products/2025-01-07/38295e7d5c84da2438295be.webp" class="img-fluid" alt="PUBG Mobile 1800 UC"> </a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title="PUBG Mobile 1800 UC">
PUBG Mobile 1800 UC
</a>
</span>
</div>
<div class="foot">
<div class="price" style="margin-bottom: 0px; color:white;">
655$
</div>
<span class="badge bg-primary">%10</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="private-item__single mt-40" id="tab2a">
<div class="row">
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="highlight pink" >
<div class="txt">
<ul class="cok-satan">
<li>P</li>
<li>O</li>
<li>P</li>
<li>Ü</li>
<li>L</li>
<li>E</li>
<li>R</li>
</ul>
</div>
</div>
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title=" PUBG Mega Random Hesap">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/resim-yok.webp" class="img-fluid" alt=" PUBG Mega Random Hesap"> </a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title=" PUBG Mega Random Hesap">
PUBG Mega Random Hesap
</a>
</span>
</div>
<div class="fooots">
<div class="price" style="margin-bottom: 0px; color:white;">
35,50 $
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="private-item__single mt-40" id="tab3a">
<div class="row">
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title="Örnek Ürün 1">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/resim-yok.webp" class="img-fluid" alt="Örnek Ürün 1"> </a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title="Örnek Ürün 1">
Örnek Ürün 1
</a>
</span>
</div>
<div class="fooots">
<div class="price" style="margin-bottom: 0px; color:white;">
50 TL
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title="Örnek Ürün 2">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/resim-yok.webp" class="img-fluid" alt="Örnek Ürün 2"> </a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title="Örnek Ürün 2">
Örnek Ürün 2
</a>
</span>
</div>
<div class="fooots">
<div class="price" style="margin-bottom: 0px; color:white;">
30 TL
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="trending pt-100 pb-100 fade-wrapper">
<div class="container">
<div class="row align-items-center vertical-column-gap">
<div class="col-12 col-lg-6">
<h1 class="fw-6 title-animation" style="font-size:34px;">Web Hosting</h1>
</div>
<div class="col-12 col-lg-6 mt-2" data-aos="fade-up">
<div class=" text-lg-end">
<div class="btn-wrapper">
<a href="#" class="btn--secondary">Tümünü Görüntüle</a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="mt-60">
<div class="private-profile">
<div class="container">
<div class="row">
<div class="col-12">
<div class="private-profile__btns">
<ul>
<li>
<button data-target="#tab1d" class="private-tab-btn active">Tab 1</button>
</li>
<li>
<button data-target="#tab2d" class="private-tab-btn">Tab 2</button>
</li>
<li>
<button data-target="#tab3d" class="private-tab-btn">Tab 2</button>
</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
<div class="private-item__single mt-40" id="tab1d">
<div class="row">
<div class="col-lg-3 col-md-3 col-12 mb-5">
<div class="hosting-card text-center single-pricing-pack">
<div class="pt-5">
<h5 class="mb-0">
EKO SSD 1
</h5>
</div>
<div class="hosting-card-header pb-4 border-0 pricing-header">
<h4>
<div class="indirim-kutusu" style="justify-content: center;">
<div class="indirim-kutu-icerik">
<div class="indirim-yazisi" style="font-size: 14px;">İndirim</div>
<div class="yuzde">%3</div>
</div>
<div class="fiyat-bilgisi" style="margin-left:14px;">
<div class="eski-fiyat">
9,27
</div>
<div class="yeni-fiyat">
$9
<p style="margin-top:-8px;">
<span class="yillik-yazisi">
Yıllık
</span>
</p>
</div>
</div>
</div>
</h4>
</div>
<div class="hosting-card-body px-5">
<ul class="list-unstyled mb-4 pricing-feature-list text-left">
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 100 MB Disk Alanı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 GB Aylık Trafik</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 1 Adet Site Barındırma</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 5 Adet E-Mail Adresi</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 Adet MySQL</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 10 Adet FTP Hesabı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Anında Kurulum</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Linux - cPanel</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> %20 Cpu İzni</li>
</ul>
<br/>
<a href="#" class="btn outline-btn mb-3" target="_blank">SEPETE EKLE</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-12 mb-5">
<div class="hosting-card popular-price text-center single-pricing-pack">
<div class="pt-5">
<h5 class="mb-0">
EKO SSD 2 <span class="badge color-1 color-1-bg">POPÜLER</span>
</h5>
</div>
<div class="hosting-card-header pb-4 border-0 pricing-header">
<h4>
<b style="font-size:14px;">Aylık / </b> 203,76 ₺
</h4>
</div>
<div class="hosting-card-body px-5">
<ul class="list-unstyled mb-4 pricing-feature-list text-left">
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 250 MB Disk Alanı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 5 GB Aylık Trafik</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 1 Adet Site Barındırma</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 5 Adet E-Mail Adresi</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 Adet MySQL</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 10 Adet FTP Hesabı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Anında Kurulum</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Linux - cPanel</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> %20 Cpu İzni</li>
</ul>
<br/>
<a href="#" class="btn primary-solid-btn mb-3" target="_blank">SEPETE EKLE</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-12 mb-5">
<div class="hosting-card text-center single-pricing-pack">
<div class="pt-5">
<h5 class="mb-0">
EKO SSD 3
</h5>
</div>
<div class="hosting-card-header pb-4 border-0 pricing-header">
<h4>
<b style="font-size:14px;">Aylık / </b> 203,76 ₺
</h4>
</div>
<div class="hosting-card-body px-5">
<ul class="list-unstyled mb-4 pricing-feature-list text-left">
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 500 MB Disk Alanı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 15 GB Aylık Trafik</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 1 Adet Site Barındırma</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 5 Adet E-Mail Adresi</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 Adet MySQL</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 10 Adet FTP Hesabı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Anında Kurulum</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Linux - cPanel</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> %20 Cpu İzni</li>
</ul>
<br/>
<a href="#" class="btn outline-btn mb-3" target="_blank">SEPETE EKLE</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-12 mb-5">
<div class="hosting-card text-center single-pricing-pack">
<div class="pt-5">
<h5 class="mb-0">
EKO SSD 4
</h5>
</div>
<div class="hosting-card-header pb-4 border-0 pricing-header">
<h4>
<b style="font-size:14px;">Aylık / </b> 203,76 ₺
</h4>
</div>
<div class="hosting-card-body px-5">
<ul class="list-unstyled mb-4 pricing-feature-list text-left">
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 500 MB Disk Alanı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 15 GB Aylık Trafik</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 1 Adet Site Barındırma</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 5 Adet E-Mail Adresi</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 Adet MySQL</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 10 Adet FTP Hesabı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Anında Kurulum</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Linux - cPanel</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> %20 Cpu İzni</li>
</ul>
<br/>
<a href="#" class="btn outline-btn mb-3" target="_blank">SEPETE EKLE</a>
</div>
</div>
</div>
</div>
</div>
<div class="private-item__single mt-40" id="tab2d">
<div class="row">
<div class="col-lg-3 col-md-3 col-12 mb-5">
<div class="hosting-card text-center single-pricing-pack">
<div class="pt-5">
<h5 class="mb-0">
PRO SSD 1
</h5>
</div>
<div class="hosting-card-header pb-4 border-0 pricing-header">
<h4>
<b style="font-size:14px;">Aylık / </b> 203,76 ₺
</h4>
</div>
<div class="hosting-card-body px-5">
<ul class="list-unstyled mb-4 pricing-feature-list text-left">
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 100 MB Disk Alanı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 GB Aylık Trafik</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 1 Adet Site Barındırma</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 5 Adet E-Mail Adresi</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 Adet MySQL</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 10 Adet FTP Hesabı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Anında Kurulum</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Linux - cPanel</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> %20 Cpu İzni</li>
</ul>
<br/>
<a href="#" class="btn outline-btn mb-3" target="_blank">SEPETE EKLE</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-12 mb-5">
<div class="hosting-card popular-price text-center single-pricing-pack">
<div class="pt-5">
<h5 class="mb-0">
PRO SSD 2 <span class="badge color-1 color-1-bg">POPÜLER</span>
</h5>
</div>
<div class="hosting-card-header pb-4 border-0 pricing-header">
<h4>
<b style="font-size:14px;">Aylık / </b> 203,76 ₺
</h4>
</div>
<div class="hosting-card-body px-5">
<ul class="list-unstyled mb-4 pricing-feature-list text-left">
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 100 MB Disk Alanı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 GB Aylık Trafik</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 1 Adet Site Barındırma</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 5 Adet E-Mail Adresi</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 Adet MySQL</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 10 Adet FTP Hesabı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Anında Kurulum</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Linux - cPanel</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> %20 Cpu İzni</li>
</ul>
<br/>
<a href="#" class="btn primary-solid-btn mb-3" target="_blank">SEPETE EKLE</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-12 mb-5">
<div class="hosting-card text-center single-pricing-pack">
<div class="pt-5">
<h5 class="mb-0">
PRO SSD 3
</h5>
</div>
<div class="hosting-card-header pb-4 border-0 pricing-header">
<h4>
<b style="font-size:14px;">Aylık / </b> 203,76 ₺
</h4>
</div>
<div class="hosting-card-body px-5">
<ul class="list-unstyled mb-4 pricing-feature-list text-left">
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 100 MB Disk Alanı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 GB Aylık Trafik</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 1 Adet Site Barındırma</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 5 Adet E-Mail Adresi</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 Adet MySQL</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 10 Adet FTP Hesabı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Anında Kurulum</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Linux - cPanel</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> %20 Cpu İzni</li>
</ul>
<br/>
<a href="#" class="btn outline-btn mb-3" target="_blank">SEPETE EKLE</a>
</div>
</div>
</div>
</div>
</div>
<div class="private-item__single mt-40" id="tab3d">
<div class="row">
<div class="col-lg-3 col-md-3 col-12 mb-5">
<div class="hosting-card popular-price text-center single-pricing-pack">
<div class="pt-5">
<h5 class="mb-0">
L BAYİ <span class="badge color-1 color-1-bg">POPÜLER</span>
</h5>
</div>
<div class="hosting-card-header pb-4 border-0 pricing-header">
<h4>
<b style="font-size:14px;">Aylık / </b> 203,76 ₺
</h4>
</div>
<div class="hosting-card-body px-5">
<ul class="list-unstyled mb-4 pricing-feature-list text-left">
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 100 MB Disk Alanı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 GB Aylık Trafik</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 1 Adet Site Barındırma</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 5 Adet E-Mail Adresi</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 Adet MySQL</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 10 Adet FTP Hesabı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Anında Kurulum</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Linux - cPanel</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> %20 Cpu İzni</li>
</ul>
<br/>
<a href="#" class="btn primary-solid-btn mb-3" target="_blank">SEPETE EKLE</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-12 mb-5">
<div class="hosting-card text-center single-pricing-pack">
<div class="pt-5">
<h5 class="mb-0">
S BAYİ
</h5>
</div>
<div class="hosting-card-header pb-4 border-0 pricing-header">
<h4>
<b style="font-size:14px;">Aylık / </b> 203,76 ₺
</h4>
</div>
<div class="hosting-card-body px-5">
<ul class="list-unstyled mb-4 pricing-feature-list text-left">
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 100 MB Disk Alanı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 GB Aylık Trafik</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 1 Adet Site Barındırma</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 5 Adet E-Mail Adresi</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 Adet MySQL</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 10 Adet FTP Hesabı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Anında Kurulum</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Linux - cPanel</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> %20 Cpu İzni</li>
</ul>
<br/>
<a href="#" class="btn outline-btn mb-3" target="_blank">SEPETE EKLE</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-12 mb-5">
<div class="hosting-card popular-price text-center single-pricing-pack">
<div class="pt-5">
<h5 class="mb-0">
M BAYİ <span class="badge color-1 color-1-bg">POPÜLER</span>
</h5>
</div>
<div class="hosting-card-header pb-4 border-0 pricing-header">
<h4>
<b style="font-size:14px;">Aylık / </b> 203,76 ₺
</h4>
</div>
<div class="hosting-card-body px-5">
<ul class="list-unstyled mb-4 pricing-feature-list text-left">
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 100 MB Disk Alanı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 GB Aylık Trafik</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 1 Adet Site Barındırma</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 5 Adet E-Mail Adresi</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 2 Adet MySQL</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> 10 Adet FTP Hesabı</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Anında Kurulum</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> Linux - cPanel</li>
<li><i class="fa-regular fa-square-check" style="color: #00f72c;padding-right: 10px;"></i> %20 Cpu İzni</li>
</ul>
<br/>
<a href="#" class="btn primary-solid-btn mb-3" target="_blank">SEPETE EKLE</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="feature pt-120 pb-120 ml-12 mr-12">
<div class="container">
<div class="row align-items-center vertical-column-gap">
<div class="col-12 col-lg-6">
<div class="text-lg-start">
<h2 class="fw-6 title-animation mt-8">Trendler</h2>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="text-lg-end">
<div class="btn-wrapper">
<a href="#" class="btn--secondary">Tümünü Görüntüle</a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg"
fill="none" preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="feature-wrapper mt-60">
<div class="feature-slider-wrapper">
<div class="feature-slider-two swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="feature-slider__single">
<div class="thumb">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/games/featured/one.png"
alt="Image">
</a>
<div class="price-tag">
<i class="ti ti-circle-filled"></i><span
class="text-sm fw-7">122</span>
</div>
</div>
<div class="content">
<div class="content-inner">
<p class="text-md fw-6 mt-8"><span>[ 01 ]</span>
Öne Çıkan
</p>
<h3 class="fw-7 mt-16"><a
href="#">Vortex</a></h3>
</div>
<div class="cta mt-50 text-end">
<a href="#" aria-label="Daha Fazla Bilgi" title="Daha Fazla Bilgi"
class="fw-7">Daha Fazla Bilgi <i
class="ti ti-plus"></i></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="feature-slider__single">
<div class="thumb">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/games/featured/two.png"
alt="Image">
</a>
<div class="price-tag">
<i class="ti ti-circle-filled"></i><span
class="text-sm fw-7">422</span>
</div>
</div>
<div class="content">
<div class="content-inner">
<p class="text-md fw-6 mt-8"><span>[ 02 ]</span>
Öne Çıkan
</p>
<h3 class="fw-7 mt-16"><a
href="#">Fortnite</a></h3>
</div>
<div class="cta mt-50 text-end">
<a href="#" aria-label="Daha Fazla Bilgi" title="Daha Fazla Bilgi"
class="fw-7">Daha Fazla Bilgi <i
class="ti ti-plus"></i></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="feature-slider__single">
<div class="thumb">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/games/featured/three.png"
alt="Image">
</a>
<div class="price-tag">
<i class="ti ti-circle-filled"></i><span
class="text-sm fw-7">32</span>
</div>
</div>
<div class="content">
<div class="content-inner">
<p class="text-md fw-6 mt-8"><span>[ 03 ]</span>
Öne Çıkan
</p>
<h3 class="fw-7 mt-16"><a
href="#">Bounty</a></h3>
</div>
<div class="cta mt-50 text-end">
<a href="#" aria-label="Daha Fazla Bilgi" title="Daha Fazla Bilgi"
class="fw-7">Daha Fazla Bilgi <i
class="ti ti-plus"></i></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="feature-slider__single">
<div class="thumb">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/games/featured/four.png"
alt="Image">
</a>
<div class="price-tag">
<i class="ti ti-circle-filled"></i><span
class="text-sm fw-7">66</span>
</div>
</div>
<div class="content">
<div class="content-inner">
<p class="text-md fw-6 mt-8"><span>[ 04 ]</span>
Öne Çıkan
</p>
<h3 class="fw-7 mt-16"><a
href="#">Turbo</a></h3>
</div>
<div class="cta mt-50 text-end">
<a href="#" aria-label="Daha Fazla Bilgi" title="Daha Fazla Bilgi"
class="fw-7">Daha Fazla Bilgi <i
class="ti ti-plus"></i></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="feature-slider__single">
<div class="thumb">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/games/featured/one.png"
alt="Image">
</a>
<div class="price-tag">
<i class="ti ti-circle-filled"></i><span
class="text-sm fw-7">786</span>
</div>
</div>
<div class="content">
<div class="content-inner">
<p class="text-md fw-6 mt-8"><span>[ 05 ]</span>
Öne Çıkan
</p>
<h3 class="fw-7 mt-16"><a
href="#">Vortex</a></h3>
</div>
<div class="cta mt-50 text-end">
<a href="#" aria-label="Daha Fazla Bilgi" title="Daha Fazla Bilgi"
class="fw-7">Daha Fazla Bilgi <i
class="ti ti-plus"></i></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="feature-slider__single">
<div class="thumb">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/games/featured/two.png"
alt="Image">
</a>
<div class="price-tag">
<i class="ti ti-circle-filled"></i><span
class="text-sm fw-7">542</span>
</div>
</div>
<div class="content">
<div class="content-inner">
<p class="text-md fw-6 mt-8"><span>[ 06 ]</span>
Öne Çıkan
</p>
<h3 class="fw-7 mt-16"><a
href="#">Fortnite</a></h3>
</div>
<div class="cta mt-50 text-end">
<a href="#" aria-label="Daha Fazla Bilgi" title="Daha Fazla Bilgi"
class="fw-7">Daha Fazla Bilgi <i
class="ti ti-plus"></i></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="feature-slider__single">
<div class="thumb">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/games/featured/three.png"
alt="Image">
</a>
<div class="price-tag">
<i class="ti ti-circle-filled"></i><span
class="text-sm fw-7">42</span>
</div>
</div>
<div class="content">
<div class="content-inner">
<p class="text-md fw-6 mt-8"><span>[ 07 ]</span>
Öne Çıkan
</p>
<h3 class="fw-7 mt-16"><a
href="#">Bounty</a></h3>
</div>
<div class="cta mt-50 text-end">
<a href="#" aria-label="Daha Fazla Bilgi" title="Daha Fazla Bilgi"
class="fw-7">Daha Fazla Bilgi <i
class="ti ti-plus"></i></a>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="feature-slider__single">
<div class="thumb">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/games/featured/four.png"
alt="Image">
</a>
<div class="price-tag">
<i class="ti ti-circle-filled"></i><span
class="text-sm fw-7">100</span>
</div>
</div>
<div class="content">
<div class="content-inner">
<p class="text-md fw-6 mt-8"><span>[ 08 ]</span>
Öne Çıkan
</p>
<h3 class="fw-7 mt-16"><a
href="#">Turbo</a></h3>
</div>
<div class="cta mt-50 text-end">
<a href="#" aria-label="Daha Fazla Bilgi" title="Daha Fazla Bilgi"
class="fw-7">Daha Fazla Bilgi <i
class="ti ti-plus"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slider-footer mt-60">
<div class="slider-navigation">
<button type="button" aria-label="prev slide"
title="prev slide" class="prev-feature slider-btn">
<i class="ti ti-chevron-left"></i>
</button>
<button type="button" aria-label="next slide"
title="next slide" class="next-feature slider-btn">
<i class="ti ti-chevron-right"></i>
</button>
</div>
<div class="feature-slider-progress pagination-two"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="choose-area pt-0 pb-100">
<div class="container">
<div class="row align-items-center vertical-column-gap">
<div class="col-12 col-lg-5 col-xxl-8">
<div class="text-center1 text-lg-start">
<h2 class="fw-6 title-animation mt-8" style="font-size:34px;">
Neden Bizi Tercih Etmelisiniz?
</h2>
</div>
</div>
<div class="col-12 col-lg-7 col-xxl-4">
<div class="justify-content-center1 justify-content-lg-end slider-footer">
<div class="slider-navigation">
<button type="button" aria-label="prev slide" title="prev slide"
class="prev-choose slider-btn">
<i class="ti ti-chevron-left"></i>
</button>
<button type="button" aria-label="next slide" title="next slide"
class="next-choose slider-btn">
<i class="ti ti-chevron-right"></i>
</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="choose-slider-wrapper mt-60">
<div class="choose-slider swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="choose__single">
<div class="icon">
<i class="fa fa-check"></i>
</div>
<div class="content mt-40">
<h5 class="mt-8 fw-6">Güçlü Alt Yapı</h5>
<p class="mt-20 text-alter text-lg">Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="choose__single">
<div class="icon">
<i class="fa fa-glass"></i>
</div>
<div class="content mt-40">
<h5 class="mt-8 fw-6">Modern Teknoloji</h5>
<p class="mt-20 text-alter text-lg">Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="choose__single">
<div class="icon">
<i class="fa fa-rocket"></i>
</div>
<div class="content mt-40">
<h5 class="mt-8 fw-6">Genç ve Dinamik Ekip</h5>
<p class="mt-20 text-alter text-lg">Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="choose__single">
<div class="icon">
<i class="fa fa-thumbs-o-up"></i>
</div>
<div class="content mt-40">
<h5 class="mt-8 fw-6">Ekonomik Fiyatlar</h5>
<p class="mt-20 text-alter text-lg">Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="choose__single">
<div class="icon">
<i class="fa fa-check"></i>
</div>
<div class="content mt-40">
<h5 class="mt-8 fw-6">Sorunsuz Hizmet</h5>
<p class="mt-20 text-alter text-lg">Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="choose__single">
<div class="icon">
<i class="fa fa-smile-o"></i>
</div>
<div class="content mt-40">
<h5 class="mt-8 fw-6">%100 Müşteri Memnuniyeti</h5>
<p class="mt-20 text-alter text-lg">Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.Yinelenen bir sayfa içeriğinin okuyucunun dikkatini dağıttığı bilinen bir gerçektir.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="clear"></div>
<section class="secure pt-0 pb-100 fade-wrapper">
<div class="container">
<div class="row vertical-column-gap">
<div class="col-12 col-xl-5 fade-top">
<div class="secure__content" style="padding:0;">
<div class="inner">
<h3 class="fw-6 mt-24 title-animation">Profesyonel Hizmet</h3>
</div>
<div class="thumb mt-0">
<img src="https://siteadresiniz.com/resources/uploads/blocks/2025-01-06/6b8e06f505e9c81e01d473d.svg" alt="Profesyonel Hizmet" style="max-width: 60%;">
</div>
<div class="btn-wrapper">
<a href="#" class="btn--secondary fadeInUp">Hakkımızda <i class="fas fa-long-arrow-alt-right"></i></a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg" fill="none" preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
</div>
<div class="col-12 col-xl-7 fade-top">
<div class="secure__content-two pt-20 pb-30">
<div class="text-center inner">
<p class="mt-24">
HDDIZAYN: Teknoloji ve Yaratıcılığın Buluşma Noktası<br />
2013 yılında kurulan HDDIZAYN, bilişim sektöründe inovasyon ve müşteri odaklı yaklaşımın bir araya geldiği bir başarı hikayesini temsil ediyor. "Daima hizmet ve gelişim" anlayışıyla yola çıktığımız bu yolculukta, müşterilerimizin en karmaşık ihtiyaçlarına bile çözüm üretme tutkusunu taşıyoruz.<br />
<br />
<br />
+11 Yıllık Tecrübenin İzleri<br />
Her geçen gün büyüyen ve değişen dijital dünyada, işinizin ve web varlığınızın değerini en iyi şekilde anlıyoruz. +11 yıllık deneyimimiz, teknolojiye olan bağlılığımızı ve müşteri memnuniyetine verdiğimiz önemi kanıtladı. Kaliteli hizmetin öncüleri olarak, müşterilerimizin işlerinin ve web sitelerinin ne kadar kritik olduğunun bilincindeyiz. Bu yüzden her anlamda güncel ve hazırız.<br />
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="trending pb-100 fade-wrapper">
<div class="container">
<div class="row align-items-center vertical-column-gap">
<div class="col-12 col-lg-6">
<div class="text-lg-start">
<h1 class="fw-6 title-animation mt-8" style="font-size:34px;">Öne Çıkan Yazılımlar</h1>
</div>
</div>
<div class="col-12 col-lg-6">
<div class=" text-lg-end">
<div class="btn-wrapper">
<a href="#" class="btn--secondary">Tümünü Görüntüle</a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="row pt-5">
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title="Ürün 1">
<img src="https://siteadresiniz.com/resources/uploads/software/list-image-default.jpg" class="img-fluid" alt="Ürün 1">
</a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title="Ürün 1">
Ürün 1
</a>
<div class="author-meta">
<p>Mobil Uyumlu</p>
</div>
<div class="author-meta">
<p class="text-sm fw-6">Sınırsız Dil</p>
</div>
</span>
</div>
<div class="fooots">
<div class="price" style="margin-bottom: 0px; color:white;">
50 TL
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="highlight pink" style="background:">
<div class="txt">
<ul class="cok-satan">
<li>P</li>
<li>O</li>
<li>P</li>
<li>Ü</li>
<li>L</li>
<li>E</li>
<li>R</li>
</ul>
</div>
</div>
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title="Ürün 2">
<img src="https://siteadresiniz.com/resources/uploads/software/list-image-default.jpg" class="img-fluid" alt="Ürün 2">
</a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title="Ürün 2">
Ürün 2
</a>
<div class="author-meta">
<p><i class='fa-solid fa-bolt fa-flip-both fa-2xs' style='color: #FFD43B;'></i> Mobil Uyumlu</p>
</div>
<div class="author-meta">
<p class="text-sm fw-6"><i class='fa-solid fa-bomb fa-2xs' style='color: #c80404;'></i> Sınırsız Dil</p>
</div>
</span>
</div>
<div class="foot">
<div class="price" style="margin-bottom: 0px; color:white;">
55 TL
</div>
<span class="badge bg-primary">%20</span>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title="Ürün 3">
<img src="https://siteadresiniz.com/resources/uploads/software/list-image-default.jpg" class="img-fluid" alt="Ürün 3">
</a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title="Ürün 3">
Ürün 3
</a>
<div class="author-meta">
<p>Mobil Uyumlu</p>
</div>
<div class="author-meta">
<p class="text-sm fw-6">Sınırsız Dil</p>
</div>
</span>
</div>
<div class="fooots">
<div class="price" style="margin-bottom: 0px; color:white;">
500€
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title="Ürün 4">
<img src="https://siteadresiniz.com/resources/uploads/software/list-image-default.jpg" class="img-fluid" alt="Ürün 4">
</a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title="Ürün 4">
Ürün 4
</a>
<div class="author-meta">
<p>Mobil Uyumlu</p>
</div>
<div class="author-meta">
<p class="text-sm fw-6">Sınırsız Dil</p>
</div>
</span>
</div>
<div class="fooots">
<div class="price" style="margin-bottom: 0px; color:white;">
$99
</div>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="highlight pink" style="background:">
<div class="txt">
<ul class="cok-satan">
<li>P</li>
<li>O</li>
<li>P</li>
<li>Ü</li>
<li>L</li>
<li>E</li>
<li>R</li>
</ul>
</div>
</div>
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title="Ürün 5">
<img src="https://siteadresiniz.com/resources/uploads/software/list-image-default.jpg" class="img-fluid" alt="Ürün 5">
</a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title="Ürün 5">
Ürün 5
</a>
<div class="author-meta">
<p>Mobil Uyumlu</p>
</div>
<div class="author-meta">
<p class="text-sm fw-6">Sınırsız Dil</p>
</div>
</span>
</div>
<div class="foot">
<div class="price" style="margin-bottom: 0px; color:white;">
90 TL
</div>
<span class="badge bg-primary">%5</span>
</div>
</div>
</div>
</div>
<div class="col-6 col-sm-4 col-md-3 col-xl-2">
<div class="product-card">
<div class="product-body">
<div class="img-box">
<a href="#" class="img" title="Ürün 6">
<img src="https://siteadresiniz.com/resources/uploads/software/list-image-default.jpg" class="img-fluid" alt="Ürün 6">
</a>
</div>
<div class="detail">
<span class="product-name" style="display: block; text-align: center;">
<a href="#" class="name" title="Ürün 6">
Ürün 6
</a>
<div class="author-meta">
<p>Mobil Uyumlu</p>
</div>
<div class="author-meta">
<p class="text-sm fw-6">Sınırsız Dil</p>
</div>
</span>
</div>
<div class="fooots">
<div class="price" style="margin-bottom: 0px; color:white;">
300 TL
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="clear"></div>
<section class="last-streams pt-120 pb-120 ml-12 mr-12">
<div class="container">
<div class="row align-items-center vertical-column-gap">
<div class="col-12 col-lg-6">
<div class="text-lg-start">
<h2 class="fw-6 title-animation mt-8">Son Akımlar</h2>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="text-lg-end">
<div class="btn-wrapper">
<a href="#" class="btn--secondary">Tümünü Göster</a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg"
fill="none" preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="last-streams__inner mt-60">
<div class="last-streams-slider swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="last-streams__single">
<div class="thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/stream/one.png"
alt="Image">
</div>
<div class="content">
<div class="icon">
<div class="icon-inner">
<i class="ti ti-crown"></i>
</div>
</div>
<div class="video-btn-wrapper">
<div class="video-btn">
<a href="https://www.youtube.com/watch?v=RvreULjnzFo"
target="_blank" title="video Player"
class="open-video-popup">
<i
class="ti ti-player-play-filled"></i>
</a>
</div>
</div>
<div class="content-inner">
<div class="content-left">
<h5><a href="game-single.html"><span
class="primary-text">Battle</span>field
04</a>
</h5>
<p>Player unknown's</p>
</div>
<div class="content-right">
<p>4.7k Viewers</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="last-streams__single">
<div class="thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/stream/two.png"
alt="Image">
</div>
<div class="content">
<div class="icon">
<div class="icon-inner">
<i class="ti ti-crown"></i>
</div>
</div>
<div class="video-btn-wrapper">
<div class="video-btn">
<a href="https://www.youtube.com/watch?v=RvreULjnzFo"
target="_blank" title="video Player"
class="open-video-popup">
<i
class="ti ti-player-play-filled"></i>
</a>
</div>
</div>
<div class="content-inner">
<div class="content-left">
<h5><a href="game-single.html"><span
class="primary-text">Thunder
</span> Bolt Arena
</a>
</h5>
<p>Player unknown's</p>
</div>
<div class="content-right">
<p>7.5k Viewers</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="last-streams__single">
<div class="thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/stream/three.png"
alt="Image">
</div>
<div class="content">
<div class="icon">
<div class="icon-inner">
<i class="ti ti-crown"></i>
</div>
</div>
<div class="video-btn-wrapper">
<div class="video-btn">
<a href="https://www.youtube.com/watch?v=RvreULjnzFo"
target="_blank" title="video Player"
class="open-video-popup">
<i
class="ti ti-player-play-filled"></i>
</a>
</div>
</div>
<div class="content-inner">
<div class="content-left">
<h5><a href="game-single.html"><span
class="primary-text">Eclipse
</span> Journey
</a>
</h5>
<p>Player unknown's</p>
</div>
<div class="content-right">
<p>2.5k Viewers</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="last-streams__single">
<div class="thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/stream/one.png"
alt="Image">
</div>
<div class="content">
<div class="icon">
<div class="icon-inner">
<i class="ti ti-crown"></i>
</div>
</div>
<div class="video-btn-wrapper">
<div class="video-btn">
<a href="https://www.youtube.com/watch?v=RvreULjnzFo"
target="_blank" title="video Player"
class="open-video-popup">
<i
class="ti ti-player-play-filled"></i>
</a>
</div>
</div>
<div class="content-inner">
<div class="content-left">
<h5><a href="game-single.html"><span
class="primary-text">Battle</span>field
04</a>
</h5>
<p>Player unknown's</p>
</div>
<div class="content-right">
<p>4.7k Viewers</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="last-streams__single">
<div class="thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/stream/two.png"
alt="Image">
</div>
<div class="content">
<div class="icon">
<div class="icon-inner">
<i class="ti ti-crown"></i>
</div>
</div>
<div class="video-btn-wrapper">
<div class="video-btn">
<a href="https://www.youtube.com/watch?v=RvreULjnzFo"
target="_blank" title="video Player"
class="open-video-popup">
<i
class="ti ti-player-play-filled"></i>
</a>
</div>
</div>
<div class="content-inner">
<div class="content-left">
<h5><a href="game-single.html"><span
class="primary-text">Thunder
</span> Bolt Arena
</a>
</h5>
<p>Player unknown's</p>
</div>
<div class="content-right">
<p>7.5k Viewers</p>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="last-streams__single">
<div class="thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/stream/three.png"
alt="Image">
</div>
<div class="content">
<div class="icon">
<div class="icon-inner">
<i class="ti ti-crown"></i>
</div>
</div>
<div class="video-btn-wrapper">
<div class="video-btn">
<a href="https://www.youtube.com/watch?v=RvreULjnzFo"
target="_blank" title="video Player"
class="open-video-popup">
<i
class="ti ti-player-play-filled"></i>
</a>
</div>
</div>
<div class="content-inner">
<div class="content-left">
<h5><a href="game-single.html"><span
class="primary-text">Eclipse
</span> Journey
</a>
</h5>
<p>Player unknown's</p>
</div>
<div class="content-right">
<p>2.5k Viewers</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="slider-footer mt-60">
<div class="slider-navigation">
<button type="button" aria-label="prev slide"
title="prev slide" class="prev-stream slider-btn">
<i class="ti ti-chevron-left"></i>
</button>
<button type="button" aria-label="next slide"
title="next slide" class="next-stream slider-btn">
<i class="ti ti-chevron-right"></i>
</button>
</div>
<div class="stream-slider-progress pagination-two"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="clear"></div>
<section class="pt-150 pb-50 platform fade-wrapper">
<div class="container">
<div class="row align-items-center vertical-column-gap">
<div class="col-12 col-lg-5 col-xxl-8">
<div class="text-center1 text-lg-start">
<h2 class="fw-6 title-animation mt-8" style="font-size:34px;">
Blog'tan Son Yazılar
</h2>
</div>
</div>
</div>
<div class="row vertical-column-gap mt-60">
<style>
.image-class {
width:643px !important;
height:350px !important;
}
@media (max-width: 768px) {
.image-class {
height: 260px !important;
}
}
</style>
<div class="col-12 col-md-6 col-xl-4">
<div class="platform-single van-tilt" data-background="https://siteadresiniz.com/templates/website/GamePiN/tema/images/platform/bg.png">
<div class="thumb">
<a href="#">
<img src="https://siteadresiniz.com/resources/uploads/articles/thumb/2025-01-16/de35f920664c884d2dbc50d.webp" alt="Lorem Neden Kullanılır?" width="643" class="image-class">
</a>
</div>
<div class="content mt-40">
<h4 class="fw-6 mt-8">Lorem Neden Kullanılır?</h4>
<p class="mt-20">Yapılan araştırmalar gösteriyor ki, insanlar bir baskı ürününü ya da dijital tasarımı değerlendirirken kendilerini yazıya ve onun anlamına kaptırmadan objektif değerlendirme yapamıyorlar. Bu nedenle Lorem Ipsum insanların tasarıma...</p>
<div class="btn-wrapper mt-35">
<a href="https://siteadresiniz.com/yazi/lorem-neden-kullanilir" class="btn--secondary">
devamı
</a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-xl-4">
<div class="platform-single van-tilt" data-background="https://siteadresiniz.com/templates/website/GamePiN/tema/images/platform/bg.png">
<div class="thumb">
<a href="#">
<img src="https://siteadresiniz.com/resources/uploads/articles/thumb/2025-01-16/d262ba7f2dcadabf36f1532.webp" alt="Lorem Ipsum Nedir?" width="643" class="image-class">
</a>
</div>
<div class="content mt-40">
<h4 class="fw-6 mt-8">Lorem Ipsum Nedir?</h4>
<p class="mt-20">Şimdilerde dijital dünyada sıkça karşımıza çıkan Lorem Ipsum aslında çok öncelere dayanıyor ve yıllardan beridir matbaa içerisinde de kullanılıyor. Lorem Ipsum en basit haliyle yapılan yazılı çalışmalarda yazının nasıl görüneceğin...</p>
<div class="btn-wrapper mt-35">
<a href="https://siteadresiniz.com/yazi/lorem-ipsum-nedir" class="btn--secondary">
devamı
</a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-xl-4">
<div class="platform-single van-tilt" data-background="https://siteadresiniz.com/templates/website/GamePiN/tema/images/platform/bg.png">
<div class="thumb">
<a href="#">
<img src="https://siteadresiniz.com/resources/uploads/articles/thumb/2025-01-16/0f263ccdb9def2e34ec96c0.webp" alt="Web Tasarım Fiyatları" width="643" class="image-class">
</a>
</div>
<div class="content mt-40">
<h4 class="fw-6 mt-8">Web Tasarım Fiyatları</h4>
<p class="mt-20">Lorem Ipsum pasajlarının birçok çeşitlemesi vardır. Ancak bunların büyük bir çoğunluğu mizah katılarak veya rastgele sözcükler eklenerek değiştirilmişlerdir. Eğer bir Lorem Ipsum pasajı kullanacaksanız, metin aralarına utandırıcı ...</p>
<div class="btn-wrapper mt-35">
<a href="https://siteadresiniz.com/yazi/web-tasarim-fiyatlari" class="btn--secondary">
devamı
</a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="clear"></div>
<section class="countdown pt-0 pb-100 fade-wrapper" style="margin-bottom:120px;">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-xl-9">
<div class="count-inner fade-top">
<div class="count-wrapper">
<div class="count-content">
<h3 class="title-animation fw-7 mt-8">İndirimleri Kaçırma!</h3>
<div class="count-items-wrapper mt-24">
<div class="count-single">
<div class="count-single-inner">
<h4 class="fw-6 not-cursor day">0</h4>
</div>
<p class="text-xl fw-6 mt-5">Gün</p>
</div>
<div class="count-single">
<div class="count-single-inner">
<h4 class="fw-6 not-cursor hour">0</h4>
</div>
<p class="text-xl fw-6 mt-5">Saat</p>
</div>
<div class="count-single">
<div class="count-single-inner">
<h4 class="fw-6 not-cursor minute">0</h4>
</div>
<p class="text-xl fw-6 mt-5">Dakika</p>
</div>
<div class="count-single">
<div class="count-single-inner">
<h4 class="fw-6 not-cursor second">0</h4>
</div>
<p class="text-xl fw-6 mt-5">Saniye</p>
</div>
</div>
</div>
<div class="count-cta text-center">
<div class="count-cta-thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/pubg-mobile.png" alt="Image" width="180">
</div>
<div class="count-cta-content mt-24">
<p class="text-md fw-6 text-alter text-uppercase"></p>
<h4 class="fw-8 primary-text mt-12"></h4>
</div>
<div class="btn-wrapper mt-35">
<a href="#" class="btn--secondary">Alışverişe Başla</a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg"
fill="none" preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
<div class="count-stroke">
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none">
<path
d="M0 5 L10 5 L15 0 L94.9 0 L99.9 15 L99.9 100 L85 100 L80 95 L5 95 L0 85 L0 5 Z"
vector-effect="non-scaling-stroke" />
</svg>
</div>
</div>
<div class="count-thumb d-none d-lg-block">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/pubg5.png" alt="Image">
</div>
</div>
</div>
</div>
<style>
.countdown::before {
background-image: url("https://siteadresiniz.com/templates/website/GamePiN/tema/images/count/count-bg.png");
}
</style>
<script>
var endDate = new Date("2025-01-31T00:00:00").getTime();
var countdown = setInterval(function () {
var now = new Date().getTime();
var distance = endDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor(
(distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
);
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
$(".day").text(days);
$(".hour").text(hours);
$(".minute").text(minutes);
$(".second").text(seconds);
if (distance < 0) {
clearInterval(countdown);
$(".day").text("00");
$(".hour").text("00");
$(".minute").text("00");
$(".second").text("00");
}
}, 1000);
</script>
<div class="row justify-content-center">
<div class="col-12 col-sm-11 col-md-9 col-lg-7 col-xl-7">
<div class="counter-wrapper pt-120">
<div class="counter__single">
<h2 class="title-lg fw-8 mt-8" style="font-size: 55px;">
<span class="odometer" data-odometer-final="9654"></span>
<span class="prefix text-uppercase"> +</span>
</h2>
<p class="text-xxl primary-text fw-6 text-uppercase mt-6">Hosting Satışı</p>
</div>
<div class="counter__single">
<h2 class="title-lg fw-8 mt-8" style="font-size: 55px;">
<span class="odometer" data-odometer-final="5984"></span>
<span class="prefix text-uppercase"> +</span>
</h2>
<p class="text-xxl primary-text fw-6 text-uppercase mt-6">Çözümlenen Destek</p>
</div>
<div class="counter__single">
<h2 class="title-lg fw-8 mt-8" style="font-size: 55px;">
<span class="odometer" data-odometer-final="1254"></span>
<span class="prefix text-uppercase"> +</span>
</h2>
<p class="text-xxl primary-text fw-6 text-uppercase mt-6">Mutlu Müşteri</p>
</div>
</div>
</div>
</div>
</div>
<div class="plane d-none d-lg-block fade-right">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/count/plane.png" alt="Image">
</div>
<div class="spinner d-none d-lg-block">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/spinner.png" alt="Image">
</div>
<div class="cartoon d-none d-lg-block fade-left">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/count/cartoon.png" alt="Image">
</div>
</section>
<section class="trending pt-100 pb-100 fade-wrapper">
<style>
.tournaments .tournaments-item__single .skill-single {
width: 147px;
min-width: 147px;
height: 147px;
}
</style>
<div class="container">
<div class="row align-items-center vertical-column-gap">
<div class="col-12 col-lg-6">
<h1 class="fw-6 title-animation" style="font-size:34px;">Fiziksel (Dedicated) Sunucular</h1>
</div>
<div class="col-12 col-lg-6 mt-2" data-aos="fade-up">
<div class=" text-lg-end">
<div class="btn-wrapper">
<a href="#" class="btn--secondary">Tümünü Görüntüle</a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="mt-60">
<div class="private-profile pb-1001 products_list">
<div class="container">
<div class="row">
<div class="col-12">
<div class="private-profile__btns">
<ul>
<li>
<button data-target="#tab1s" class="private-tab-btn active">Tab 1</button>
</li>
<li>
<button data-target="#tab2s" class="private-tab-btn">Tab 2</button>
</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
<div class="private-item__single mt-40" id="tab1s">
<div class="tournaments fade-wrapper">
<div class="container">
<div class="row">
<div class="col-12">
<div class="tournament-wrapper-border1">
<div class="tournaments__items mt-60">
<div class="tournaments-item__single">
<div class="thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/resim-yok.webp" alt="TR DED 1">
</div>
<div class="content">
<h4 class="fw-6">
TR DED 1
</h4>
<hr class="divider mt-30">
<div class="skill-wrapper mt-30">
<div class="skill-single text-center">
<p class="text-alter text-sm">Intel i3 - 2 Core</p>
<p class="quaternary-text text-sm">İşlemci</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">2 GB</p>
<p class="quaternary-text text-sm">Ram</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm"> 750 GB SATA</p>
<p class="quaternary-text text-sm">Disk</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">1 Gbps</p>
<p class="quaternary-text text-sm">Trafik</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">Lokasyon</p>
<p class="quaternary-text text-sm">Türkiye</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
</div>
</div>
<div class="cta">
<span style="color:white;">
<i class="fa-solid fa-arrow-rotate-right fa-spin" style="--fa-animation-duration: 5s; color:white;"></i> Aylık </span>
<h4 class="fw-6 mt-16">165,98 ₺</h4>
<div class="btn-wrapper">
<a href="#" class="btn--secondary">SATIN AL</a>
</div>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<polygon points="0 0, 100 0, 100 80, 75 100, 0 100" />
</svg>
</div>
</div>
<div class="tournaments-item__single">
<div class="thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/resim-yok.webp" alt="TR DED 2">
</div>
<div class="content">
<h4 class="fw-6">
TR DED 2
</h4>
<hr class="divider mt-30">
<div class="skill-wrapper mt-30">
<div class="skill-single text-center">
<p class="text-alter text-sm">Intel i5- 6 Core</p>
<p class="quaternary-text text-sm">İşlemci</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">4 GB</p>
<p class="quaternary-text text-sm">Ram</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm"> 120 GB SSD</p>
<p class="quaternary-text text-sm">Disk</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">1 Gbps</p>
<p class="quaternary-text text-sm">Trafik</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">Lokasyon</p>
<p class="quaternary-text text-sm">Türkiye</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
</div>
</div>
<div class="cta">
<span style="color:white;">
<i class="fa-solid fa-arrow-rotate-right fa-spin" style="--fa-animation-duration: 5s; color:white;"></i> Aylık </span>
<h4 class="fw-6 mt-16">165,98 ₺</h4>
<div class="btn-wrapper">
<p style="font-weight:bold;" class="text-center">
<i class="fa-solid fa-triangle-exclamation fa-beat-fade fa-2x" style="--fa-beat-fade-opacity: 0.1; --fa-beat-fade-scale: 1.25;" aria-hidden="true"></i>
<br/>
TÜKENDİ!
</p>
</div>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<polygon points="0 0, 100 0, 100 80, 75 100, 0 100" />
</svg>
</div>
</div>
<div class="tournaments-item__single">
<div class="thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/resim-yok.webp" alt="TR DED 3">
</div>
<div class="content">
<h4 class="fw-6">
TR DED 3
</h4>
<hr class="divider mt-30">
<div class="skill-wrapper mt-30">
<div class="skill-single text-center">
<p class="text-alter text-sm">Intel i7- 8 Core</p>
<p class="quaternary-text text-sm">İşlemci</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">16 GB</p>
<p class="quaternary-text text-sm">Ram</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm"> 750 GB SATA</p>
<p class="quaternary-text text-sm">Disk</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">1 Gbps</p>
<p class="quaternary-text text-sm">Trafik</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">Lokasyon</p>
<p class="quaternary-text text-sm">Türkiye</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
</div>
</div>
<div class="cta">
<span style="color:white;">
<i class="fa-solid fa-arrow-rotate-right fa-spin" style="--fa-animation-duration: 5s; color:white;"></i> Aylık </span>
<h4 class="fw-6 mt-16">201,54 ₺</h4>
<div class="btn-wrapper">
<p style="font-weight:bold;" class="text-center">
<i class="fa-solid fa-triangle-exclamation fa-beat-fade fa-2x" style="--fa-beat-fade-opacity: 0.1; --fa-beat-fade-scale: 1.25;" aria-hidden="true"></i>
<br/>
TÜKENDİ!
</p>
</div>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<polygon points="0 0, 100 0, 100 80, 75 100, 0 100" />
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="private-item__single mt-40" id="tab2s">
<div class="tournaments fade-wrapper">
<div class="container">
<div class="row">
<div class="col-12">
<div class="tournament-wrapper-border1">
<div class="tournaments__items mt-60">
<div class="tournaments-item__single">
<div class="thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/resim-yok.webp" alt="ALM DED 1">
</div>
<div class="content">
<h4 class="fw-6">
ALM DED 1
</h4>
<hr class="divider mt-30">
<div class="skill-wrapper mt-30">
<div class="skill-single text-center">
<p class="text-alter text-sm">Intel Core i7-920</p>
<p class="quaternary-text text-sm">İşlemci</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">24 GB</p>
<p class="quaternary-text text-sm">Ram</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm"> 2 x 750 GB</p>
<p class="quaternary-text text-sm">Disk</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">1Gbps</p>
<p class="quaternary-text text-sm">Trafik</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">Lokasyon</p>
<p class="quaternary-text text-sm">Almanya</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
</div>
</div>
<div class="cta">
<span style="color:white;">
<i class="fa-solid fa-arrow-rotate-right fa-spin" style="--fa-animation-duration: 5s; color:white;"></i> Aylık </span>
<h4 class="fw-6 mt-16">308,24 ₺</h4>
<div class="btn-wrapper">
<a href="#" class="btn--secondary">SATIN AL</a>
</div>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<polygon points="0 0, 100 0, 100 80, 75 100, 0 100" />
</svg>
</div>
</div>
<div class="tournaments-item__single">
<div class="thumb">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/resim-yok.webp" alt="ALM DED 2">
</div>
<div class="content">
<h4 class="fw-6">
ALM DED 2
</h4>
<hr class="divider mt-30">
<div class="skill-wrapper mt-30">
<div class="skill-single text-center">
<p class="text-alter text-sm">Intel Core i7-920</p>
<p class="quaternary-text text-sm">İşlemci</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">8 GB</p>
<p class="quaternary-text text-sm">Ram</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm"> 2 x 750 GB</p>
<p class="quaternary-text text-sm">Disk</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">1Gbps</p>
<p class="quaternary-text text-sm">Trafik</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
<div class="skill-single text-center">
<p class="text-alter text-sm">Lokasyon</p>
<p class="quaternary-text text-sm">Almanya</p>
<svg viewBox="-1 -1 102 102" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</div>
</div>
</div>
<div class="cta">
<span style="color:white;">
<i class="fa-solid fa-arrow-rotate-right fa-spin" style="--fa-animation-duration: 5s; color:white;"></i> Aylık </span>
<h4 class="fw-6 mt-16">308,24 ₺</h4>
<div class="btn-wrapper">
<a href="#" class="btn--secondary">SATIN AL</a>
</div>
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none" class="shape">
<polygon points="0 0, 100 0, 100 80, 75 100, 0 100" />
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.cta .cta__inner::before {
background-image: linear-gradient(91deg, rgba(0, 0, 0, 0.8) 1.3%, rgba(248, 69, 69, 0.7) 99.41%);
}
</style>
<section class="cta mb-120 fade-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="cta__inner fade-top">
<div class="row">
<div class="col-12">
<div class="cta__content">
<h2 class="fw-6 text-capitalize title-animation mt-8">
Yolculuğunuza başlamaya hazır mısınız?
</h2>
<p class="text-xl mt-24">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
when an unknown printer took a galley of type and scrambled it to make a type specimen book.
</p>
<div class="section__cta mt-50">
<div class="btn-wrapper">
<a href="#" class="btn--secondary">Şimdi Başla</a>
<svg viewBox="0 0 100 102" xmlns="http://www.w3.org/2000/svg"
fill="none" preserveAspectRatio="none" class="shape">
<path d="M0 1 L100 1 L100 55 L80 101 L0 101 Z" />
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="cta__bg">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/cta/cta-bg.png" alt="Image" class="parallax-image">
</div>
<div class="cta-stroke">
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" fill="none"
preserveAspectRatio="none">
<path d="M0 0 L95 0 L100 20 L100 100 L5 100 L0 80 L0 0 Z"
vector-effect="non-scaling-stroke" />
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="cta__thumb fade-left">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/cta/cta-thumb.png" alt="Image">
</div>
</section>
"https://siteadresiniz.com" linkini kendi site adresiniz ile değiştirmeniz gerekir. Aksi halde resimler görünmeyecektir.
Style Seçim
Style Seçim tabından, aşağıdaki ayarları yapabilirsiniz.
| Yazılımlar | Yazılımlar tasarımını değiştirmenizi sağlar. |
| Özel Ürün Grupları | Özel ürün grupları tasarımını değiştirmenizi sağlar. |
Sidebar Ayarları
Sidebar ayarları tabından, aşağıdaki ayarları yapabilirsiniz.
Örnek kodları veya kendi tasarladığınız resim ve kodları kullanabilirsiniz.
Örnek Sidebar
<!-- ÖRNEK SAYFA SİDEBAR -->
<div class="sidebar__widget fade-top">
<div class="sidebar__widget-header">
<h5 class="fw-6">Sayfa Reklam & Tanıtım Alanı</h5>
</div>
<div class="img-group">
<div class="thumb fade-top">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/blog/two.png" alt="Image">
</div>
</div>
</div>
<!-- ÖRNEK YAZILIMLAR SİDEBAR -->
<div class="browse-sidebar__widget mt-60">
<div class="browse-header">
<h5>Yazılım Reklam & Tanıtım Alanı</h5>
</div>
<div class="inner-padding">
<div class="img-group">
<div class="thumb fade-top1">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/blog/two.png" alt="Image">
</div>
</div>
</div>
</div>
<!-- ÖRNEK BLOG SİDEBAR -->
<div class="blog-area__sidebar">
<div class="sidebar__widget fade-top">
<div class="sidebar__widget-header">
<h6 class="fw-6">Tanıtım Alanı</h6>
</div>
<div class="img-group">
<div class="thumb fade-top">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/blog/two.png" alt="Image">
</div>
</div>
</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
<div class="pt-100 pb-120 partner">
<div class="container">
<div class="row">
<div class="col-12">
<div class="package__tab-intro">
<div class="row align-items-center1 vertical-column-gap">
<div class="col-12 col-md-6">
<h5 class="fw-6">Partnerlerimiz</h5>
</div>
</div>
</div>
<div class="package-slider-wrapper mt-40">
<div class="partner-slider swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/one.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/two.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/three.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/four.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/five.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/six.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/seven.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/eight.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/nine.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/one.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/two.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/three.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/four.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/five.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/six.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/seven.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/eight.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/nine.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/one.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/two.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/three.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/four.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/five.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/six.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/seven.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/eight.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
<div class="swiper-slide">
<div class="partner__single">
<span class="hexagon-wrapper">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/images/partners/nine.png" alt="Image">
<svg viewBox="-3 -3 106 106" xmlns="http://www.w3.org/2000/svg"
fill="none" class="hexagon-border">
<polygon
points="50 0, 100 25, 100 75, 50 100, 0 75, 0 25" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
<div class="slider-footer mt-40">
<div class="slider-navigation">
<button type="button" aria-label="prev slide" title="prev slide"
class="prev-partner slider-btn">
<i class="ti ti-chevron-left"></i>
</button>
<button type="button" aria-label="next slide" title="next slide"
class="next-partner slider-btn">
<i class="ti ti-chevron-right"></i>
</button>
</div>
<div class="partner-slider-progress pagination-two"></div>
</div>
</div>
</div>
</div>
</div>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Örnek Footer Info
<img class="gprimage mt-2" src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/gdpr.png" alt="This site is GDPR compliant." title="This site is GDPR compliant." width="auto" height="35"/>
<img class="gprimage mt-2" src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/etbis.png" alt="Etbis" title="Etbis" width="auto" height="35"/>
<img class="gprimage mt-2" src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/btk.png" alt="Bilgi Teknolojileri ve İletişim Kurumu" title="Bilgi Teknolojileri ve İletişim Kurumu" width="auto" height="35"/>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Örnek Footer Payment
<div class="col-lg-6">
<div class="payment-method align-right">
<ul class="list-inline">
<li class="list-inline-item">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/payment-amex.svg" alt="amex" width="50">
</li>
<li class="list-inline-item">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/payment-visa.svg" alt="visa" width="50">
</li>
<li class="list-inline-item">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/payment-mastercard.svg" alt="mastercard" width="50">
</li>
<li class="list-inline-item">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/payment-paypal.svg" alt="paypal" width="50">
</li>
<li class="list-inline-item">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/payment-bitcoin.svg" alt="bitcoin" width="50">
</li>
</ul>
</div>
</div>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
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/templates/website/GamePiN/tema/img/costumer/banner.png">
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Header Menü
Header Menü ayarları tabından, aşağıdaki ayarları yapabilirsiniz.
| Header Menü Seçimi | Menü seçimi standart wisecp düzeni ve bağımsız düzen arasında seçim yapmanızı sağlar. |
| Mobil Menü | Mobil menüyü bağımsız düzenleyebilmenizi sağlar. |
Kodlar örnek olarak verilmiştir. Kendinize göre düzenleyerek standart görünüm harici farklı tasarımlar ile kullabilirsiniz.
Örnek Header Menü Kategoriler
<li class="menu-item elitehost-has-dropdown mega-menu big">
<a href="#" onclick="return false;" class="elitehost-dropdown-main-element nav-item"><i class="fa-solid fa-list"></i> Kategoriler</a>
<div class="rts-mega-menu" style="margin-top: -5px; margin-left: -180px;">
<div class="wrapper">
<div class="row g-0">
<div class="col-lg-3">
<ul class="mega-menu-item">
<li style="margin-bottom: 0px;">
<a href="#" style="background: #de8d001c;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/pubg.png" alt="icon" style="background-color: #fdb100;">
<div class="info">
<p>PUBG Mobile</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="https://siteadresiniz.com/kategori/sosyal-medya" style="background: #ff445424;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/valorant.png" alt="icon" style="background-color: #ff4454;">
<div class="info">
<p>Valorant</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="#" style="background: #fe111523;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/brawl-stars.png" alt="icon" style="background-color: #fe1114;">
<div class="info">
<p>Brawl Stars</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li style="margin-bottom: 0px;">
<a href="#" style="background: #2633e81c;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/mobile-legends.png" alt="icon" style="background-color: #2633e8;">
<div class="info">
<p>Mobile Legends</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="#" style="background: #b395561c;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/league-of legends.png" alt="icon" style="background-color: #b39556;">
<div class="info">
<p>League of Legends</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="#" style="background: #00000038;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/roblox.png" alt="icon" style="background-color: #000;">
<div class="info">
<p>Roblox</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li style="margin-bottom: 0px;">
<a href="#" style="background: #13121124;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/steam.png" alt="icon" style="background-color: #131211;">
<div class="info">
<p>Steam</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="#" style="background: #7741a11f;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/growtopia.png" alt="icon" style="background-color: #7741a1;">
<div class="info">
<p>Growtopia</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="#" style="background: #c3780130;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/growtopia.png" alt="icon" style="background-color: #c37801;">
<div class="info">
<p>Clash of Clans</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li style="margin-bottom: 0px;">
<a href="#" style="background: #e826291c;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/hediye-kartlari.png" alt="icon" style="background-color: #e8262a;">
<div class="info">
<p>Hediye Kartları</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="#" style="background: #f9c29521;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/diger-urunler.png" alt="icon" style="background-color: #f9c295;">
<div class="info">
<p>Diğer Ürün Satışları</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="#" style="background: #ea44352b;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/oyunlar/lisans-hizmetleri.png" alt="icon" style="background-color: #ea4335;">
<div class="info">
<p>Lisans Hizmetleri</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Örnek Header Menü Sosyal Medya
<li class="menu-item elitehost-has-dropdown mega-menu big">
<a href="#" onclick="return false;" class="elitehost-dropdown-main-element nav-item"><i class="fa-solid fa-heart-pulse"></i> Sosyal Medya</a>
<div class="rts-mega-menu" style="margin-top: -5px; margin-left: -100px;">
<div class="wrapper">
<div class="row g-0">
<div class="col-lg-3">
<ul class="mega-menu-item">
<li style="margin-bottom: 0px;">
<a href="#" style="background: #e1306b22;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/instagam.webp" alt="icon" style="background-color: #e1306c;">
<div class="info">
<p>İnstagram</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="#" style="background: #3858991e;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/facebook.png" alt="icon" style="background-color: #385899;">
<div class="info">
<p>Facebook</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li style="margin-bottom: 0px;">
<a href="#" style="background: #1016261f;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/tiktok.webp" alt="icon" style="background-color: #101626;">
<div class="info">
<p>Tiktok</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="#" style="background: #20a4e11c;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/telegram.png" alt="icon" style="background-color: #20a4e1;">
<div class="info">
<p>Telegram</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li style="margin-bottom: 0px;">
<a href="#" style="background: #ff00001e;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/youtube.png" alt="icon" style="background-color: #ff0000;">
<div class="info">
<p>Youtube</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="#" style="background: #1ed6611b;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/spotify.png" alt="icon" style="background-color: #1ed660;">
<div class="info">
<p>Spotify</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li style="margin-bottom: 0px;">
<a href="#" style="background: #0000001c;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/x.png" alt="icon" style="background-color: #000;">
<div class="info">
<p>Twitter</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
<li style="margin-bottom: 0px;">
<a href="#" style="background: #2868b228;">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/sosyalmedya/linkedin.png" alt="icon" style="background-color: #2868b2;">
<div class="info">
<p>LinkedIn</p>
<!-- <span>Açıklama</span> -->
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Örnek Header Menü PUBG
<li class="menu-item elitehost-has-dropdown">
<a href="#" onclick="return false;" class="elitehost-dropdown-main-element nav-item">
<div class="svg-icon pubg">
<svg version="1.2" style="height: 22px; width: 22px; fill: #DE8D00;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5250 4000" width="1000" height="762">
<path aria-label="PUBG" fill-rule="evenodd" d="m288.3 0h4671.4c55.8 0 101.3 45.8 101.3 101.3v447.2h189v270.3h-189v1397.7h189v284.2h-189v468c0 55.8-45.7 101.3-101.2 101.3h-4671.5c-55.8 0-101.3-45.5-101.3-101.3v-450.2h-186.7v-284.3h186.7v-1375.2h-186.7v-307.8l186.7 0.1v-450.3c0-55.7 45.5-101.2 101.3-101.2zm196.7 2785.7h4278.3v-2500.3l-4278.3 0.1zm1124.8-1229v7.2c0 89.3-73 162.5-162.5 162.5h-287v760.8h-305.3c0-253.5-0.2-507.3-0.2-760.8h-0.3v-26.2l-50-50v-187l50.3-50.3v-208.5c-0.3-210.5-0.3-420.7-0.3-631 201.3 0 391.8 0 593 0 89.3 0 162.5 73 162.5 162.5v820.3zm998-954v1721.5c0 89.5-73.2 162.5-162.5 162.5h-485.5c-89.5 0-162.5-73.3-162.5-162.5v-1721.5h305.3v1603h200.2v-1603zm710.3-31.8h35c89.5 0 162.5 73.3 162.5 162.5v689.3l-66 72 86.2 85.7v743.5c0 89.5-73.2 162.5-162.5 162.5h-407.5c-5.7 0-11.7-0.2-17.5-1h-146v-856l-53.7-53.7v-187l53.7-53.8v-764.5c4.3 0 511.5 0 515.8 0zm-215 764.3h117.7v-473.8h-117.7zm0 873.5h130.5v-567.5h-130.5zm776.5-1637.5h431c89.5 0 162.5 73.3 162.5 162.5v275.3c1.5 46 5.2 47.5-35.5 47.2h-176.8c-56 1-48 0.3-48.7-53.5v-136.2h-181.5v1353.7h160v-634h-27.5c-31 0-30.5 5-30.5-26.2v-181.3c0-35.5-2.5-31.2 33-31.2 91.7 0.2 182 0.7 273.5 1 37 0 33.7-3.8 33.7 33.2v943c0 89.5-73.2 162.5-162.5 162.5h-431c-89.5 0-162.5-73.2-162.5-162.5v-1590.7c0-89.5 73.3-162.5 162.5-162.5zm-2574.7 874v-591h-144.3v591z"></path>
<path aria-label="MOBILE" d="m937.1 3820v-598.8h176.2l149 232.9 149.1-232.9h180.4v598.8h-194v-325.2l-139.7 236.7h-41.1l-144.4-236.7v325.2zm1063.8 12.3q-55.5 0-99.1-11.9-43.6-12.3-77.1-33.4-33-21.6-56.3-50.9-22.8-29.6-37.7-63.9-14.4-34.7-21.1-72.8-6.4-38.2-6.4-77.5 0-39 8.1-77.1 8-38.6 24.1-73.3 16.1-34.7 40.6-64.4 24.6-29.6 57.6-51.2 33.1-21.6 74.6-33.9 41.9-12.3 92.7-12.3 50.8 0 92.3 12.3 42 12.3 75 33.9 33.5 21.6 58 51.2 24.6 29.7 40.7 64.4 16.5 34.7 24.5 73.3 8.1 38.1 8.1 77.1 0 39.3-6.8 77.5-6.8 38.1-21.6 72.8-14.4 34.3-37.7 63.9-23.3 29.3-56.3 50.9-33 21.1-77.1 33.4-43.6 11.9-99.1 11.9zm-108-310.4q0 50.8 7.2 86.8 7.7 36 21.2 58.8 14 22.9 33.9 33.5 20.3 10.6 45.7 10.6 25.4 0 45.3-10.6 20.4-10.6 34.3-33.5 14.4-22.8 21.6-58.8 7.7-36 7.7-86.8 0-50.9-7.7-86.9-7.2-36.4-21.6-59.2-13.9-23.3-34.3-34.3-19.9-11.1-45.3-11.1-25.4 0-45.7 11.1-19.9 11-33.9 34.3-13.5 22.8-21.2 59.2-7.2 36-7.2 86.9zm518 298.1v-598.8h201.5q26.3 0 57.6 2.1 31.8 1.7 63.6 7.6 31.7 5.5 61.4 16.1 29.6 10.2 52.5 27.1 23.3 16.5 36.8 41.1 14 24.1 14 57.6 0 19.9-4.7 39.8-4.6 19.5-16.9 36-11.9 16.5-33 28.8-20.8 12.3-53.4 17.4 35.6 2.1 63.1 16.5 28 13.9 47 35.1 19.1 21.2 28.8 47 10.2 25.4 10.2 50.4 0 33.5-13.6 65.2-13.5 31.4-45.7 56.4-31.8 24.5-84.3 39.8-52.5 14.8-130.4 14.8zm189.7-243.9v135.5h76.7q36.4 0 54.2-18.6 18.2-19.1 18.2-49.2 0-17.8-6.4-30.5-5.9-12.7-22.4-20.7-16.5-8.5-45.8-12.3-28.8-4.2-74.5-4.2zm0-108.4h59.3q19.9 0 36.4-5.6 16.5-5.9 28.4-15.2 11.8-9.3 18.2-21.6 6.8-12.3 6.8-25.4 0-20.3-8.1-33.5-8-13.1-25.8-20.7-17.8-7.6-46.2-10.6-28.3-3-69-3zm466.7 352.4v-598.8h189.7v598.8zm334.2 0v-598.8h189.7v476.8h203.3v122zm487.4 0v-598.8h420.1v110.9h-230.4v126.6h203.3v108.5h-203.3v130.8h230.4v122z"></path>
</svg>
</div>
PUBG
</a>
<div class="has-homemenu" style="margin-left: 0px;">
<div class="row gx-5 row-cols-1 row-cols-md-2 row-cols-lg-4 row-cols-xl-5">
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://wisecp.hddizayn.com/e-pin/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg1.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">PUBG Mobile UC</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://wisecp.hddizayn.com/e-pin/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg2.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">Random Hesap</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://wisecp.hddizayn.com/e-pin/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg3.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">Hesap</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://wisecp.hddizayn.com/e-pin/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg4.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">Popülerlik, Klan</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://wisecp.hddizayn.com/e-pin/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg5.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">PUBG Mobile Boost</a>
</h4>
</div>
</div>
</div>
</div>
</li>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Örnek Header Menü LoL
<li class="menu-item elitehost-has-dropdown">
<a href="#" onclick="return false;" class="elitehost-dropdown-main-element nav-item">
<div class="svg-icon league-of-legends">
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 490 490" width="22" height="22" title="League of Legends" alt="League of Legends">
<path d="m66.3 159.3c-15.7 28.4-24.6 60.9-24.6 95.4 0 34.6 8.9 67.1 24.6 95.5z"></path>
<path d="m245.7 54.2c-16.5 0-32.6 2-48 5.6v31.6c15.3-4.3 31.4-6.7 48-6.7 95.5 0 173 75.9 173 169.5 0 42.2-15.8 80.7-41.8 110.4l-4.9 17.3-10.9 38.3c53.5-36.2 88.7-96.8 88.7-165.4-0.1-110.8-91.4-200.6-204.1-200.6z"></path>
<path d="m179.2 26.7h-116.4l22 44.8v345.5l-22 44.9h267.1l24.3-84.9h-175z"></path>
</svg>
</div>
LoL
</a>
<div class="has-homemenu" style="margin-left: 0px;">
<div class="row gx-5 row-cols-1 row-cols-md-2 row-cols-lg-4 row-cols-xl-5">
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg1.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">PUBG Mobile UC</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg2.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">Random Hesap</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg3.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">Hesap</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg4.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">Popülerlik, Klan</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg5.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">PUBG Mobile Boost</a>
</h4>
</div>
</div>
</div>
</div>
</li>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Örnek Header Menü Valorant
<li class="menu-item elitehost-has-dropdown">
<a href="#" onclick="return false;" class="elitehost-dropdown-main-element nav-item">
<div class="svg-icon valorant">
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35" width="35" height="35">
<path d="m17.4 30.6h-4.6q-0.1 0-0.3 0-0.1-0.1-0.2-0.1-0.1-0.1-0.2-0.2-0.1-0.1-0.2-0.2l-9.8-12.1q-0.1-0.1-0.1-0.2-0.1-0.1-0.1-0.2-0.1-0.1-0.1-0.3 0-0.1 0-0.2v-12h0.3c0.1 0 0.1 0.1 0.1 0.2l11.1 13.6c3 3.8 6 7.5 8.9 11.3q0 0 0.1 0 0 0 0 0.1 0.1 0 0.1 0 0 0.1 0 0.1c0.1 0.1 0 0.2-0.1 0.2z"></path>
<path d="m33.1 11.3v5.8q0 0.1 0 0.2 0 0.2 0 0.3-0.1 0.1-0.2 0.2 0 0.1-0.1 0.2l-2.8 3.5q-0.1 0.1-0.2 0.2-0.1 0.1-0.2 0.1-0.1 0.1-0.2 0.1-0.2 0-0.3 0h-9.3c-0.1 0-0.2 0.1-0.3-0.1-0.1-0.2 0-0.2 0.1-0.3 4.4-5.4 8.7-10.9 13.1-16.4h0.4z"></path>
</svg>
</div>
Valorant
</a>
<div class="has-homemenu" style="margin-left: 0px;">
<div class="row gx-5 row-cols-1 row-cols-md-2 row-cols-lg-4 row-cols-xl-5">
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg1.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">PUBG Mobile UC</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg2.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">Random Hesap</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg3.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">Hesap</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg4.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">Popülerlik, Klan</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15 text-center">
<a href="#">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/ikonlar/mega-menu/pubg5.webp" alt="">
</a>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="#">PUBG Mobile Boost</a>
</h4>
</div>
</div>
</div>
</div>
</li>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Örnek Header Menü Diğer
<li class="menu-item elitehost-has-dropdown mega-menu big">
<a href="#" onclick="return false;" class="elitehost-dropdown-main-element nav-item"><i class="fa-regular fa-file-lines"></i> Diğer</a>
<div class="rts-mega-menu">
<div class="wrapper">
<div class="row g-0">
<div class="col-lg-3">
<ul class="mega-menu-item">
<li>
<a href="https://siteadresiniz.com/hakkimizda.html">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
<div class="info">
<p>Hakkımızda</p>
<span>Hakkımızda Sayfası</span>
</div>
</a>
</li>
<li>
<a href="https://siteadresiniz.com/iletisim">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
<div class="info">
<p>İletişim</p>
<span>İletişim Sayfası</span>
</div>
</a>
</li>
<li>
<a href="https://siteadresiniz.com/referanslar">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
<div class="info">
<p>Referanslar</p>
<span>Referanslar Sayfası</span>
</div>
</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li>
<a href="https://siteadresiniz.com/bilgi-bankasi">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
<div class="info">
<p>Bilgi Bankası</p>
<span>Bilgi Bankası Sayfası</span>
</div>
</a>
</li>
<li>
<a href="https://siteadresiniz.com/yazilar">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
<div class="info">
<p>Blog</p>
<span>Blog Sayfası</span>
</div>
</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li>
<a href="https://siteadresiniz.com/alan-adi">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
<div class="info">
<p>Alan Adı Tescil</p>
<span>Domain Sayfası</span>
</div>
</a>
</li>
<li>
<a href="https://siteadresiniz.com/yazilimlar">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
<div class="info">
<p>Yazılımlar</p>
<span>Yazılımlar Sayfası</span>
</div>
</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li>
<a href="https://siteadresiniz.com/whois">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
<div class="info">
<p>Whois</p>
<span>Whois Sayfası</span>
</div>
</a>
</li>
<li>
<a href="https://siteadresiniz.com/lisans-dogrula">
<img src="https://siteadresiniz.com/templates/website/GamePiN/tema/img/icon/menu-icon.svg" alt="icon">
<div class="info">
<p>Lisans Doğrulama</p>
<span>Sorgulama Sayfası</span>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
"https://siteadresiniz.com" linkine kendi site adresinizi yazmanız gerekir. Aksi halde resimler görünmeyecektir.
Mobil Menü
<li class="navbar__item navbar__item--has-children nav-fade">
<button aria-label="dropdown menu" class="navbar__dropdown-label">Kategoriler</button>
<ul class="navbar__sub-menu">
<li>
<a href="#">Alt Menü 1</a>
</li>
<li>
<a href="#">Alt Menü 2</a>
</li>
</ul>
</li>
<li class="navbar__item nav-fade">
<a href="#">Sosyal Medya</a>
</li>
<li class="navbar__item navbar__item--has-children nav-fade">
<button aria-label="dropdown menu" class="navbar__dropdown-label">Kurumsal</button>
<ul class="navbar__sub-menu">
<li>
<a href="#">Alt Menü 1</a>
</li>
<li>
<a href="#">Alt Menü 2</a>
</li>
</ul>
</li>
