Gökhan Şehirlerarası Nakliyat
42 Firma Açık Gökhan</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=Amasya%2C+Merkez%2C+Merkez+Mah+%28Ezinepazar+K%C3%B6y%C3%BC%29+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: 27098 }, // 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: 05326786716" name="firma-telefon" class="telefon">
<a href="tel:05326786716" title="Telefonla Arama" class="telefon-numara">
<i class="numara">
0532 678 67 16 </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>Gökhan Şehirlerarası Nakliyat</h3>
</div>
<div class="sv-description">
<p>
<html>
<head>
<title>Gökhan Şehirlerarası Nakliyat
Gökhan Şehirlerarası Nakliyat
Gökhan Ş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. Merkez, Amasya bölgesinde faaliyet gösteriyoruz ve telefon numaramız.
Gökhan Şehirlerarası Nakliyat ile Neden Biz?
Gökhan Ş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. Merkez Mah (Ezinepazar Köyü) 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: Merkez 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.
Gökhan Ş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 532 678 6716
Sizin için en iyisini sunmak bizim önceliğimizdir. Gökhan Şehirlerarası Nakliyat olarak, eşyalarınızı güvenle taşımak ve sizlere sorunsuz bir nakliyat deneyimi yaşatmak için buradayız.
Çalışma Saatleri
Çağrı merkezimiz 7/24 destek sağlamakta bunun dışında ofis iş yerimizin çalışma saatleri aşağıdaki gibidir.
-
Çarşamba
09:00 - 23:00Şuan Açık
Hizmet Türlerimiz
Nakliyat hizmeti sunuyoruz ama ne tür nakliyat hizmetleri sunuyoruz?
- Evden Eve Nakliyat
- Asansörlü Nakliyat
- Şehir içi Nakliyat
- Şehirlerarası Nakliyat
- Sigortalı Nakliyat
Ödeme Yöntemlerimiz
Ödemelerinizi aşağıdaki yöntemlerle gerçekleştirebilirsiniz.
- Nakit
Şehir içi 10 Bin 18 Bin
Şehirlerarası 20 Bin 90 Bin TL arası
Gökhan Şehirlerarası Nakliyat olarak, sunduğumuz hizmetlere ait fiyatlar aşağıda detaylı bir şekilde yer almaktadır. Unutmayın, fiyatlarımız hizmet türüne, kapsamına ve gereksinimlere göre değişiklik gösterebilir. İhtiyacınıza en uygun çözümü bulmak için bizimle iletişime geçebilirsiniz. Fiyatlar hakkında daha fazla bilgi almak için lütfen bizimle irtibata geçin.
Hizmetler:
- Evden Eve Nakliyat
- Asansörlü Nakliyat
- Şehir içi Nakliyat
- Şehirlerarası Nakliyat
- Sigortalı Nakliyat
Müşteri Yorumları
Firma hakkında yorum yaz
Yıldızlar üzerinden firmanızı değerlendirin ve deneyiminizi paylaşın.
Henüz yorum yapılmamış.