Cihan Şehirlerarası Nakliyat
106 Firma Kapalı Cihan</h5>
<h4>
<style>
/* === Direction Button Styles (Dikdörtgen Tasarım) === */
.btn--direction {
background: linear-gradient(90deg, #0288D1, #4FC3F7); /* Mavi tonlar: Modern ve profesyonel */
box-shadow: 0 3px 10px rgba(2, 136, 209, 0.2); /* Hafif mavi gölge */
text-align: center;
font-family: var(--btn-font);
font-size: var(--btn-font-size);
padding: var(--btn-padding) 16px; /* Yatayda daha geniş padding */
width: 140px; /* Sabit genişlik, dikdörtgen hissi için */
color: #fff;
text-decoration: none;
font-weight: 500; /* Hafif ve kibar font */
border-radius: 6px; /* Daha az yuvarlak, dikdörtgen görünüm */
display: inline-flex;
flex-direction: row; /* Simge ve metin yan yana */
align-items: center;
justify-content: center;
gap: 8px; /* Simge ve metin arası boşluk */
position: relative;
transition: all 0.3s ease;
overflow: hidden;
cursor: pointer;
}
.btn--direction i {
font-size: var(--icon-size);
transition: transform 0.3s ease;
}
.btn--direction::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
top: 0;
left: -100%;
transition: left 0.4s ease;
}
.btn--direction:hover::before {
left: 100%;
}
.btn--direction:hover i {
transform: translateX(3px); /* Simge hafif sağa kayar */
}
.btn--direction:hover {
transform: scale(var(--hover-scale));
box-shadow: 0 5px 15px rgba(2, 136, 209, 0.4); /* Hover'da daha belirgin mavi gölge */
}
/* === Responsive Design === */
@media (max-width: 768px) {
.btn--direction {
font-size: calc(var(--btn-font-size) - 2px);
padding: 6px 12px;
height: 46px;
width: 130px;
}
.btn--direction i {
font-size: 18px;
}
}
@media (max-width: 480px) {
.btn--direction {
font-size: calc(var(--btn-font-size) - 4px);
padding: 5px 10px;
height: 42px;
width: 120px;
}
.btn--direction i {
font-size: 16px;
}
}
</style>
<a href="https://www.google.com/maps/dir/?api=1&destination=Kayseri%2C+Sar%C4%B1z%2C+K%C3%BC%C3%A7%C3%BCk+%C3%96rt%C3%BCl%C3%BC+Mah+Mah" target="_blank" class="btn--direction" aria-label="Yol tarifi al" title="Yol tarifi için Google Maps'e git">
<i class="fas fa-map-marker-alt"></i>
<span>Yol Tarifi</span>
</a>
</h4>
<style>
/* Lightbox Stil */
.lightbox {
display: none;
position: fixed;
z-index: 1200; /* Diğer tüm içeriklerin üstünde olacak şekilde yüksek bir z-index */
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
overflow-y: auto; /* Dikey kaydırma */
}
.lightbox-container {
display: flex;
flex-direction: column; /* Resimler dikeyde sıralanır */
align-items: center; /* Resimleri yatayda ortalar */
justify-content: flex-start; /* Resimleri yukarıya hizalar */
min-height: 100%;
padding: 20px 0;
gap: 8px; /* Resimler arası boşluk */
z-index: 10000; /* Lightbox container'ı daha da ön plana çıkarıyoruz */
}
.lightbox-container img {
max-width: 90%;
max-height: 80vh; /* Ekranın %80’i */
border-radius: 5px;
box-shadow: 0 0 20px rgba(255, 255, 255, 0.2);
object-fit: contain;
}
.lightbox-container .close-btn {
display: block;
margin: 10px auto;
padding: 8px 16px;
background-color: #e74c3c;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s ease;
}
.lightbox-container .close-btn:hover {
background-color: #c0392b;
}
/* Mobil Uyumluluk */
@media (max-width: 480px) {
.lightbox-container img {
max-width: 95%;
max-height: 70vh;
}
}
</style>
<!-- Lightbox -->
<div id="lightbox" class="lightbox">
<div id="lightbox-container" class="lightbox-container">
<!-- Resimler ve kapat butonları buraya dinamik olarak eklenecek -->
</div>
</div>
<!-- Gerekli Kütüphaneler -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
$(document).ready(function() {
// Galeri açma
$("#galeriAc").click(function() {
$.ajax({
url: "galeri_getir.php",
type: "POST",
data: { firmaID: 27491 }, // FirmaID dinamik olarak gelecek
success: function(response) {
// Lightbox içeriğini oluştur
$("#lightbox-container").empty();
// PHP’den gelen HTML’yi işle
const parser = new DOMParser();
const doc = parser.parseFromString(response, "text/html");
const images = doc.querySelectorAll(".resim img");
if (images.length > 0) {
images.forEach(function(img) {
const src = img.getAttribute("src");
const alt = img.getAttribute("alt");
$("#lightbox-container").append(
`<div class="lightbox-item">
<img src="${src}" alt="${alt}">
<button class="close-btn">Kapat</button>
</div>`
);
});
$("#lightbox").fadeIn(300);
bindCloseButtons(); // Kapatma butonlarını bağla
} else {
$("#lightbox-container").html("<p>Bu firmaya ait galeri bulunamadı.</p>");
$("#lightbox").fadeIn(300);
// Galeri yoksa, 3 saniye sonra karanlık moddan çık (Lightbox'ı kapat)
setTimeout(function() {
$("#lightbox").fadeOut(300);
}, 3000); // 3 saniye sonra
}
},
error: function() {
$("#lightbox-container").html("<p>Bir hata oluştu!</p>");
$("#lightbox").fadeIn(300);
// Hata durumunda da Lightbox'ı 3 saniye sonra kapatıyoruz
setTimeout(function() {
$("#lightbox").fadeOut(300);
}, 3000); // 3 saniye sonra
}
});
});
// Kapatma butonlarına tıklama olayını bağlama
function bindCloseButtons() {
$(".close-btn").click(function() {
$("#lightbox").fadeOut(300);
});
}
});
</script>
</div>
</div>
<div class="sv-detailwrapper">
<div class="sv-detailitem">
<h6>Özellikler</h6>
<div class="sv-languagelist">
<li><i class="icon-smile"></i> Deneyimli Personel</li><li><i class="icon-smile"></i> Müşteri Hizmetleri</li><li><i class="icon-smile"></i> Modelli Araçlar</li>
</div>
</div>
<div class="sv-detailitem sv-detailitemvtwo">
<h6>İletişim Bilgileri</h6>
<ul class="sv-contactdetail">
<li title="Telefon: 05455316427" name="firma-telefon" class="telefon">
<a href="tel:05455316427" title="Telefonla Arama" class="telefon-numara">
<i class="numara">
0545 531 64 27 </i>
</a>
<button class="araciklama">Numarayı Gör</button> <!-- Default buton metni "Numarayı Gör" -->
</li>
<style>
/* Mobilde numarayı gizle ve butonu göster */
@media (max-width: 768px) {
.telefon .numara {
display: none; /* Numara gizlensin */
}
.telefon .araciklama {
display: inline-block; /* "Hemen Ara" butonunu göster */
}
/* Butonun stilini belirleyelim */
.telefon .araciklama {
padding: 5px 10px;
background-color: #007bff;
color: #fff;
border: none;
cursor: pointer;
font-size: 10px;
border-radius: 5px;
}
}
/* Masaüstü cihazlarda numara başlangıçta gizlensin */
@media (min-width: 769px) {
.telefon .numara {
display: none; /* Numara başlangıçta gizli */
}
.telefon .araciklama {
display: inline-block; /* "Numarayı Gör" butonunu göster */
}
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function() {
var araciklamaBtn = document.querySelector('.araciklama');
var numara = document.querySelector('.telefon .numara');
var telefonLink = document.querySelector('.telefon .telefon-numara');
// Mobilde Ara butonuna tıklanırsa telefon araması başlat
if (araciklamaBtn) {
araciklamaBtn.addEventListener('click', function() {
// Eğer mobildeysak, telefon bağlantısına tıkla
if (window.innerWidth <= 768) {
telefonLink.click(); // Arama bağlantısına yönlendirme yapar
} else {
// Masaüstünde ise numarayı göster
numara.style.display = 'inline';
araciklamaBtn.style.display = 'none'; // Butonu gizle
}
});
}
});
</script>
</ul>
</div>
</div>
</div>
<div class="sv-iconshare sv-tippystyle">
<a href="javascript:void(0);" data-tippy-trigger="click" data-tippy-html="#sv-socailmediatippy" data-tippy-interactive="true" data-tippy-placement="left" class="icon-share-2"></a>
<div id="sv-socailmediatippy" class="d-none sv-tippytooltip">
<div class="sv-socailmediatippy">
<h5>Sosyal Medya</h5>
<ul class="sv-socailmedia">
<li id="sv-copy" data-tippy-content="Text Copied">
<a class="sv-copy" href="javascript:void(0);"><i class="icon-copy"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="sv-shareprofile d-none">
<a href="javascript:void(0);" data-tippy-trigger="click" data-tippy-html="#sv-socailmediatippyv-two" data-tippy-interactive="true">
<i class="icon-share-2"></i> Paylaş
</a>
<div id="sv-socailmediatippyv-two" class="d-none sv-tippytooltip">
<div class="sv-socailmediatippy">
<h5>Profili paylaş</h5>
<ul class="sv-socailmedia">
<li data-tippy-content="Text Copied">
<a class="sv-copy" href="javascript:void(0);"><i class="icon-copy"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="sv-detailstabs">
<ul class="nav nav-tabs sv-nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true"><i class="icon-home"></i><span>Firma Hakkında</span></button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false"><i class="icon-users"></i><span>Fiyat Listesi</span></button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false"><i class="icon-smile"></i><span>Müşteri Yorumları</span></button>
</li>
</ul>
<div class="tab-content sv-tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="sv-tabswrapper">
<div class="sv-tabstitle">
<h3>Cihan Şehirlerarası Nakliyat</h3>
</div>
<div class="sv-description">
<p>
<html>
<head>
<title>Cihan Şehirlerarası Nakliyat
Cihan Şehirlerarası Nakliyat
Cihan Şehirlerarası Nakliyat olarak, evden eve nakliyat sektöründe gücümüzü göstermekten gurur duyuyoruz. Müşteri odaklı yaklaşımımız ve değerlerimizle, kaliteli ve güvenilir hizmetler sunuyoruz. Sarız, Kayseri bölgesinde faaliyet gösteriyoruz ve telefon numaramız .
Cihan Şehirlerarası Nakliyat ile Neden Biz?
Cihan Şehirlerarası Nakliyat olarak, evden eve nakliyatın tüm aşamalarında yanınızdayız. Müşteri memnuniyetini ön planda tutarak, eşyalarınızı güvenle taşıyoruz. Lider hizmet sağlayıcınız olarak, uzman ekibimiz ve hızlı servisimizle her zaman en iyisini sunuyoruz. Türkiye’nin her yerine taşımacılık yapıyoruz. Küçük Örtülü Mah mahallesinde asansörlü nakliyat sunuyoruz.
Profesyonel Hizmetlerimiz
Evden Eve Nakliyat: Evinizdeki eşyalarınızı özenle paketleyip yeni adresinize taşıyoruz. Güvenilir ve sorunsuz bir nakliye hizmeti sunuyoruz.
Asansörlü Nakliyat: Yüksek katlarda oturuyorsanız endişelenmeyin! Asansörlü nakliyat hizmetimizle eşyalarınızı kolaylıkla taşıyoruz.
Şehir İçi Nakliyat: Sarız içinde farklı noktalar arasında hızlı ve sorunsuz bir şekilde nakliye hizmeti sunuyoruz.
Şehirlerarası Nakliyat: Türkiye’nin her yerine profesyonel nakliyat hizmeti sağlıyoruz. Eşyalarınız güvenli ellerde yeni adresinize taşınır.
Sigortalı Nakliyat: Eşyalarınızın güvenliği bizim için önemlidir. Sigortalı nakliyat hizmetimizle, herhangi bir olumsuz durumda eşyanızın zararları karşılanır.
Cihan Şehirlerarası Nakliyat olarak kaliteli hizmeti ve güveni ön planda tutuyoruz. Müşterilerimize profesyonel bir şekilde hizmet sunarken, her bir nakliyat işini en ince ayrıntısına kadar planlıyoruz.
Siz de bu ayrıcalığı yaşamak ister misiniz? Bize ulaşın ve farkı keşfedin! İletişim bilgilerimiz:
İletişim Bilgilerimiz
Telefon: 0 545 531 6427
Sizin için en iyisini sunmak bizim önceliğimizdir. Cihan Şehirlerarası Nakliyat olarak, eşyalarınızı güvenle taşımak ve sizlere sorunsuz bir nakliyat deneyimi yaşatmak için buradayız.