-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
218 lines (196 loc) · 10.7 KB
/
Copy pathindex.html
File metadata and controls
218 lines (196 loc) · 10.7 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
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 🎯 JUDUL UTAMA DI GOOGLE -->
<title>GUDANG SPX WATES WA 0818555621</title>
<!-- 📇 DESKRIPSI GOOGLE -->
<meta name="description" content="GUDANG SPX WATES WA 0818555621 — SPX Express Wates. Layanan pengiriman paket cepat, lokasi & jam kerja. Hubungi kami sekarang!">
<meta name="keywords" content="SPX Express, Gudang SPX Wates, Wates, Kulon Progo, Pengiriman Paket, WA 0818555621, spxexpress.info">
<meta name="author" content="Gudang SPX Wates">
<link rel="canonical" href="https://wates.spxexpress.info/">
<!-- 🗺️ SITEMAP UNTUK GOOGLE -->
<link rel="alternate" href="https://wates.spxexpress.info/" hreflang="id-ID" />
<style>
*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}
:root{--merah:#E53935;--biru:#1565C0;--abu:#f5f5f5;--gelap:#263238;--wa:#25D366;}
body{background:#fff;color:#333;line-height:1.6;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
/* Header & Cover */
header{background:linear-gradient(135deg,var(--merah),var(--biru));color:white;text-align:center;padding:45px 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;}
.cover-img{width:100%;max-height:320px;object-fit:cover;border-radius:12px;margin:20px 0;box-shadow:0 4px 15px rgba(0,0,0,0.2);}
h1{font-size:1.8rem;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.15rem;font-weight:bold;}
.sub-judul{font-size:1.1rem;opacity:0.95;margin-top:10px;}
/* Navigasi */
nav{background:white;box-shadow:0 2px 8px rgba(0,0,0,0.1);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 Umum */
section{padding:50px 0;}
section:nth-child(even){background:var(--abu);}
h2{text-align:center;font-size:1.8rem;color:var(--biru);margin-bottom:30px;position:relative;}
h2::after{content:'';width:80px;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.08);margin-bottom:20px;}
/* Tombol */
.btn{padding:14px 28px;font-size:1rem;border:none;border-radius:8px;cursor:pointer;font-weight:bold;transition:0.3s;text-decoration:none;display:inline-block;}
.btn-merah{background:var(--merah);color:white;}
.btn-merah:hover{background:#c62828;}
.btn-wa{background:var(--wa);color:white;}
.btn-wa:hover{background:#1da851;}
/* Info Grid */
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;}
.info-item{padding:15px 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:1.05rem;}
/* 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:32px;color:white;box-shadow:0 4px 12px rgba(0,0,0,0.25);z-index:999;text-decoration:none;}
.wa-float:hover{transform:scale(1.1);}
@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 & Cover -->
<header id="beranda">
<div class="container">
<span class="domain-tag">🌐 wates.spxexpress.info</span>
<h1>🏭 GUDANG SPX WATES</h1>
<div class="wa-box">📞 WA 0818555621</div>
<p class="sub-judul">SPX Express — Layanan Pengiriman Cepat & Terpercaya</p>
<!-- Ganti foto di bawah dengan foto cover kurir kamu -->
<img src="FOTO_COVER_KURIR.jpg" alt="Cover SPX Express Wates" 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>
<main>
<!-- Tentang SPX Express -->
<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 Wates</strong>.</p>
<br>
<p>Kami mengutamakan kecepatan pengiriman, keamanan barang, dan kemudahan pelayanan di wilayah Wates, Kulon Progo dan sekitarnya. 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 WATES</strong></p>
<p>Wates, Kabupaten Kulon Progo, Daerah Istimewa Yogyakarta</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 — 18.00 WIB
</div>
<div class="info-item">
<strong>Minggu & Hari Libur</strong>
09.00 — 15.00 WIB
</div>
<div class="info-item">
<strong>Pengiriman & Penerimaan Paket</strong>
Buka setiap hari 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 Wates</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 Wates, Kulon Progo & 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%20Wates%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 WATES</h3>
<p style="font-size:1.2rem;margin-bottom:10px;"><strong>📱 WhatsApp SPX:</strong> 0818555621</p>
<p style="margin-bottom:20px;">📍 Wates, Kulon Progo, Daerah Istimewa Yogyakarta</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 WATES</h3>
<p class="domain-footer">🌐 wates.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 WATES WA 0818555621. All Rights Reserved.</p>
</div>
</footer>
<!-- Tombol WA Melayang -->
<a href="https://wa.me/62818555621" target="_blank" class="wa-float">💬</a>
<script>
// Smooth scroll navigasi
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>