<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Evren Perde">
<meta name="robots" content="noindex, follow">
<title>404 - Sayfa Bulunamadı | Evren Perde</title>
<link rel="canonical" href="https://www.evrenperde.com/404">
<meta name="description" content="Üzgünüz, aradığınız sayfa bulunamadı. Ana sayfaya dönerek yeniden göz atabilirsiniz.">
<meta property="og:title" content="404 - Sayfa Bulunamadı | Evren Perde">
<meta property="og:description" content="Üzgünüz, aradığınız sayfa bulunamadı. Ana sayfaya dönerek yeniden göz atabilirsiniz.">
<meta property="og:url" content="https://www.evrenperde.com/404">
<meta property="og:type" content="website">
<meta property="og:image" content="https://www.evrenperde.com/template/images/404.jpg">
<meta property="og:image:alt" content="404 - Sayfa Bulunamadı">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@EvrenPerde">
<meta name="twitter:title" content="404 - Sayfa Bulunamadı | Evren Perde">
<meta name="twitter:description" content="Üzgünüz, aradığınız sayfa bulunamadı. Ana sayfaya dönerek yeniden göz atabilirsiniz.">
<meta name="twitter:image" content="https://www.evrenperde.com/template/images/404.jpg">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Harmattan:wght@400;700&family=Reem+Kufi:wght@400;600;700&family=Charm:wght@400;700&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet"/>
<link rel="stylesheet" href="/template/style.css">
<link rel="icon" type="image/x-icon" href="/template/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/template/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/template/favicon-16x16.png">
<link rel="apple-touch-icon" href="/template/apple-touch-icon.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<nav class="navbar navbar-expand-lg d-lg-none bg-crimson pt-2 pb-0">
<div class="container">
<button class="navbar-toggler" type="button" id="sidebarToggle"> <i class="fas fa-bars"></i> </button>
<div class="mx-auto text-center">
<h1 class="logo-text mb-0"> <a href="/" class="logo-link"> <span class="logo-text-main">EVREN</span> <span class="logo-text-main">PERDE</span> </a> </h1>
<div class="phone-numbers-mobile mt-2">
<div class="main-phone-mobile"> <a href="tel:+905326519244"> <img src="/template/telefon.png" alt="Telefon" class="phone-icon"> 0532 651 92 44 </a> </div>
<div class="secondary-phones-mobile">
<div class="city-name">İSTANBUL</div>
<a href="tel:+902124356294">0212 435 6294</a> </div>
<div class="city-name">ÜCRETSİZ KEŞİF VE MONTAJ</div>
</div>
</div>
<button class="btn search-button" type="button" data-bs-toggle="collapse" data-bs-target="#searchCollapse" onclick="searchProduct()"> <i class="fas fa-search"></i> </button>
</div>
</nav>
<div class="sidebar-overlay"></div>
<div class="sidebar">
<div class="sidebar-brand">
<h2 class="logo-text"> <span class="logo-text-main">EVREN</span> <span class="logo-text-main">PERDE</span> </h2>
</div>
<div class="sidebar-content">
<div class="list-group list-group-flush">
<h5 class="text-white fw-bold mb-2"><i class="fas fa-bars me-2"></i> Kategoriler</h5>
<a href="/kategori/stor-perde" class="list-group-item">
Stor Perde </a>
<a href="/kategori/jaluzi-perde" class="list-group-item">
Jaluzi Perde </a>
<a href="/kategori/zebra-perde" class="list-group-item">
Zebra Perde </a>
<a href="/kategori/ofis-ve-buro-perde" class="list-group-item">
Ofis ve Büro Perde </a>
<a href="/kategori/dikey-perde" class="list-group-item">
Dikey Perde </a>
<a href="/kategori/motorlu-perde" class="list-group-item">
Motorlu Perde </a>
<a href="/kategori/blackout-stor-perde" class="list-group-item">
Blackout Stor Perde </a>
<a href="/kategori/sunscreen-stor-perde" class="list-group-item">
Sunscreen Stor Perde </a>
<a href="/kategori/ahsap-jaluzi-perde" class="list-group-item">
Ahşap Jaluzi Perde </a>
<a href="/kategori/pilseli-perde" class="list-group-item">
Pilseli Perde </a>
<a href="/kategori/ev-perde-modelleri" class="list-group-item">
Ev Perde Modelleri </a>
<a href="/kategori/sineklik-perde" class="list-group-item">
Sineklik Perde </a>
<a href="/kategori/kis-bahce-perdesi" class="list-group-item">
Kış Bahçe Perdesi </a>
<a href="/kategori/yat-perdesi" class="list-group-item">
Yat Perdesi </a>
<a href="/kategori/cam-balkon-perdesi" class="list-group-item">
Cam Balkon Perdesi </a>
<a href="/kategori/sahne-perdeleri" class="list-group-item">
Sahne Perdeleri </a>
<a href="/kategori/akustik-perdeler" class="list-group-item">
Akustik Perdeler </a>
<a href="/kategori/baskili-stor-perde" class="list-group-item">
Baskılı Stor Perde </a>
</div>
<div class="custom-pages bg-light p-3 rounded shadow-sm mb-2">
<ul class="list-unstyled mb-0">
<li><a href="/" class="d-block py-1 text-dark">Ana Sayfa</a></li>
<li><a href="/istanbul-ici-hizmet-bolgelerimiz" class="d-block py-1 text-dark">Hizmet Bölgeleri</a></li>
<li><a href="/referanslar" class="d-block py-1 text-dark">Referanslar</a></li>
<li><a href="/hakkimizda/vizyon-misyon" class="d-block py-1 text-dark">Vizyon & Misyon</a></li>
<li><a href="/hakkimizda/firmamiz" class="d-block py-1 text-dark">Firmamız</a></li>
<li><a href="/hakkimizda/kurumsal" class="d-block py-1 text-dark">Kurumsal</a></li>
<li><a href="/blog" class="d-block py-1 text-dark">Blog</a></li>
<li><a href="/iletisim" class="d-block py-1 text-dark">İletişim</a></li>
</ul>
</div>
</div>
</div>
<div class="collapse search-box" id="searchCollapse">
<div class="container">
<div class="search-input-group">
<input type="search" class="form-control search-input" placeholder="Ürün ara..." id="mobileSearchBox">
<button class="search-btn" onclick="searchProduct()"> <i class="fas fa-search"></i> </button>
</div>
</div>
</div>
<header class="d-none d-lg-block bg-white border-bottom">
<div class="container py-3">
<div class="row align-items-center">
<!-- Logo -->
<div class="col-3">
<h1 class="logo-text"> <a href="/" class="logo-link"> <span class="logo-text-main">EVREN</span> <span class="logo-text-sub">PERDE</span> </a> </h1>
</div>
<div class="col-9 d-flex justify-content-between align-items-center">
<div class="info-block">
<p><i class="fas fa-map-marker-alt icon-crimson aniikon"></i> <strong class="text-danger">TÜM İSTANBUL'UN İLÇELERİNE</strong></p>
<p class="product-title fs-5"><strong>Ücretsiz Keşif ve Montaj</strong></p>
</div>
<div class="info-block">
<p><i class="fas fa-cogs icon-crimson aniikon"></i> <strong class="text-danger"><strong>Kaliteli Hizmet</strong></strong></p>
<p class="product-title fs-5"><strong>Evren perde nasıl çalışır?</strong></p>
</div>
<div class="info-block">
<p><i class="fas fa-truck icon-crimson aniikon"></i> <strong class="text-danger"><strong>Hızlı Teslimat</strong></strong></p>
<p class="product-title fs-5"><strong>Hızlı ve Güvenli Teslimat</strong></p>
</div>
</div>
</div>
<div class="row align-items-center mt-3 justify-content-end">
<div class="col-auto d-flex">
<p class="mb-0 me-3 fontsize fw-bold"><i class="fas fa-phone text-crimson"></i> +90 (532) 651 92 44</p>
<p class="mb-0 me-3 fontsize fw-bold"><i class="fas fa-phone text-crimson"></i> +90 (212) 435 62 94</p>
<!--<p class="mb-0 fontsize fw-bold"><i class="fas fa-phone text-crimson"></i> +90 (216) 688 44 91</p>-->
</div>
<div class="col-auto">
<div class="input-group">
<input type="search" class="form-control search-input" placeholder="Ürün ara..." id="desktopSearchBox">
<button class="btn btn-crimson search-btn" onclick="searchProduct()" aria-label="Ürün ara"> <i class="fas fa-search" aria-hidden="true"></i> </button>
</div>
</div>
</div>
</div>
</header>
<nav class="navbar navbar-expand-lg navbar-light d-none d-lg-block navbar-custom shadow">
<div class="container">
<div class="collapse navbar-collapse">
<ul class="navbar-nav me-auto">
<li class="nav-item"> <a class="nav-link" href="/"><i class="fas fa-home"></i> Ana Sayfa</a> </li>
<li class="nav-item"> <a class="nav-link" href="/istanbul-ici-hizmet-bolgelerimiz"><i class="fas fa-map-marker-alt"></i> Hizmet Bölgeleri</a> </li>
<li class="nav-item"> <a class="nav-link" href="/referanslar"><i class="fas fa-quote-left"></i> Referanslar</a> </li>
<li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"><i class="fas fa-users"></i> Hakkımızda</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="/hakkimizda/firmamiz"><i class="fas fa-building"></i> Firmamız</a></li>
<li><a class="dropdown-item" href="/hakkimizda/kurumsal"><i class="fas fa-cogs"></i> Kurumsal</a></li>
<li><a class="dropdown-item" href="/hakkimizda/vizyon-misyon"><i class="fas fa-eye"></i> Vizyon & Misyon</a></li>
</ul>
</li>
<li class="nav-item"> <a class="nav-link" href="/blog"><i class="fas fa-blog"></i> Blog</a> </li>
<li class="nav-item"> <a class="nav-link" href="/iletisim"><i class="fas fa-phone-alt"></i> İletişim</a> </li>
</ul>
</div>
</div>
</nav>
<div class="container mt-4">
<div class="row">
<div class="col-lg-3 d-none d-lg-block">
<link href="/template/css/solmenu.css" rel="stylesheet">
<div class="category-menu">
<div class="category-menu-header">
<h4><i class="fas fa-bars me-2"></i> Ürün Kategorileri</h4>
</div>
<div class="category-menu-body">
<div class="current-category d-none d-md-block mb-3 px-3">
<div class="current-category-name fw-bold">TÜM KATEGORİLER</div>
</div>
<div class="category-search mb-3 px-3">
<div class="input-group input-group-sm">
<input type="text" class="form-control category-search-input" placeholder="Kategori ara..." id="categorySearchInput">
<button class="btn btn-outline-secondary" type="button" id="categorySearchButton">
<i class="fas fa-search"></i>
</button>
</div>
</div>
<div class="category-list-container">
<ul class="list-group list-group-flush">
<li class="list-group-item" data-category-name="stor perde">
<a href="/kategori/stor-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Stor Perde</span>
</a>
</li>
<li class="list-group-item" data-category-name="jaluzi perde">
<a href="/kategori/jaluzi-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Jaluzi Perde</span>
</a>
</li>
<li class="list-group-item" data-category-name="zebra perde">
<a href="/kategori/zebra-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Zebra Perde</span>
</a>
</li>
<li class="list-group-item" data-category-name="ofis ve büro perde">
<a href="/kategori/ofis-ve-buro-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Ofis ve Büro Perde</span>
</a>
</li>
<li class="list-group-item" data-category-name="dikey perde">
<a href="/kategori/dikey-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Dikey Perde</span>
</a>
</li>
<li class="list-group-item" data-category-name="motorlu perde">
<a href="/kategori/motorlu-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Motorlu Perde</span>
</a>
</li>
<li class="list-group-item" data-category-name="blackout stor perde">
<a href="/kategori/blackout-stor-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Blackout Stor Perde</span>
</a>
</li>
<li class="list-group-item" data-category-name="sunscreen stor perde">
<a href="/kategori/sunscreen-stor-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Sunscreen Stor Perde</span>
</a>
</li>
<li class="list-group-item" data-category-name="ahşap jaluzi perde">
<a href="/kategori/ahsap-jaluzi-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Ahşap Jaluzi Perde</span>
</a>
</li>
<li class="list-group-item" data-category-name="pilseli perde">
<a href="/kategori/pliseli-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Pilseli Perde</span>
</a>
</li>
<li class="list-group-item" data-category-name="ev perde modelleri">
<a href="/kategori/ev-perde-modelleri"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Ev Perde Modelleri</span>
</a>
</li>
<li class="list-group-item" data-category-name="sineklik perde">
<a href="/kategori/sineklik-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Sineklik Perde</span>
</a>
</li>
<li class="list-group-item" data-category-name="kış bahçe perdesi">
<a href="/kategori/kis-bahce-perdesi"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Kış Bahçe Perdesi</span>
</a>
</li>
<li class="list-group-item" data-category-name="yat perdesi">
<a href="/kategori/yat-perdesi"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Yat Perdesi</span>
</a>
</li>
<li class="list-group-item" data-category-name="cam balkon perdesi">
<a href="/kategori/cam-balkon-perdesi"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Cam Balkon Perdesi</span>
</a>
</li>
<li class="list-group-item" data-category-name="sahne perdeleri">
<a href="/kategori/sahne-perdeleri"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Sahne Perdeleri</span>
</a>
</li>
<li class="list-group-item" data-category-name="akustik perdeler">
<a href="/kategori/akustik-perdeler"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Akustik Perdeler</span>
</a>
</li>
<li class="list-group-item" data-category-name="baskılı stor perde">
<a href="/kategori/baskili-stor-perde"
class="d-flex align-items-center justify-content-between ">
<span class="category-name">Baskılı Stor Perde</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const searchInput = document.getElementById('categorySearchInput');
const categoryItems = document.querySelectorAll('.category-list-container .list-group-item');
if (searchInput) {
searchInput.addEventListener('input', function() {
const searchTerm = this.value.toLowerCase().trim();
categoryItems.forEach(item => {
const categoryName = item.getAttribute('data-category-name') || '';
if (categoryName.includes(searchTerm) || searchTerm === '') {
item.style.display = '';
} else {
item.style.display = 'none';
}
});
});
}
});
</script>
<div class="survey mt-4">
<div class="survey-body p-3"> <img src="/template/kesifvemontaj.jpg" alt="Perde Satışıve İmalat, Ücretsiz Keşif ve Montaj" class="img-fluid rounded w-100" style="object-fit: cover;" fetchpriority="high"> </div>
</div>
<div class="mb-3"></div>
</div>
<div class="col-lg-9 mt-0 pt-0">
<nav aria-label="breadcrumb">
<ol class="breadcrumb bg-light rounded shadow-sm p-2 mb-1">
<li class="breadcrumb-item modal-etiket"><a href="/">Ana Sayfa</a></li>
<li class="breadcrumb-item active" aria-current="page">404 - Sayfa Bulunamadı</li>
</ol>
</nav>
<div class="d-flex justify-content-between align-items-center">
<div class="section-title text-center bg-danger shadow mt-0">
<div class="title-icon bg-danger"> <i class="fa fa-exclamation-triangle"></i> </div>
<h3 class="bg-danger text-white pt-2 ps-0">404 - Sayfa Bulunamadı</h3>
</div>
</div>
<div class="row p-2 mb-2">
<div class="col-12">
<div class="card shadow-sm border-0">
<div class="card-body text-center p-4">
<h4 class="text-danger"><i class="fa fa-exclamation-circle"></i> Üzgünüz, aradığınız sayfa bulunamadı.</h4>
<p><img src="https://www.evrenperde.com/template/images/404.jpg" class="img-fluid rounded" style="max-width: 50%; height: auto;"></p>
<p class="text-muted">Sayfa kaldırılmış, adı değiştirilmiş veya geçici olarak kullanılamıyor olabilir.</p>
<a href="/" class="btn btn-primary mt-3"><i class="fa fa-home"></i> Ana Sayfaya Dön</a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer-gradient text-white mt-0">
<!-- Main Footer Content -->
<div class="container py-5">
<div class="row g-4">
<!-- Company Info & Contact -->
<div class="col-lg-4 col-md-6">
<div class="footer-section">
<h5 class="mb-4 company-title fw-bold">
<i class="fas fa-home me-2"></i>Evren Perde
</h5>
<p class="text-light mb-3">
İstanbul'da 15+ yıldır profesyonel perde montaj hizmeti sunuyoruz.
Kaliteli ürünler, uzman montaj ekibi ve müşteri memnuniyeti önceliğimiz.
</p>
<div class="contact-info">
<div class="contact-item mb-2">
<i class="fas fa-phone text-danger me-2"></i>
<a href="tel:+905326519244" class="text-white text-decoration-none">
<strong>0 (532) 651 92 44</strong>
</a>
</div>
<div class="contact-item mb-2">
<i class="fas fa-envelope text-danger me-2"></i>
<a href="mailto:info@evrenperde.com" class="text-white text-decoration-none">
info@evrenperde.com
</a>
</div>
<div class="contact-item mb-2">
<i class="fas fa-map-marker-alt text-danger me-2"></i>
<span class="text-light">Güneşli Mah. Bağcılar, İstanbul</span>
</div>
<div class="contact-item">
<i class="fas fa-clock text-danger me-2"></i>
<span class="text-light">Pzt-Cmt: 08:30-21:00 | Paz: 10:00-18:00</span>
</div>
</div>
</div>
</div>
<!-- Services & Products -->
<div class="col-lg-2 col-md-6 col-6">
<div class="footer-section">
<h6 class="mb-3 section-title fw-bold">
<i class="fas fa-cogs me-2"></i>Hizmetlerimiz
</h6>
<ul class="list-unstyled footer-links">
<li><a href="https://www.evrenperde.com/kategori/stor-perde" class="text-light">Stor Perde</a></li>
<li><a href="https://www.evrenperde.com/kategori/jaluzi" class="text-light">Jaluzi</a></li>
<li><a href="https://www.evrenperde.com/kategori/dikey-perde" class="text-light">Dikey Perde</a></li>
<li><a href="https://www.evrenperde.com/kategori/zebra-perde" class="text-light">Zebra Perde</a></li>
<li><a href="https://www.evrenperde.com/kategori/motorlu-perde" class="text-light">Motorlu Perde</a></li>
</ul>
</div>
</div>
<!-- Quick Links -->
<div class="col-lg-2 col-md-6 col-6">
<div class="footer-section">
<h6 class="mb-3 section-title fw-bold">
<i class="fas fa-link me-2"></i>Kurumsal
</h6>
<ul class="list-unstyled footer-links">
<li><a href="https://www.evrenperde.com/hakkimizda/firmamiz" class="text-light">Firmamız</a></li>
<li><a href="https://www.evrenperde.com/hakkimizda/kurumsal" class="text-light">Hakkımızda</a></li>
<li><a href="https://www.evrenperde.com/referanslar" class="text-light">Referanslar</a></li>
<li><a href="https://www.evrenperde.com/blog" class="text-light">Blog</a></li>
<li><a href="https://www.evrenperde.com/iletisim" class="text-light">İletişim</a></li>
</ul>
</div>
</div>
<!-- Service Areas & Newsletter -->
<div class="col-lg-4 col-md-6">
<div class="footer-section">
<h6 class="mb-3 section-title fw-bold">
<i class="fas fa-map-marked-alt me-2"></i>Hizmet Bölgeleri
</h6>
<div class="service-areas mb-4">
<div class="row">
<div class="col-6">
<ul class="list-unstyled small text-light">
<li>• Beşiktaş</li>
<li>• Şişli</li>
<li>• Beyoğlu</li>
<li>• Fatih</li>
<li>• Bakırköy</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled small text-light">
<li>• Kadıköy</li>
<li>• Üsküdar</li>
<li>• Ataşehir</li>
<li>• Ümraniye</li>
<li>• Maltepe</li>
</ul>
</div>
</div>
<a href="https://www.evrenperde.com/istanbul-ici-hizmet-bolgelerimiz" class="btn btn-gradient btn-sm">
<i class="fas fa-map me-1"></i>Tüm Bölgeler
</a>
</div>
<!-- Newsletter -->
<div class="newsletter-section">
<h6 class="mb-2 section-title fw-bold">
<i class="fas fa-bell me-2"></i>Kampanyalardan Haberdar Olun
</h6>
<p class="small text-light mb-3">Yeni ürün ve özel fırsatlarımızı kaçırmayın!</p>
<div class="input-group">
<input type="email" class="form-control bulten-email" placeholder="E-posta adresiniz" aria-label="E-posta adresi">
<button class="btn btn-gradient-newsletter bulten-abone" type="button">
<i class="fas fa-paper-plane"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Trust Badges & Features -->
<div class="trust-badges-section py-4">
<div class="container">
<div class="row text-center">
<div class="col-md-3 col-6 mb-2">
<div class="trust-badge">
<i class="fas fa-award text-danger fs-4 mb-1"></i>
<div class="small text-light">15+ Yıl Deneyim</div>
</div>
</div>
<div class="col-md-3 col-6 mb-2">
<div class="trust-badge">
<i class="fas fa-shield-alt text-danger fs-4 mb-1"></i>
<div class="small text-light">5 Yıl Garanti</div>
</div>
</div>
<div class="col-md-3 col-6 mb-2">
<div class="trust-badge">
<i class="fas fa-truck text-danger fs-4 mb-1"></i>
<div class="small text-light">Ücretsiz Keşif</div>
</div>
</div>
<div class="col-md-3 col-6 mb-2">
<div class="trust-badge">
<i class="fas fa-users text-danger fs-4 mb-1"></i>
<div class="small text-light">Binlerce Memnun Müşteri</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bottom Footer -->
<div class="container py-3 border-top border-secondary">
<div class="row align-items-center">
<div class="col-md-6 col-12 text-center text-md-start">
<p class="mb-0 small text-light">
© 2025 <strong>Evren Perde</strong>. Tüm hakları saklıdır. |
<a href="https://www.evrenperde.com/gizlilik-politikasi" class="text-light text-decoration-none">Gizlilik Politikası</a>
</p>
</div>
<div class="col-md-6 col-12 text-center text-md-end mt-2 mt-md-0">
<div class="social-links">
<a href="https://www.facebook.com/evrenperdecom/?locale=tr_TR"
class="social-link me-3"
aria-label="Facebook sayfamızı ziyaret edin"
target="_blank"
rel="noopener">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://www.instagram.com/evren.perde/"
class="social-link me-3"
aria-label="Instagram profilimizi ziyaret edin"
target="_blank"
rel="noopener">
<i class="fab fa-instagram"></i>
</a>
<a href="https://twitter.com/evrenperde"
class="social-link me-3"
aria-label="Twitter hesabımızı ziyaret edin"
target="_blank"
rel="noopener">
<i class="fab fa-twitter"></i>
</a>
<a href="https://www.youtube.com/@evrenperde4599"
class="social-link me-3"
aria-label="YouTube kanalımızı ziyaret edin"
target="_blank"
rel="noopener">
<i class="fab fa-youtube"></i>
</a>
<a href="https://wa.me/905326519244"
class="social-link"
aria-label="WhatsApp ile iletişime geçin"
target="_blank"
rel="noopener">
<i class="fab fa-whatsapp"></i>
</a>
</div>
</div>
</div>
</div>
<!-- Floating Contact Button -->
<a href="tel:+905326519244"
class="floating-contact-btn"
aria-label="Hemen arayın"
title="Hemen Arayın: 0 (532) 651 92 44">
<i class="fas fa-phone"></i>
</a>
<!-- Custom Footer Styles -->
<style>
/* Footer Base Styles */
footer {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.footer-gradient {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 25%, #0f3460 50%, #533483 75%, #e94560 100%);
position: relative;
overflow: hidden;
}
.footer-gradient::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background:
radial-gradient(circle at 20% 50%, rgba(233, 69, 96, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 20%, rgba(83, 52, 131, 0.1) 0%, transparent 50%),
radial-gradient(circle at 40% 80%, rgba(15, 52, 96, 0.1) 0%, transparent 50%);
pointer-events: none;
}
.trust-badges-section {
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(10px);
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-section {
padding: 0 15px;
}
.footer-section h5, .footer-section h6 {
position: relative;
padding-bottom: 12px;
margin-bottom: 20px;
font-weight: 600;
}
.company-title {
color: #ff6b6b;
text-shadow: 0 0 20px rgba(255, 107, 107, 0.3);
}
.section-title {
color: #4ecdc4;
text-shadow: 0 0 15px rgba(78, 205, 196, 0.2);
}
.footer-section h5::after, .footer-section h6::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 3px;
background: linear-gradient(90deg, #e94560, #ff6b6b);
border-radius: 2px;
box-shadow: 0 0 10px rgba(233, 69, 96, 0.5);
}
/* Footer Links */
.footer-links {
margin: 0;
padding: 0;
}
.footer-links li {
margin-bottom: 12px;
transition: all 0.3s ease;
line-height: 1.6;
}
.footer-links a {
text-decoration: none;
transition: all 0.3s ease;
position: relative;
display: inline-block;
font-size: 0.95rem;
}
.footer-links a:hover {
color: #ff6b6b !important;
padding-left: 8px;
text-shadow: 0 0 8px rgba(255, 107, 107, 0.3);
}
/* Contact Items */
.contact-info {
margin-top: 20px;
}
.contact-item {
transition: all 0.3s ease;
margin-bottom: 15px;
display: flex;
align-items: center;
line-height: 1.5;
}
.contact-item:hover {
transform: translateX(5px);
}
.contact-item i {
width: 20px;
flex-shrink: 0;
}
.contact-item a, .contact-item span {
font-size: 0.95rem;
}
.contact-item a {
color: #fff !important;
text-decoration: none;
}
.contact-item a:hover {
color: #ff6b6b !important;
text-shadow: 0 0 8px rgba(255, 107, 107, 0.3);
}
/* Trust Badges */
.trust-badge {
transition: all 0.3s ease;
padding: 15px 10px;
text-align: center;
}
.trust-badge:hover {
transform: translateY(-5px);
}
.trust-badge i {
display: block;
margin-bottom: 8px;
}
/* Social Links */
.social-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
}
.social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.1);
color: #fff;
text-decoration: none;
border-radius: 50%;
transition: all 0.3s ease;
font-size: 16px;
}
.social-link:hover {
background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
color: #fff;
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(255, 107, 107, 0.4);
}
/* Service Areas */
.service-areas {
margin-bottom: 25px;
}
.service-areas ul {
margin: 0;
padding: 0;
}
.service-areas ul li {
padding: 4px 0;
font-size: 0.9rem;
line-height: 1.4;
}
/* Newsletter */
.newsletter-section {
margin-top: 25px;
}
.newsletter-section .input-group {
border-radius: 25px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.newsletter-section .form-control {
border: none;
background: rgba(255, 255, 255, 0.95);
padding: 12px 20px;
font-size: 0.9rem;
}
.newsletter-section .form-control:focus {
box-shadow: none;
background: rgba(255, 255, 255, 1);
}
.newsletter-section .btn {
border: none;
padding: 12px 20px;
font-weight: 600;
}
/* Custom Buttons */
.btn-gradient {
background: linear-gradient(45deg, #4ecdc4, #44a08d);
border: none;
color: white;
transition: all 0.3s ease;
box-shadow: 0 2px 10px rgba(78, 205, 196, 0.3);
}
.btn-gradient:hover {
background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
color: white;
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(255, 107, 107, 0.4);
}
.btn-gradient-newsletter {
background: linear-gradient(45deg, #ff6b6b, #e94560);
border: none;
color: white;
transition: all 0.3s ease;
}
.btn-gradient-newsletter:hover {
background: linear-gradient(45deg, #4ecdc4, #44a08d);
color: white;
transform: scale(1.05);
}
/* Floating Contact Button */
.floating-contact-btn {
position: fixed;
bottom: 20px;
right: 20px;
width: 60px;
height: 60px;
background: linear-gradient(45deg, #4ecdc4, #44a08d);
color: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 20px;
box-shadow: 0 4px 20px rgba(78, 205, 196, 0.4);
transition: all 0.3s ease;
z-index: 1000;
animation: pulse 2s infinite;
}
.floating-contact-btn:hover {
background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
color: white;
transform: scale(1.1);
box-shadow: 0 6px 25px rgba(255, 107, 107, 0.5);
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(78, 205, 196, 0.7); }
70% { box-shadow: 0 0 0 10px rgba(78, 205, 196, 0); }
100% { box-shadow: 0 0 0 0 rgba(78, 205, 196, 0); }
}
/* Mobile Optimizations */
@media (max-width: 991px) {
.footer-section {
margin-bottom: 2.5rem;
padding: 0 10px;
}
.footer-section h5, .footer-section h6 {
font-size: 1.1rem;
margin-bottom: 15px;
}
.contact-item {
margin-bottom: 12px;
}
.trust-badge {
padding: 10px 5px;
}
.trust-badge i {
font-size: 1.5rem !important;
}
.service-areas .row {
margin: 0;
}
.service-areas .col-6 {
padding: 0 8px;
}
}
@media (max-width: 768px) {
/* Footer Main Layout */
footer .container {
margin-top: 15px;
max-width: 280px;
margin-left: auto;
margin-right: auto;
}
.contact-item {
justify-content: center;
margin-bottom: 12px;
font-size: 0.9rem;
text-align: center;
}
.contact-item i {
margin-right: 8px;
}
/* Footer Links Mobile */
.footer-links {
text-align: center;
}
.footer-links li {
margin-bottom: 8px;
}
.footer-links a {
font-size: 0.9rem;
}
/* Service Areas Mobile */
.service-areas {
margin-bottom: 25px;
text-align: center;
}
.service-areas .row {
margin: 0 -8px;
justify-content: center;
}
.service-areas .col-6 {
padding: 0 8px;
max-width: 45%;
}
.service-areas ul {
text-align: left;
margin-bottom: 20px;
background: rgba(255, 255, 255, 0.05);
padding: 15px;
border-radius: 8px;
}
.service-areas ul li {
font-size: 0.85rem;
padding: 3px 0;
color: rgba(255, 255, 255, 0.9);
}
.service-areas .btn {
margin-top: 10px;
margin-bottom: 20px;
}
/* Trust Badges Mobile */
.trust-badge {
padding: 15px 5px;
margin-bottom: 10px;
}
.trust-badge i {
font-size: 1.8rem !important;
margin-bottom: 5px;
}
.trust-badge .small {
font-size: 0.8rem !important;
line-height: 1.3;
}
/* Newsletter Mobile */
.newsletter-section {
margin-top: 20px;
text-align: center;
}
.newsletter-section p {
font-size: 0.85rem;
margin-bottom: 15px;
}
.newsletter-section .input-group {
max-width: 280px;
margin: 0 auto;
}
.newsletter-section .form-control {
font-size: 0.85rem;
padding: 10px 15px;
}
.newsletter-section .btn {
padding: 10px 15px;
}
/* Social Links Mobile */
.social-links {
justify-content: center;
margin-top: 15px;
}
.social-link {
width: 35px;
height: 35px;
font-size: 14px;
}
/* Bottom Footer Mobile */
.container .py-3 {
padding: 2rem 0 1.5rem 0 !important;
margin-top: 20px;
}
.container .row.align-items-center {
text-align: center;
}
.container .row.align-items-center .col-md-6 {
margin-bottom: 15px;
}
.container .row.align-items-center .col-md-6:last-child {
margin-bottom: 0;
}
/* Floating Button Mobile */
.floating-contact-btn {
width: 50px;
height: 50px;
font-size: 16px;
bottom: 15px;
right: 15px;
}
}
@media (max-width: 576px) {
/* Extra Small Mobile */
.footer-section {
margin-bottom: 1.5rem;
}
.footer-section h5, .footer-section h6 {
font-size: 0.95rem;
}
.contact-item {
font-size: 0.85rem;
}
.footer-links a {
font-size: 0.85rem;
}
.trust-badge {
padding: 10px 3px;
}
.trust-badge i {
font-size: 1.5rem !important;
}
.trust-badge .small {
font-size: 0.75rem !important;
}
.service-areas ul li {
font-size: 0.8rem;
}
.newsletter-section .input-group {
max-width: 250px;
}
.social-link {
width: 32px;
height: 32px;
font-size: 13px;
margin: 0 3px;
}
.floating-contact-btn {
width: 45px;
height: 45px;
font-size: 14px;
bottom: 10px;
right: 10px;
}
}
</style>
</footer>
<div class="mobile-tabbar"> <a href="/" class="tab-link"><i class="fa-solid fa-home"></i><span>Ana Menü</span></a> <a href="/istanbul-ici-hizmet-bolgelerimiz" class="tab-link"><i class="fa-solid fa-location-dot"></i><span>Hizmet</span></a> <a href="/hakkimizda/vizyon-misyon" class="tab-link"><i class="fa-solid fa-star"></i><span>Hakkımızda</span></a> <a href="/iletisim" class="tab-link"><i class="fa-solid fa-envelope"></i><span>İletişim</span></a> </div>
<div id="cookieBanner" class="cookie-banner">
<div class="cookie-content">
<p>Web sitemiz, deneyiminizi geliştirmek için çerezler kullanmaktadır. Devam etmek için çerez kullanımını kabul etmeniz gerekmektedir.</p>
<button id="acceptCookies" class="btn btn-accept">Çerezleri Kabul Et</button>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
<script>
toastr.options = {
"closeButton": true,
"debug": false,
"newestOnTop": false,
"progressBar": true,
"positionClass": "toast-bottom-right",
"preventDuplicates": true,
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
$(document).ready(function(){
$(".bulten-abone").click(function(){
var email = $(".bulten-email").val().trim();
if(email === "") {
toastr.warning("Lütfen bir e-posta adresi girin!", "Uyarı");
return;
}
$.ajax({
url: "bulten_kaydet.php",
type: "POST",
data: { email: email },
success: function(response) {
if (response.includes("Başarı")) {
toastr.success(response, "Başarılı");
$(".bulten-email").val("");
} else {
toastr.error(response, "Hata");
}
},
error: function() {
toastr.error("Bir hata oluştu. Lütfen tekrar deneyin.", "Hata");
}
});
});
});function searchProduct() {
var desktopQuery = $("#desktopSearchBox").length ? $("#desktopSearchBox").val().trim() : "";
var mobileQuery = $("#mobileSearchBox").length ? $("#mobileSearchBox").val().trim() : "";
var query = desktopQuery !== "" ? desktopQuery : mobileQuery;
if (query !== "") {
window.location.href = "/arama/" + encodeURIComponent(query);
}
}
$(document).ready(function() {
$("#desktopSearchBox, #mobileSearchBox").each(function() {
$(this).on("keyup", function(event) {
if (event.key === "Enter") {
searchProduct();
}
});
});
$(".search-btn").on("click", function() {
searchProduct();
});
});
$(document).ready(function() {
const cookieBanner = $("#cookieBanner");
const acceptCookiesButton = $("#acceptCookies");
if (localStorage.getItem("cookiesAccepted")) {
cookieBanner.hide();
} else {
cookieBanner.show();
}
acceptCookiesButton.on("click", function() {
localStorage.setItem("cookiesAccepted", "true");
cookieBanner.hide();
});
});
$(document).ready(function () {
$("#sidebarToggle").on("click", function () {
$(".sidebar").addClass("show");
$(".sidebar-overlay").addClass("active");
});
$("#sidebarClose, .sidebar-overlay").on("click", function () {
$(".sidebar").removeClass("show");
$(".sidebar-overlay").removeClass("active");
});
});
</script>
</body>
</html>