444 lines
21 KiB
HTML
444 lines
21 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="tr">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Zümrüt Kuyumculuk | Altın & Dövizde Güvenin Adresi — Merkez, İstanbul</title>
|
||
<meta name="description" content="Zümrüt Kuyumculuk — Merkez İstanbul. 22 ayar bilezik, kolye, yüzük, çeyrek altın ve güncel döviz alım-satım. Güvenilir, şeffaf, profesyonel kuyumcu." />
|
||
<meta name="keywords" content="kuyumcu, Merkez kuyumcu, altın alım satım, döviz, çeyrek altın, bilezik, gram altın, İstanbul kuyumcu" />
|
||
<meta name="author" content="Zümrüt Kuyumculuk" />
|
||
<meta name="theme-color" content="#0a0a0a" />
|
||
|
||
<!-- Open Graph -->
|
||
<meta property="og:title" content="Zümrüt Kuyumculuk | Altın & Dövizde Güvenin Adresi" />
|
||
<meta property="og:description" content="Merkez İstanbul'da 22 ayar altın ve döviz alım-satım. Güven, şeffaflık ve ustalık." />
|
||
<meta property="og:type" content="website" />
|
||
|
||
<!-- Favicon (inline SVG - zümrüt yeşili/altın elmas) -->
|
||
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Crect width='64' height='64' rx='12' fill='%230a0a0a'/%3E%3Cpath d='M32 10 L52 26 L32 54 L12 26 Z' fill='none' stroke='%23d4af37' stroke-width='3'/%3E%3Cpath d='M12 26 H52 M32 10 L24 26 L32 54 M32 10 L40 26 L32 54' stroke='%23d4af37' stroke-width='1.5' fill='none'/%3E%3C/svg%3E" />
|
||
|
||
<!-- Fontlar yerelleştirildi (vendor/) — harici CDN bağımlılığı yok, çevrimdışı çalışır -->
|
||
<link rel="stylesheet" href="vendor/css2.css" />
|
||
|
||
<link rel="stylesheet" href="css/style.css" />
|
||
<link rel="stylesheet" href="css/responsive.css" />
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ================= ÜST BİLGİ BANDI ================= -->
|
||
<div class="ust-bant">
|
||
<div class="container ust-bant-ic">
|
||
<span class="ust-bant-sol">
|
||
<svg class="mini-ikon" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z"/></svg>
|
||
Örnek Mahallesi, Çarşı Caddesi No: 1 — Merkez / İstanbul
|
||
</span>
|
||
<span class="ust-bant-sag">
|
||
<a href="tel:+905000000000">
|
||
<svg class="mini-ikon" viewBox="0 0 24 24" aria-hidden="true"><path d="M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.37 2.3.57 3.5.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.2.2 2.4.57 3.5a1 1 0 0 1-.25 1z"/></svg>
|
||
0500 000 00 00
|
||
</a>
|
||
<span class="ust-bant-ayrac">|</span>
|
||
<span>Hafta içi 09:00 – 20:00</span>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ================= HEADER ================= -->
|
||
<header class="site-header" id="header">
|
||
<div class="container header-ic">
|
||
<a href="#hero" class="logo" aria-label="Zümrüt Kuyumculuk ana sayfa">
|
||
<span class="logo-amblem" aria-hidden="true">
|
||
<svg viewBox="0 0 64 64"><path d="M32 8 L56 26 L32 58 L8 26 Z" fill="none" stroke="currentColor" stroke-width="2.5"/><path d="M8 26 H56 M32 8 L23 26 L32 58 M32 8 L41 26 L32 58" stroke="currentColor" stroke-width="1.2" fill="none" opacity=".8"/></svg>
|
||
</span>
|
||
<span class="logo-yazi">
|
||
<strong>ZÜMRÜT</strong>
|
||
<em>KUYUMCULUK</em>
|
||
</span>
|
||
</a>
|
||
|
||
<nav class="nav" id="nav" aria-label="Ana menü">
|
||
<a href="#hero" class="nav-link aktif">Anasayfa</a>
|
||
<a href="#kur" class="nav-link">Canlı Kur</a>
|
||
<a href="#vitrin" class="nav-link">Vitrin</a>
|
||
<a href="#hakkimizda" class="nav-link">Hakkımızda</a>
|
||
<a href="#hizmetler" class="nav-link">Hizmetler</a>
|
||
<a href="#iletisim" class="nav-link">İletişim</a>
|
||
<a href="#iletisim" class="nav-cta">Bize Ulaşın</a>
|
||
</nav>
|
||
|
||
<button class="menu-toggle" id="menu-toggle" aria-label="Menüyü aç/kapat" aria-expanded="false" aria-controls="nav">
|
||
<span></span><span></span><span></span>
|
||
</button>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<!-- ================= HERO ================= -->
|
||
<section class="hero" id="hero">
|
||
<div class="hero-isik" aria-hidden="true"></div>
|
||
<div class="hero-doku" aria-hidden="true"></div>
|
||
|
||
<div class="container hero-ic">
|
||
<p class="hero-ustyazi reveal">1985'ten bu yana Merkez'de</p>
|
||
<h1 class="hero-baslik reveal">
|
||
Altın & Dövizde<br />
|
||
<span class="altin-metin">Güvenin Adresi</span>
|
||
</h1>
|
||
<p class="hero-aciklama reveal">
|
||
Çeyrek altından 22 ayar bileziğe, has altından döviz alım-satımına kadar
|
||
tüm işlemlerinizde şeffaf fiyat, anında ödeme ve otuz sekiz yıllık ustalık.
|
||
</p>
|
||
<div class="hero-butonlar reveal">
|
||
<a href="#vitrin" class="btn btn-altin">
|
||
Vitrini Gör
|
||
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</a>
|
||
<a href="#iletisim" class="btn btn-cizgi">Bize Ulaşın</a>
|
||
</div>
|
||
|
||
<ul class="hero-rozetler reveal">
|
||
<li><strong>38</strong><span>Yıllık Tecrübe</span></li>
|
||
<li><strong>%100</strong><span>Has Altın Garantisi</span></li>
|
||
<li><strong>Anında</strong><span>Nakit Ödeme</span></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<a href="#kur" class="hero-asagi" aria-label="Aşağı kaydır">
|
||
<span></span>
|
||
</a>
|
||
</section>
|
||
|
||
<!-- ================= CANLI KUR ================= -->
|
||
<section class="bolum kur-bolum" id="kur">
|
||
<div class="container">
|
||
<div class="bolum-baslik reveal">
|
||
<span class="bolum-etiket">Güncel Piyasa</span>
|
||
<h2>Canlı <span class="altin-metin">Kur & Altın</span> Fiyatları</h2>
|
||
<p class="bolum-alt">Alış ve satış fiyatlarımız mağazamızda geçerlidir. İşlem öncesi telefonla teyit alabilirsiniz.</p>
|
||
</div>
|
||
|
||
<div class="kur-bandi reveal">
|
||
<div class="kur-band-ust">
|
||
<span class="canli-nokta" aria-hidden="true"></span>
|
||
<span class="canli-yazi">CANLI</span>
|
||
<span class="kur-saat-grup">Son güncelleme: <span id="kur-saat">--:--</span></span>
|
||
</div>
|
||
<div class="kur-tablo" id="kur-tablo" role="table" aria-label="Güncel döviz ve altın fiyatları">
|
||
<!-- JS doldurur -->
|
||
</div>
|
||
<p class="kur-dipnot">
|
||
* Fiyatlar bilgilendirme amaçlıdır ve anlık olarak değişebilir.
|
||
Kesin fiyat için <a href="tel:+905000000000">0500 000 00 00</a> numaralı hattımızı arayın.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ================= VİTRİN ================= -->
|
||
<section class="bolum vitrin-bolum" id="vitrin">
|
||
<div class="container">
|
||
<div class="bolum-baslik reveal">
|
||
<span class="bolum-etiket">Koleksiyon</span>
|
||
<h2>Mağaza <span class="altin-metin">Vitrinimiz</span></h2>
|
||
<p class="bolum-alt">Her biri usta elinden çıkan, sertifikalı ürünlerimizden bir seçki.</p>
|
||
</div>
|
||
|
||
<div class="vitrin-filtre reveal" id="vitrin-filtre" role="tablist" aria-label="Ürün kategorileri">
|
||
<button type="button" class="filtre-btn aktif" data-kategori="tumu" role="tab" aria-selected="true">Tümü</button>
|
||
<button type="button" class="filtre-btn" data-kategori="bilezik" role="tab" aria-selected="false">Bilezik</button>
|
||
<button type="button" class="filtre-btn" data-kategori="kolye" role="tab" aria-selected="false">Kolye & Set</button>
|
||
<button type="button" class="filtre-btn" data-kategori="yuzuk" role="tab" aria-selected="false">Yüzük</button>
|
||
<button type="button" class="filtre-btn" data-kategori="ceyrek" role="tab" aria-selected="false">Çeyrek & Ata</button>
|
||
</div>
|
||
|
||
<div class="urun-grid" id="urun-grid" aria-live="polite">
|
||
<p class="vitrin-yukleniyor">Ürünler yükleniyor…</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ================= HAKKIMIZDA ================= -->
|
||
<section class="bolum hakkimizda-bolum" id="hakkimizda">
|
||
<div class="container hakkimizda-ic">
|
||
<div class="hakkimizda-gorsel reveal" aria-hidden="true">
|
||
<div class="cerceve">
|
||
<div class="cerceve-ic">
|
||
<svg viewBox="0 0 120 120" class="buyuk-amblem">
|
||
<path d="M60 12 L104 46 L60 108 L16 46 Z" fill="none" stroke="currentColor" stroke-width="2"/>
|
||
<path d="M16 46 H104 M60 12 L43 46 L60 108 M60 12 L77 46 L60 108" stroke="currentColor" stroke-width="1" fill="none" opacity=".7"/>
|
||
</svg>
|
||
<p class="cerceve-yazi">Has Altın<br /><span>Sertifikalı</span></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hakkimizda-metin">
|
||
<div class="bolum-baslik sol reveal">
|
||
<span class="bolum-etiket">Bizi Tanıyın</span>
|
||
<h2>Üç Nesildir <span class="altin-metin">Aynı Güven</span></h2>
|
||
</div>
|
||
<p class="reveal">
|
||
Zümrüt Kuyumculuk, 1985 yılında Merkez'de küçük bir tezgâhta başlayan
|
||
yolculuğunu bugün üçüncü neslin yönetiminde sürdürüyor. Babadan oğula geçen
|
||
bu meslekte değişmeyen tek şey oldu: <strong>verdiğimiz söz</strong>.
|
||
</p>
|
||
<p class="reveal">
|
||
Aldığımız her ürünü tek tek tartar, ayarını ölçer, gramajını yazarız. Ne eksik
|
||
ne fazla — tam olanı söyleriz. Has altın alım-satımında günün en rekabetçi
|
||
fiyatını verir, ödemeyi anında nakit yaparız. Dövizde ise şeffaf kurlarla
|
||
çalışır, komisyon sürprizi yaşatmamayı ilke ediniriz.
|
||
</p>
|
||
|
||
<ul class="hakkimizda-liste reveal">
|
||
<li><span class="tik" aria-hidden="true">✓</span> Sertifikalı has altın ve gümüş</li>
|
||
<li><span class="tik" aria-hidden="true">✓</span> Anlık tartım, şeffaf gramaj</li>
|
||
<li><span class="tik" aria-hidden="true">✓</span> Gizli ve güvenli işlem ortamı</li>
|
||
<li><span class="tik" aria-hidden="true">✓</span> Alım-satımda danışmanlık desteği</li>
|
||
</ul>
|
||
|
||
<div class="sayaclar reveal">
|
||
<div class="sayac-kutu">
|
||
<strong data-sayac="38" data-sonek="">0</strong>
|
||
<span>Yıllık Tecrübe</span>
|
||
</div>
|
||
<div class="sayac-kutu">
|
||
<strong data-sayac="25000" data-sonek="+">0</strong>
|
||
<span>Mutlu Müşteri</span>
|
||
</div>
|
||
<div class="sayac-kutu">
|
||
<strong data-sayac="1200" data-sonek="+">0</strong>
|
||
<span>Vitrin Ürünü</span>
|
||
</div>
|
||
<div class="sayac-kutu">
|
||
<strong data-sayac="3" data-sonek="">0</strong>
|
||
<span>Nesil</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ================= HİZMETLER ================= -->
|
||
<section class="bolum hizmetler-bolum" id="hizmetler">
|
||
<div class="container">
|
||
<div class="bolum-baslik reveal">
|
||
<span class="bolum-etiket">Ne Yapıyoruz</span>
|
||
<h2><span class="altin-metin">Hizmetlerimiz</span></h2>
|
||
<p class="bolum-alt">Altın ve dövizle ilgili ihtiyacınızın tamamı tek çatı altında.</p>
|
||
</div>
|
||
|
||
<div class="hizmet-grid">
|
||
<article class="hizmet-kart reveal">
|
||
<div class="hizmet-ikon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24"><path d="M12 2 L19 8 L12 22 L5 8 Z" fill="none" stroke="currentColor" stroke-width="1.6"/><path d="M5 8 H19" stroke="currentColor" stroke-width="1.2"/></svg>
|
||
</div>
|
||
<h3>Altın Alım – Satım</h3>
|
||
<p>
|
||
Has altın, bilezik, kolye, küpe, çeyrek ve Cumhuriyet altınında günün en iyi
|
||
fiyatı. Hurda altının gramajı ve ayarı hassas teraziyle anında ölçülür,
|
||
ödemeniz beklemeden nakit yapılır.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="hizmet-kart reveal">
|
||
<div class="hizmet-ikon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24"><rect x="3" y="6" width="18" height="12" rx="2" fill="none" stroke="currentColor" stroke-width="1.6"/><circle cx="12" cy="12" r="3" fill="none" stroke="currentColor" stroke-width="1.4"/></svg>
|
||
</div>
|
||
<h3>Döviz İşlemleri</h3>
|
||
<p>
|
||
Amerikan Doları, Euro, İngiliz Sterlini ve diğer majör para birimlerinde
|
||
alım-satım. Şeffaf kur, sıfır sürpriz komisyon. Kur bilgisi istediğinizde
|
||
telefonla anında teyit edilir.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="hizmet-kart reveal">
|
||
<div class="hizmet-ikon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.6"/><path d="M12 7v5l4 2" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg>
|
||
</div>
|
||
<h3>Kuyum Ürünleri</h3>
|
||
<p>
|
||
Nişan, düğün, sünnet ve özel günleriniz için 22 ayar bilezikten tek taş
|
||
yüzüğe geniş koleksiyon. İsteğe özel tasarım ve ölçü ayarı yapılır,
|
||
gravür hizmeti verilir.
|
||
</p>
|
||
</article>
|
||
|
||
<article class="hizmet-kart reveal">
|
||
<div class="hizmet-ikon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24"><path d="M4 19V5m0 14h16" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/><path d="M8 15l3-4 3 3 5-7" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
|
||
</div>
|
||
<h3>Değerli Maden Danışmanlığı</h3>
|
||
<p>
|
||
Birikiminizi altında mı dövizde mi tutmalısınız? Piyasa takibi, gram
|
||
maliyet hesabı ve uzun vadeli alım-satım stratejisi için ücretsiz
|
||
danışmanlık.
|
||
</p>
|
||
</article>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- ================= İLETİŞİM ================= -->
|
||
<section class="bolum iletisim-bolum" id="iletisim">
|
||
<div class="container">
|
||
<div class="bolum-baslik reveal">
|
||
<span class="bolum-etiket">Ziyaret Edin</span>
|
||
<h2><span class="altin-metin">İletişim</span> & Adres</h2>
|
||
<p class="bolum-alt">Mağazamıza uğrayın ya da bir telefon kadarcık uzağınızdayız.</p>
|
||
</div>
|
||
|
||
<div class="iletisim-grid">
|
||
<div class="iletisim-bilgi">
|
||
<a class="bilgi-kart reveal" href="https://www.google.com/maps/search/?api=1&query=Ornek+Mahallesi+Carsi+Caddesi+No+1+Merkez+%C4%B0stanbul" target="_blank" rel="noopener">
|
||
<div class="bilgi-ikon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24"><path d="M12 2a7 7 0 0 0-7 7c0 5 7 13 7 13s7-8 7-13a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z" fill="currentColor"/></svg>
|
||
</div>
|
||
<div>
|
||
<h3>Adres</h3>
|
||
<p>Örnek Mahallesi, Çarşı Caddesi No: 1<br />Merkez / İstanbul</p>
|
||
<span class="bilgi-link">Yol tarifi al →</span>
|
||
</div>
|
||
</a>
|
||
|
||
<a class="bilgi-kart reveal" href="tel:+905000000000">
|
||
<div class="bilgi-ikon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24"><path d="M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.37 2.3.57 3.5.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.2.2 2.4.57 3.5a1 1 0 0 1-.25 1z" fill="currentColor"/></svg>
|
||
</div>
|
||
<div>
|
||
<h3>Telefon</h3>
|
||
<p>0500 000 00 00</p>
|
||
<span class="bilgi-link">Hemen ara →</span>
|
||
</div>
|
||
</a>
|
||
|
||
<div class="bilgi-kart reveal">
|
||
<div class="bilgi-ikon" aria-hidden="true">
|
||
<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="9" fill="none" stroke="currentColor" stroke-width="1.8"/><path d="M12 7v5l4 2" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/></svg>
|
||
</div>
|
||
<div>
|
||
<h3>Çalışma Saatleri</h3>
|
||
<p>Pazartesi – Cumartesi: 09:00 – 20:00<br />Pazar: Kapalı</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<form class="iletisim-form reveal" id="iletisim-form" novalidate>
|
||
<h3>Bize Yazın</h3>
|
||
<p class="form-alt">Sorunuzu bırakın, en kısa sürede dönüş yapalım.</p>
|
||
|
||
<div class="form-grup">
|
||
<label for="ad">Ad Soyad <span class="zorunlu">*</span></label>
|
||
<input type="text" id="ad" name="ad" placeholder="Adınız ve soyadınız" autocomplete="name" />
|
||
<span class="form-hata" data-hata="ad"></span>
|
||
</div>
|
||
|
||
<div class="form-grup">
|
||
<label for="telefon">Telefon <span class="zorunlu">*</span></label>
|
||
<input type="tel" id="telefon" name="telefon" placeholder="05xx xxx xx xx" autocomplete="tel" />
|
||
<span class="form-hata" data-hata="telefon"></span>
|
||
</div>
|
||
|
||
<div class="form-grup">
|
||
<label for="konu">Konu</label>
|
||
<select id="konu" name="konu">
|
||
<option value="altin">Altın alım / satım</option>
|
||
<option value="doviz">Döviz işlemi</option>
|
||
<option value="urun">Ürün / sipariş</option>
|
||
<option value="diger">Diğer</option>
|
||
</select>
|
||
</div>
|
||
|
||
<div class="form-grup">
|
||
<label for="mesaj">Mesajınız <span class="zorunlu">*</span></label>
|
||
<textarea id="mesaj" name="mesaj" rows="4" placeholder="Nasıl yardımcı olabiliriz?"></textarea>
|
||
<span class="form-hata" data-hata="mesaj"></span>
|
||
</div>
|
||
|
||
<button type="submit" class="btn btn-altin btn-tam">Mesajı Gönder</button>
|
||
<p class="form-bilgi" id="form-bilgi" role="status"></p>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="harita-kap reveal">
|
||
<iframe
|
||
title="Zümrüt Kuyumculuk konum haritası"
|
||
src="https://www.google.com/maps?q=Ornek+Mahallesi+Carsi+Caddesi+No+1+Merkez+%C4%B0stanbul&output=embed"
|
||
loading="lazy"
|
||
referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|
||
|
||
<!-- ================= FOOTER ================= -->
|
||
<footer class="site-footer">
|
||
<div class="container footer-ic">
|
||
<div class="footer-kol footer-marka">
|
||
<a href="#hero" class="logo logo-footer">
|
||
<span class="logo-amblem" aria-hidden="true">
|
||
<svg viewBox="0 0 64 64"><path d="M32 8 L56 26 L32 58 L8 26 Z" fill="none" stroke="currentColor" stroke-width="2.5"/><path d="M8 26 H56 M32 8 L23 26 L32 58 M32 8 L41 26 L32 58" stroke="currentColor" stroke-width="1.2" fill="none" opacity=".8"/></svg>
|
||
</span>
|
||
<span class="logo-yazi"><strong>ZÜMRÜT</strong><em>KUYUMCULUK</em></span>
|
||
</a>
|
||
<p>
|
||
Merkez'de üç nesildir altın ve dövizde güvenin adresi.
|
||
Şeffaf fiyat, has ürün, anında ödeme.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="footer-kol">
|
||
<h4>Hızlı Linkler</h4>
|
||
<ul>
|
||
<li><a href="#kur">Canlı Kur</a></li>
|
||
<li><a href="#vitrin">Vitrin</a></li>
|
||
<li><a href="#hakkimizda">Hakkımızda</a></li>
|
||
<li><a href="#hizmetler">Hizmetler</a></li>
|
||
<li><a href="#iletisim">İletişim</a></li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-kol">
|
||
<h4>İletişim</h4>
|
||
<ul class="footer-iletisim">
|
||
<li>Örnek Mahallesi, Çarşı Caddesi No: 1<br />Merkez / İstanbul</li>
|
||
<li><a href="tel:+905000000000">0500 000 00 00</a></li>
|
||
<li>Pazartesi – Cumartesi: 09:00 – 20:00</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="footer-kol">
|
||
<h4>Bilgilendirme</h4>
|
||
<ul>
|
||
<li><a href="#iletisim">Fiyat Sorgulama</a></li>
|
||
<li><a href="#hizmetler">Altın Alım-Satım</a></li>
|
||
<li><a href="#hizmetler">Döviz İşlemleri</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="footer-alt">
|
||
<div class="container footer-alt-ic">
|
||
<p>© <span id="yil">2025</span> Zümrüt Kuyumculuk. Tüm hakları saklıdır.</p>
|
||
<p class="footer-not">Altın ve döviz fiyatları bilgilendirme amaçlıdır; yatırım tavsiyesi değildir.</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Lightbox -->
|
||
<div class="lightbox" id="lightbox" role="dialog" aria-modal="true" aria-label="Ürün görseli" hidden>
|
||
<button class="lightbox-kapat" id="lightbox-kapat" aria-label="Kapat">×</button>
|
||
<button class="lightbox-ok lightbox-sol" id="lightbox-onceki" aria-label="Önceki ürün">‹</button>
|
||
<figure class="lightbox-icerik">
|
||
<div class="lightbox-gorsel" id="lightbox-gorsel"></div>
|
||
<figcaption id="lightbox-baslik"></figcaption>
|
||
</figure>
|
||
<button class="lightbox-ok lightbox-sag" id="lightbox-sonraki" aria-label="Sonraki ürün">›</button>
|
||
</div>
|
||
|
||
<script src="js/main.js"></script>
|
||
<script src="js/kur.js"></script>
|
||
<script src="js/galeri.js"></script>
|
||
</body>
|
||
</html>
|