<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Işılpak Ambalaj | Baskılı Kutu, Koli ve Toptan Ambalaj Çözümleri</title>
<!-- DEV SEO VE ANAHTAR KELİME MAKİNESİ (META ETİKETLERİ) -->
<meta name="description" content="Işılpak Ambalaj; e-ticaret, gıda, tekstil, ayakkabı ve tüm sektörler için kutu, koli, ambalaj malzemeleri ve kurumsal çözümler sunar. Baskılı koli, baskılı poşet, baskılı bant ve toptan ambalaj çözümlerinde kaliteli ve uygun fiyatlı tedarik için yanınızdayız.">
<meta name="keywords" content="kutu, koli, ambalaj, ambalaj malzemeleri, baskılı kutu, baskılı koli, ayakkabı kutusu, oluklu kutu, kargo kolisi, kraft çanta, toptan ambalaj, toptan koli, kaliteli ambalaj, İzmir ambalaj, karton kutu, ambalaj bandı, kargo poşeti, matbaa, kartvizit">
<meta name="author" content="Işılpak Ambalaj">
<meta name="robots" content="index, follow">
<!-- Google Fonts & FontAwesome (Modern Yazı Tipleri ve İkonlar) -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
/* --- AJANS SEVİYESİ MODERN RENK PALETİ VE CSS ALTYAPISI --- */
:root {
--primary: #FF6B00; /* Canlı Premium Turuncu */
--bg-dark: #0B0B0C; /* Derin Siyah */
--bg-card: #141416; /* Antrasit Kart Rengi */
--text-light: #F4F4F6;
--text-gray: #8A8A93;
--transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
scroll-behavior: smooth;
}
body {
background-color: var(--bg-dark);
color: var(--text-light);
overflow-x: hidden;
}
/* --- LOGO VE MENÜ (HEADER) --- */
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 20px 8%;
background: rgba(11, 11, 12, 0.85);
backdrop-filter: blur(10px);
display: flex;
justify-content: space-between;
align-items: center;
z-index: 1000;
border-bottom: 1px solid rgba(255, 107, 0, 0.1);
}
.logo-area {
font-size: 24px;
font-weight: 800;
color: var(--text-light);
text-transform: uppercase;
letter-spacing: 1px;
}
.logo-area span {
color: var(--primary);
}
/* Boş Bırakılan Logo Alanı (İstersen İleride Resim/Logo Koyabilirsin) */
.logo-placeholder {
display: inline-block;
width: 40px;
height: 40px;
background: linear-gradient(45deg, var(--primary), #000);
border-radius: 8px;
margin-right: 10px;
vertical-align: middle;
}
nav a {
color: var(--text-light);
text-decoration: none;
margin-left: 30px;
font-weight: 600;
font-size: 14px;
transition: var(--transition);
}
nav a:hover, nav a.active {
color: var(--primary);
}
/* --- GİRİŞ ALANI (HERO SECTION) --- */
.hero {
min-height: 100vh;
display: flex;
align-items: center;
padding: 0 8%;
background: radial-gradient(circle at 80% 20%, rgba(255, 107, 0, 0.15) 0%, transparent 50%);
position: relative;
}
.hero-content {
max-width: 650px;
animation: fadeInUp 1s ease forwards;
}
.hero h1 {
font-size: 56px;
font-weight: 800;
line-height: 1.1;
margin-bottom: 20px;
}
.hero h1 span {
color: var(--primary);
}
.hero p {
font-size: 16px;
color: var(--text-gray);
margin-bottom: 40px;
line-height: 1.6;
}
.btn-container {
display: flex;
gap: 20px;
}
.btn {
padding: 15px 35px;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
transition: var(--transition);
display: inline-flex;
align-items: center;
gap: 10px;
}
.btn-primary {
background-color: var(--primary);
color: #000;
box-shadow: 0 10px 20px rgba(255, 107, 0, 0.3);
}
.btn-primary:hover {
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(255, 107, 0, 0.5);
}
.btn-secondary {
border: 2px solid rgba(255, 255, 255, 0.1);
color: var(--text-light);
}
.btn-secondary:hover {
border-color: var(--primary);
background: rgba(255, 107, 0, 0.05);
transform: translateY(-5px);
}
/* --- SONSUZ AKAN MARKA BANDI (INFINITE TICKER) --- */
.ticker-wrapper {
background: #101012;
padding: 20px 0;
border-top: 1px solid rgba(255, 107, 0, 0.1);
border-bottom: 1px solid rgba(255, 107, 0, 0.1);
overflow: hidden;
white-space: nowrap;
}
.ticker {
display: inline-block;
animation: ticker 25s linear infinite;
}
.ticker span {
font-size: 20px;
font-weight: 800;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.05);
margin-right: 50px;
letter-spacing: 2px;
}
.ticker span em {
color: var(--primary);
font-style: normal;
}
/* --- ANA ODACIK: ÜRÜN KARTLARI --- */
.section-title {
text-align: center;
padding: 100px 8% 40px;
}
.section-title h2 {
font-size: 40px;
font-weight: 800;
}
.section-title h2 span {
color: var(--primary);
}
.section-title p {
color: var(--text-gray);
margin-top: 10px;
}
.products-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
padding: 0 8% 60px;
}
.product-card {
background-color: var(--bg-card);
border-radius: 20px;
padding: 40px 30px;
border: 1px solid rgba(255, 255, 255, 0.03);
transition: var(--transition);
position: relative;
overflow: hidden;
}
.product-card:hover {
transform: translateY(-10px) scale(1.02);
border-color: rgba(255, 107, 0, 0.3);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}
.product-card.featured {
border: 1px solid rgba(255, 107, 0, 0.2);
background: linear-gradient(180deg, #141416 0%, #1a1410 100%);
}
.product-card .icon {
font-size: 40px;
color: var(--primary);
margin-bottom: 25px;
}
.product-card h3 {
font-size: 22px;
font-weight: 600;
margin-bottom: 15px;
}
.product-card p {
color: var(--text-gray);
font-size: 14px;
line-height: 1.6;
}
.badge-main {
position: absolute;
top: 20px;
right: 20px;
background: var(--primary);
color: #000;
font-size: 11px;
font-weight: 800;
padding: 5px 12px;
border-radius: 20px;
text-transform: uppercase;
}
/* --- SAYAÇLAR (ESNEKLİK VE GÜÇ VURGUSU) --- */
.stats-section {
background: #101012;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
padding: 60px 8%;
gap: 30px;
text-align: center;
}
.stat-item h3 {
font-size: 48px;
font-weight: 800;
color: var(--primary);
}
.stat-item p {
color: var(--text-light);
font-weight: 600;
margin-top: 5px;
}
/* --- DİJİTAL VİTRİN: 16 RESİMLİK AKILLI GALERİ --- */
.gallery-filter {
display: flex;
justify-content: center;
gap: 15px;
margin-bottom: 40px;
flex-wrap: wrap;
}
.filter-btn {
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text-light);
padding: 10px 25px;
border-radius: 30px;
cursor: pointer;
font-weight: 600;
transition: var(--transition);
}
.filter-btn.active, .filter-btn:hover {
background: var(--primary);
color: #000;
border-color: var(--primary);
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 20px;
padding: 0 8% 80px;
}
.gallery-item {
position: relative;
border-radius: 15px;
overflow: hidden;
height: 250px;
background: #141416;
border: 1px solid rgba(255, 255, 255, 0.02);
transition: var(--transition);
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: var(--transition);
}
.gallery-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 20px;
opacity: 0;
transition: var(--transition);
}
.gallery-item:hover .gallery-overlay {
opacity: 1;
}
.gallery-item:hover img {
transform: scale(1.1);
}
.gallery-overlay h4 {
color: var(--primary);
font-size: 16px;
}
/* --- PREMİUM AR-GE: 9'LU YAPAY ZEKA KOLAJ STÜDYOSU --- */
.studio-container {
padding: 0 8% 100px;
}
.studio-banner {
background: linear-gradient(135deg, #141416 0%, #050505 100%);
border: 1px solid rgba(255, 107, 0, 0.15);
border-radius: 30px;
padding: 50px;
display: flex;
align-items: center;
gap: 50px;
flex-wrap: wrap;
}
.studio-text {
flex: 1;
min-width: 300px;
}
.studio-badge {
background: rgba(255, 107, 0, 0.1);
color: var(--primary);
border: 1px solid var(--primary);
padding: 6px 15px;
border-radius: 50px;
font-size: 12px;
font-weight: 800;
display: inline-block;
margin-bottom: 20px;
text-transform: uppercase;
box-shadow: 0 0 15px rgba(255, 107, 0, 0.2);
}
.studio-text h3 {
font-size: 32px;
font-weight: 800;
margin-bottom: 20px;
}
/* 9'lu Mozaik Tasarım Yapısı */
.mosaic-grid {
flex: 1;
min-width: 320px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 100px);
gap: 10px;
}
.mosaic-cell {
background: #141416;
border-radius: 8px;
overflow: hidden;
position: relative;
border: 1px solid rgba(255, 107, 0, 0.05);
transition: var(--transition);
}
.mosaic-cell img {
width: 100%;
height: 100%;
object-fit: cover;
transition: var(--transition);
}
/* Sanatsal Kolaj Geçişleri */
.mosaic-cell:nth-child(1) { grid-row: span 2; }
.mosaic-cell:nth-child(5) { grid-column: span 2; }
.mosaic-grid:hover .mosaic-cell {
opacity: 0.4;
}
.mosaic-grid .mosaic-cell:hover {
opacity: 1;
transform: scale(1.05);
box-shadow: 0 0 20px rgba(255, 107, 0, 0.4);
border-color: var(--primary);
z-index: 2;
}
/* --- FOOTER & İLETİŞİM --- */
footer {
background-color: #060607;
padding: 80px 8% 30px;
border-top: 1px solid rgba(255, 255, 255, 0.02);
}
.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 40px;
margin-bottom: 50px;
}
.footer-col h4 {
font-size: 18px;
margin-bottom: 25px;
position: relative;
}
.footer-col h4::after {
content: '';
position: absolute;
bottom: -8px;
left: 0;
width: 30px;
height: 2px;
background-color: var(--primary);
}
.footer-col p {
color: var(--text-gray);
font-size: 14px;
line-height: 1.8;
margin-bottom: 15px;
}
.footer-col i {
color: var(--primary);
margin-right: 10px;
}
.footer-bottom {
text-align: center;
padding-top: 30px;
border-top: 1px solid rgba(255, 255, 255, 0.05);
color: var(--text-gray);
font-size: 13px;
}
.contact-link {
color: var(--text-light);
text-decoration: none;
transition: var(--transition);
}
.contact-link:hover {
color: var(--primary);
}
/* Animasyon Tanımlamaları */
@keyframes ticker {
0% { transform: translate3d(0, 0, 0); }
100% { transform: translate3d(-50%, 0, 0); }
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
/* Mobil Uyum Altyapısı */
@media (max-width: 768px) {
.hero h1 { font-size: 38px; }
header { padding: 20px 5%; }
nav { display: none; }
.studio-banner { padding: 30px; }
}
</style>
</head>
<body>
<!-- MENÜ ALANI -->
<header>
<div class="logo-area">
<div class="logo-placeholder"></div>IŞILPAK<span>AMBALAJ</span>
</div>
<nav>
<a href="#anasayfa" class="active">Anasayfa</a>
<a href="#urunler">Ürünler</a>
<a href="#vitrin">Dijital Vitrin</a>
<a href="#studio">Ar-Ge Studio</a>
<a href="#iletisim">İletişim</a>
</nav>
</header>
<!-- GİRİŞ ALANI (HERO) -->
<section class="hero" id="anasayfa">
<div class="hero-content">
<h1>Sektörünüze Özel <span>Baskılı Kutu</span> ve Ambalaj Çözümleri</h1>
<p>Işılpak Ambalaj olarak; e-ticaret, gıda, tekstil, ayakkabı ve tüm sektörler için yüksek ve düşük adet fark etmeksizin her kalitede oluklu/oluksuz kutu, koli ve kurumsal matbaa çözümleri üretiyoruz.</p>
<div class="btn-container">
<a href="https://wa.me/905387001912" target="_blank" class="btn btn-primary">
<i class="fab fa-whatsapp"></i> Hızlı Teklif Al
</a>
<a href="#urunler" class="btn btn-secondary">Ürünleri İncele</a>
</div>
</div>
</section>
<!-- SONSUZ AKAN MARKA ŞERİDİ -->
<div class="ticker-wrapper">
<div class="ticker">
<span><em>•</em> EN YÜKSEK KALİTE</span>
<span><em>•</em> HER SEKTÖRE UYGUN KUTU</span>
<span><em>•</em> BASKILI VE BASKISIZ KOLİ</span>
<span><em>•</em> TÜRKİYE VE YURT DIŞI DAĞITIM</span>
<span><em>•</em> DÜŞÜK VE YÜKSEK ADET DESTEĞİ</span>
<!-- Döngünün akıcı ve kesintisiz devam etmesi için kopyası -->
<span><em>•</em> EN YÜKSEK KALİTE</span>
<span><em>•</em> HER SEKTÖRE UYGUN KUTU</span>
<span><em>•</em> BASKILI VE BASKISIZ KOLİ</span>
<span><em>•</em> TÜRKİYE VE YURT DIŞI DAĞITIM</span>
<span><em>•</em> DÜŞÜK VE YÜKSEK ADET DESTEĞİ</span>
</div>
</div>
<!-- ANA AMBALAJ ÇÖZÜMLERİMİZ (KUTU VE KOLİ BAŞROLOGRAFİSİ) -->
<section id="urunler">
<div class="section-title">
<h2>Öne Çıkan <span>Ambalaj Çözümlerimiz</span></h2>
<p>Üretim gücümüzü ve kalitemizi yansıtan temel ürün gruplarımız</p>
</div>
<div class="products-grid">
<!-- 1. ANA KAHRAMAN: KUTULAR -->
<div class="product-card featured">
<div class="badge-main">Ana Ürün Grubu</div>
<div class="icon"><i class="fas fa-box-open"></i></div>
<h3>Baskılı & Baskısız Kutular</h3>
<p>Ayakkabı kutuları başta olmak üzere; her kalitede, oluklu ve oluksuz, sektör fark etmeksizin markanıza özel logolu baskılı kutu çözümleri.</p>
</div>
<!-- 2. ANA KAHRAMAN: KOLİLER -->
<div class="product-card featured">
<div class="badge-main">Ana Ürün Grubu</div>
<div class="icon"><i class="fas fa-boxes-packing"></i></div>
<h3>Baskılı & Baskısız Koliler</h3>
<p>E-ticaret firmaları ve tüm üreticiler için ağır hizmet tipi oluklu mukavva koliler, kargo kolileri. Toptan tedarik ve yüksek mukavemet.</p>
</div>
<!-- DESTEKÇİ ÜRÜN -->
<div class="product-card">
<div class="icon"><i class="fas fa-bag-shopping"></i></div>
<h3>Kraft Çanta Çeşitleri</h3>
<p>Kurumsal kimliğinizi yansıtacak, doğa dostu, şık ve markanıza özel baskılı/baskısız kraft çanta çözümleri.</p>
</div>
<!-- DESTEKÇİ ÜRÜN -->
<div class="product-card">
<div class="icon"><i class="fas fa-address-card"></i></div>
<h3>Matbaa & Kurumsal Kimlik</h3>
<p>Markanızın itibarını tamamlayacak özel tasarım kartvizit, broşür ve matbaa baskı hizmetleri.</p>
</div>
</div>
</section>
<!-- SAYAÇLAR ALANI -->
<section class="stats-section">
<div class="stat-item">
<h3>%100</h3>
<p>Üretici Desteği</p>
</div>
<div class="stat-item">
<h3>81 İl</h3>
<p>Ve Global Dağıtım</p>
</div>
<div class="stat-item">
<h3>1 Adet</h3>
<p>Bile Olsa Tam Çözüm</p>
</div>
</section>
<!-- DİJİTAL VİTRİN (16 ADET GÖRSEL ALANI) -->
<section id="vitrin">
<div class="section-title">
<h2>Üretim <span>Vitrinimiz</span></h2>
<p>Görsellerin arkasındaki SEO altyapısı sayesinde Google aramalarda en üst sıraları hedefleyin.</p>
</div>
<div class="gallery-filter">
<button class="filter-btn active">Tüm Ürünler</button>
<button class="filter-btn">Ayakkabı Kutuları</button>
<button class="filter-btn">Baskılı Koliler</button>
<button class="filter-btn">Diğer Ambalajlar</button>
</div>
<div class="gallery-grid">
<!-- Toplam 16 adet resim alanı. Kendi görsellerini eklemek için 'https://via.placeholder.com/400' yazan yerlere resim linklerini koyman yeterlidir. -->
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Işılpak Baskılı Ayakkabı Kutusu"><div class="gallery-overlay"><h4>Ayakkabı Kutusu</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Oluklu Karton Kutu Üretimi"><div class="gallery-overlay"><h4>Oluklu Kutu</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Baskılı E-Ticaret Kargo Kolisi"><div class="gallery-overlay"><h4>Kargo Kolisi</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Logolu Kraft Çanta Modelleri"><div class="gallery-overlay"><h4>Kraft Çanta</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Toptan Ambalaj Çözümleri"><div class="gallery-overlay"><h4>Toptan Kutu</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Özel Sektör Kutu Tasarımları"><div class="gallery-overlay"><h4>Sektörel Kutu</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Kurumsal Kartvizit ve Matbaa Hizmetleri"><div class="gallery-overlay"><h4>Matbaa Çözümleri</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Baskılı Ambalaj Bandı"><div class="gallery-overlay"><h4>Ambalaj Bandı</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Baskılı Tekstil Kutusu"><div class="gallery-overlay"><h4>Tekstil Kutusu</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Gıda Ambalaj Kutuları"><div class="gallery-overlay"><h4>Gıda Kutusu</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Kargo Poşeti Baskılı"><div class="gallery-overlay"><h4>Kargo Poşeti</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Balonlu Naylon Patpat Toptan"><div class="gallery-overlay"><h4>Balonlu Naylon</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Lüks Ayakkabı Kutusu Baskılı"><div class="gallery-overlay"><h4>Premium Kutu</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Mukavemetli Büyük Boy Koli"><div class="gallery-overlay"><h4>Büyük Koli</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Renkli Tasarım Kutular"><div class="gallery-overlay"><h4>Özel Tasarım</h4></div></div>
<div class="gallery-item"><img src="https://via.placeholder.com/400" alt="Kurumsal Broşür Baskı"><div class="gallery-overlay"><h4>Broşür Baskı</h4></div></div>
</div>
</section>
<!-- YAPAY ZEKA DESTEKLİ PREMİUM AR-GE ALANI (9'LU VİZYONER KOLAJ) -->
<section id="studio" class="studio-container">
<div class="studio-banner">
<div class="studio-text">
<div class="studio-badge"><i class="fas fa-microchip"></i> %100 Üretime Hazır Konsept Projeler</div>
<h3>Işılpak Design Studio:<br>Sınır Tanımayan Tasarımlar</h3>
<p>Mevcut geniş üretim bandımızın ötesinde, yapay zeka ve modern grafik yazılımlarıyla markanıza özel ambalaj projeleri simüle ediyoruz. Siz hayal edin, biz yüksek veya düşük adet fark etmeksizin gerçeğe dönüştürelim. Sıra dışı fikirleriniz için tam kurumsal destek sunuyoruz.</p>
<a href="https://wa.me/905387001912" target="_blank" class="btn btn-primary" style="margin-top: 20px;">
<i class="fas fa-lightbulb"></i> Bu Tasarımları Markana Uyarla
</a>
</div>
<!-- 9'LU MOZAİK KOLAJ ALANI -->
<div class="mosaic-grid">
<div class="mosaic-cell"><img src="https://via.placeholder.com/300" alt="Yapay Zeka Ambalaj Konsepti 1"></div>
<div class="mosaic-cell"><img src="https://via.placeholder.com/300" alt="Yapay Zeka Ambalaj Konsepti 2"></div>
<div class="mosaic-cell"><img src="https://via.placeholder.com/300" alt="Yapay Zeka Ambalaj Konsepti 3"></div>
<div class="mosaic-cell"><img src="https://via.placeholder.com/300" alt="Yapay Zeka Ambalaj Konsepti 4"></div>
<div class="mosaic-cell"><img src="https://via.placeholder.com/300" alt="Yapay Zeka Ambalaj Konsepti 5"></div>
<div class="mosaic-cell"><img src="https://via.placeholder.com/300" alt="Yapay Zeka Ambalaj Konsepti 6"></div>
<div class="mosaic-cell"><img src="https://via.placeholder.com/300" alt="Yapay Zeka Ambalaj Konsepti 7"></div>
<div class="mosaic-cell"><img src="https://via.placeholder.com/300" alt="Yapay Zeka Ambalaj Konsepti 8"></div>
<div class="mosaic-cell"><img src="https://via.placeholder.com/300" alt="Yapay Zeka Ambalaj Konsepti 9"></div>
</div>
</div>
</section>
<!-- FOOTER / İLETİŞİM ALANI -->
<footer id="iletisim">
<div class="footer-grid">
<div class="footer-col">
<h4 style="font-size: 20px; font-weight:800; color:#fff;">IŞILPAK<span>AMBALAJ</span></h4>
<p style="margin-top:20px;">Kutu, koli ve toptan ambalaj çözümlerinde kaliteli, esnek ve uygun fiyatlı tedarik ortağınız.</p>
</div>
<div class="footer-col">
<h4>Hızlı İletişim</h4>
<p><i class="fas fa-phone"></i> <a href="tel:+905387001912" class="contact-link">0 538 700 19 12</a></p>
<p><i class="fas fa-envelope"></i> <a href="mailto:isilpakambalaj@gmail.com" class="contact-link">isilpakambalaj@gmail.com</a></p>
<p><i class="fas fa-location-dot"></i> Egemenlik, 6135. Sk. No:18, 35070 Bornova/İzmir</p>
<p><i class="fas fa-globe"></i> Türkiye & Uluslararası Sevkiyat</p>
</div>
<div class="footer-col">
<h4>Diğer Ürünlerimiz</h4>
<p>Ambalaj Bandı • Balonlu Naylon (Patpat) • Kargo Poşeti • Broşür Çeşitleri</p>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 Işılpak Ambalaj. Tüm Hakları Saklıdır. Sektörün SEO ve Tasarım Lideri.</p>
</div>
</footer>
<script>
// Üst Menü Geçiş Animasyonu
window.addEventListener('scroll', () => {
const header = document.querySelector('header');
if (window.scrollY > 50) {
header.style.background = '#0B0B0C';
header.style.boxShadow = '0 10px 30px rgba(0,0,0,0.5)';
} else {
header.style.background = 'rgba(11, 11, 12, 0.85)';
header.style.boxShadow = 'none';
}
});
</script>
</body>
</html>