-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
221 lines (199 loc) · 11.2 KB
/
Copy pathindex.html
File metadata and controls
221 lines (199 loc) · 11.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- JUDUL UTAMA GOOGLE -->
<title>GUDANG SPX GANDUSARI HUB WA 0818555621</title>
<meta name="description" content="GUDANG SPX GANDUSARI HUB WA 0818555621 — SPX Express Gandusari, Blitar, Jawa Timur. Pengiriman paket cepat, lokasi & jam kerja. Hubungi kami!">
<meta name="keywords" content="SPX Express, Gudang SPX Gandusari, Gandusari, Blitar, Pengiriman Paket, WA 0818555621">
<meta name="author" content="Gudang SPX Gandusari">
<link rel="canonical" href="https://gandusari.spxexpress.info/">
<link rel="alternate" href="https://gandusari.spxexpress.info/" hreflang="id-ID" />
<meta name="robots" content="index, follow">
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif;}
:root{--merah:#E53935;--biru:#1565C0;--abu:#f5f5f5;--gelap:#263238;--wa:#25D366;}
body{background:#fff;color:#333;line-height:1.7;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
/* HEADER */
header{background:linear-gradient(135deg,var(--merah),var(--biru));color:white;text-align:center;padding:40px 20px;}
.domain-tag{display:inline-block;background:rgba(255,255,255,0.2);padding:6px 16px;border-radius:20px;font-size:0.95rem;margin-bottom:15px;}
h1{font-size:1.7rem;margin-bottom:10px;line-height:1.4;}
.wa-box{background:rgba(255,255,255,0.25);display:inline-block;padding:10px 25px;border-radius:30px;margin-top:12px;font-size:1.1rem;font-weight:bold;}
.sub-judul{font-size:1.05rem;opacity:0.95;margin-top:10px;}
.cover-img{width:100%;max-height:300px;object-fit:cover;border-radius:12px;margin:20px 0;box-shadow:0 4px 15px rgba(0,0,0,0.15);}
/* NAVIGASI */
nav{background:white;box-shadow:0 2px 8px rgba(0,0,0,0.08);position:sticky;top:0;z-index:99;}
.nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:12px;}
.nav-links a{padding:10px 16px;text-decoration:none;color:var(--gelap);border-radius:6px;transition:0.3s;}
.nav-links a:hover,.nav-links a.active{background:var(--merah);color:white;}
/* SECTION */
section{padding:45px 0;}
section:nth-child(even){background:var(--abu);}
h2{text-align:center;font-size:1.7rem;color:var(--biru);margin-bottom:25px;position:relative;}
h2::after{content:'';width:70px;height:4px;background:var(--merah);position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);border-radius:2px;}
.card{background:white;padding:25px;border-radius:12px;box-shadow:0 3px 10px rgba(0,0,0,0.06);margin-bottom:20px;}
/* GRID & ITEM */
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;}
.info-item{padding:14px 0;border-bottom:1px solid #eee;}
.info-item:last-child{border-bottom:none;}
.info-item strong{color:var(--biru);display:block;margin-bottom:5px;font-size:1rem;}
/* TOMBOL */
.btn{padding:13px 26px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;font-weight:bold;transition:0.3s;text-decoration:none;display:inline-block;}
.btn-wa{background:var(--wa);color:white;}
.btn-wa:hover{background:#1da851;}
/* FOOTER */
footer{background:var(--gelap);color:white;text-align:center;padding:30px 20px;}
.domain-footer{color:#81d4fa;font-size:0.9rem;margin-top:8px;}
.wa-float{position:fixed;bottom:25px;right:25px;width:60px;height:60px;background:var(--wa);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;color:white;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:999;text-decoration:none;}
.wa-float:hover{transform:scale(1.08);}
@media(max-width:768px){
h1{font-size:1.4rem;}
.wa-box{font-size:1rem;}
.nav-links a{padding:8px 12px;font-size:0.9rem;}
}
</style>
</head>
<body>
<!-- ================================== HEADER ================================== -->
<header id="beranda">
<div class="container">
<span class="domain-tag">🌐 gandusari.spxexpress.info</span>
<h1>🏭 GUDANG SPX GANDUSARI HUB</h1>
<div class="wa-box">📞 WA 0818555621</div>
<p class="sub-judul">SPX Express — Layanan Pengiriman Cepat & Terpercaya</p>
<img src="FOTO_COVER_KURIR.jpg" alt="Cover SPX Express Gandusari" class="cover-img">
<a href="https://wa.me/62818555621" target="_blank" class="btn btn-wa" style="margin-top:15px;">💬 Hubungi via WhatsApp</a>
</div>
</header>
<!-- ================================== NAVIGASI ================================== -->
<nav>
<div class="nav-links">
<a href="#beranda" class="active">Beranda</a>
<a href="#tentang">Tentang SPX</a>
<a href="#lokasi">Lokasi</a>
<a href="#jam">Jam Kerja</a>
<a href="#kirim">Pengiriman</a>
<a href="#kontak">Kontak</a>
</div>
</nav>
<!-- ================================== KONTEN ================================== -->
<main>
<!-- TENTANG SPX -->
<section id="tentang">
<div class="container">
<h2>Tentang SPX Express</h2>
<div class="card">
<p><strong>SPX Express</strong> adalah perusahaan jasa pengiriman paket dan logistik yang berkomitmen memberikan layanan cepat, aman, dan terjangkau. Kami melayani pengiriman dalam kota, antar kota, hingga antar pulau dengan jaringan gudang <strong>Gudang SPX Gandusari Hub</strong>.</p>
<br>
<p>Kami mengutamakan kecepatan pengiriman, keamanan barang, dan kemudahan pelayanan di wilayah Gandusari, Kabupaten Blitar, Jawa Timur dan sekitarnya. Melayani desa: Sukosewu, Gandusari, Butun, Karanganyar, Tumpakoyot, Sumberbendo, Jatipengasihan, Ngembal, Sumberagung, Wonorejo. Setiap paket ditangani dengan hati-hati hingga sampai ke tangan penerima. Untuk pertanyaan atau informasi paket, silakan hubungi kami via WhatsApp.</p>
</div>
</div>
</section>
<!-- LOKASI & JAM KERJA -->
<section id="lokasi-jam">
<div class="container">
<h2>Lokasi & Jam Operasional</h2>
<div class="grid-2">
<div class="card" id="lokasi">
<h3 style="color:var(--merah);margin-bottom:15px;">📍 Lokasi Gudang</h3>
<p><strong>GUDANG SPX GANDUSARI HUB</strong></p>
<p>Jl. Desa Sukosewu No.10, Sukosewu</p>
<p>Kecamatan Gandusari, Kabupaten Blitar, Jawa Timur</p>
<p>Kode Pos: 66187</p>
<br>
<p>✅ Mudah diakses — silakan datang langsung untuk kirim atau ambil paket</p>
</div>
<div class="card" id="jam">
<h3 style="color:var(--merah);margin-bottom:15px;">🕐 Jam Kerja</h3>
<div class="info-item">
<strong>Senin — Jumat</strong>
08.00 — 17.00 WIB
</div>
<div class="info-item">
<strong>Sabtu</strong>
08.00 — 14.00 WIB
</div>
<div class="info-item">
<strong>Minggu & Hari Libur</strong>
Layanan Terbatas / Tutup
</div>
<div class="info-item">
<strong>Pengiriman & Penerimaan Paket</strong>
Buka sesuai jam operasional
</div>
</div>
</div>
</div>
</section>
<!-- PENGIRIMAN PAKET -->
<section id="kirim">
<div class="container">
<h2>📦 Pengiriman Paket</h2>
<div class="card">
<div class="grid-2">
<div>
<h3 style="color:var(--merah);margin-bottom:12px;">Cara Kirim Paket</h3>
<ul style="list-style:none;line-height:2;">
<li>✅ Datang langsung ke Gudang SPX Gandusari Hub</li>
<li>✅ Permintaan penjemputan paket (hubungi WA)</li>
<li>✅ Bisa kirim paket reguler & kilat</li>
<li>✅ Semua jenis barang aman & tercover</li>
</ul>
</div>
<div>
<h3 style="color:var(--merah);margin-bottom:12px;">Layanan Kami</h3>
<ul style="list-style:none;line-height:2;">
<li>🚚 Pengiriman di Gandusari, Blitar & luar wilayah</li>
<li>📦 Drop-off & Penjemputan paket gratis</li>
<li>🔒 Paket aman & terjamin</li>
<li>💰 Harga terjangkau</li>
</ul>
</div>
</div>
<div style="text-align:center;margin-top:25px;">
<a href="https://wa.me/62818555621?text=Halo%20SPX%20Gandusari%2C%20saya%20ingin%20mengirim%20paket" target="_blank" class="btn btn-wa">📩 Pesan Pengiriman via WA</a>
</div>
</div>
</div>
</section>
<!-- KONTAK -->
<section id="kontak">
<div class="container">
<h2>📞 Hubungi Kami</h2>
<div class="card" style="text-align:center;max-width:700px;margin:0 auto;">
<h3 style="font-size:1.5rem;color:var(--biru);margin-bottom:20px;">GUDANG SPX GANDUSARI HUB</h3>
<p style="font-size:1.2rem;margin-bottom:10px;"><strong>📱 WhatsApp SPX:</strong> 0818555621</p>
<p style="margin-bottom:20px;">📍 Jl. Desa Sukosewu No.10, Sukosewu, Gandusari, Blitar, Jawa Timur — Kode Pos 66187</p>
<a href="https://wa.me/62818555621" target="_blank" class="btn btn-wa" style="font-size:1.1rem;padding:15px 35px;">💬 KLIK DISINI CHAT WA</a>
</div>
</div>
</section>
</main>
<!-- ================================== FOOTER ================================== -->
<footer>
<div class="container">
<h3 style="margin-bottom:10px;">GUDANG SPX GANDUSARI HUB</h3>
<p class="domain-footer">🌐 gandusari.spxexpress.info</p>
<p>SPX Express — Layanan Pengiriman Cepat & Terpercaya</p>
<p style="margin:10px 0;font-weight:bold;">📞 WA 0818555621</p>
<p style="margin-top:15px;font-size:0.9rem;opacity:0.7;">© 2026 GUDANG SPX GANDUSARI HUB WA 0818555621. All Rights Reserved.</p>
</div>
</footer>
<!-- TOMBOL WA MELAYANG -->
<a href="https://wa.me/62818555621" target="_blank" class="wa-float">💬</a>
<!-- SCRIPT NAVIGASI -->
<script>
document.querySelectorAll('.nav-links a').forEach(link => {
link.addEventListener('click', function(e) {
e.preventDefault();
document.querySelectorAll('.nav-links a').forEach(a => a.classList.remove('active'));
this.classList.add('active');
const target = document.querySelector(this.getAttribute('href'));
window.scrollTo({top: target.offsetTop - 60, behavior: 'smooth'});
});
});
</script>
</body>
</html>