-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
216 lines (194 loc) · 10.9 KB
/
Copy pathindex.html
File metadata and controls
216 lines (194 loc) · 10.9 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
<!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 BINANGUN HUB WA 0818555621</title>
<meta name="description" content="GUDANG SPX BINANGUN HUB WA 0818555621 — SPX Express Binangun, Blitar, Jawa Timur. Pengiriman paket cepat, lokasi & jam kerja. Hubungi kami!">
<meta name="keywords" content="SPX Express, Gudang SPX Binangun, Binangun, Blitar, Pengiriman Paket, WA 0818555621">
<meta name="author" content="Gudang SPX Binangun">
<link rel="canonical" href="https://binangun.spxexpress.info/">
<link rel="alternate" href="https://binangun.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">🌐 binangun.spxexpress.info</span>
<h1>🏭 GUDANG SPX BINANGUN 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 Binangun" 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 Binangun Hub</strong>.</p>
<br>
<p>Kami mengutamakan kecepatan pengiriman, keamanan barang, dan kemudahan pelayanan di wilayah Binangun, Kabupaten Blitar, Jawa Timur dan sekitarnya. Melayani desa: Binangun, Gadungan, Sumberboto, Jatinom, Ngadri, Bangsri, Sengguruh, Tanjungsari, Sukorejo, Sumberjo. 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 BINANGUN HUB</strong></p>
<p>Kecamatan Binangun, Kabupaten Blitar, Jawa Timur</p>
<p>Kode Pos: 66183</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 — Sabtu</strong>
08.00 — 17.00 WIB
</div>
<div class="info-item">
<strong>Minggu & Hari Libur</strong>
Libur / Layanan Terbatas
</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 Binangun 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 Binangun, Blitar & luar wilayah</li>
<li>📦 Pengambilan paket gratis (min. jumlah tertentu)</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%20Binangun%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 BINANGUN HUB</h3>
<p style="font-size:1.2rem;margin-bottom:10px;"><strong>📱 WhatsApp SPX:</strong> 0818555621</p>
<p style="margin-bottom:20px;">📍 Binangun, Kabupaten Blitar, Jawa Timur — Kode Pos 66183</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 BINANGUN HUB</h3>
<p class="domain-footer">🌐 binangun.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 BINANGUN 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>