-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathservices.html
335 lines (313 loc) · 15.3 KB
/
services.html
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
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>$(hostname) - Services</title>
<link rel="stylesheet" href="/styles/build.css" />
</head>
<body>
<div id="root" class="min-h-screen text-slate-500">
<!-- Navbar begin -->
<nav id="navbar" class="text-white bg-blue-500">
<div class="pb-4 mx-auto max-w-app-margin-12">
<!-- <div class="pt-6 mx-2 sm:mx-12 md:mx-24"> -->
<div class="pt-6 mx-4 min-[480px]:mx-8 sm:mx-12">
<!-- Top -->
<div
id="navbar__top"
class="flex items-center justify-between"
>
<!-- Logo -->
<a href="/" class="p-2 pl-0 text-lg font-bold"
>$(hostname)</a
>
<!-- Links -->
<ul class="hidden gap-12 md:flex">
<li class="flex items-center justify-center">
<a
href="/about.html"
class="hover:underline"
>About Us</a
>
</li>
<li class="flex items-center justify-center">
<a
href="/services.html"
class="hover:underline"
>Services</a
>
</li>
<li class="flex items-center justify-center">
<a
href="/packages.html"
class="hover:underline"
>Packages</a
>
</li>
</ul>
<!-- Hamburger button -->
<button
type="button"
id="hamburger-button"
class="flex items-center justify-center h-12 border border-white rounded md:hidden"
>
<div
class="h-6 p-0 px-2 hamburger hamburger--squeeze"
>
<div class="w-6 hamburger-box">
<div class="hamburger-inner"></div>
</div>
</div>
</button>
<button
type="button"
class="hidden py-4 px-7 button button-secondary md:block w-max"
data-contact-button="true"
>
Contact Us
</button>
</div>
<!-- Links -->
<ul
id="navbar-links"
style="display: none"
class="flex flex-col md:!hidden"
>
<li>
<a
href="/about.html"
class="block w-full py-2 hover:bg-blue-600"
>About Us</a
>
</li>
<li>
<a
href="/services.html"
class="block w-full py-2 hover:bg-blue-600"
>Services</a
>
</li>
<li>
<a
href="/packages.html"
class="block w-full py-2 hover:bg-blue-600"
>Packages</a
>
</li>
<li>
<button
type="button"
class="mt-4 button button-secondary"
data-contact-button="true"
>
Contact Us
</button>
</li>
</ul>
</div>
</div>
</nav>
<!-- Navbar end -->
<main class="bg-app">
<div class="pt-16 mx-auto sm:pt-20 max-w-app-margin-16">
<!-- Services begin -->
<ul
class="grid grid-cols-1 min-[480px]:grid-cols-2 md:grid-cols-3 gap-6 mx-4 min-[480px]:mx-8 sm:mx-16"
>
<li>
<div class="h-full card sm:p-6">
<svg
xmlns="http://www.w3.org/2000/svg"
height="16"
fill="currentColor"
viewBox="0 0 16 16"
class="h-8 my-4 sm:h-12 fill-blue-500"
>
<path
d="M5.525 3.025a3.5 3.5 0 0 1 4.95 0 .5.5 0 1 0 .707-.707 4.5 4.5 0 0 0-6.364 0 .5.5 0 0 0 .707.707Z"
/>
<path
d="M6.94 4.44a1.5 1.5 0 0 1 2.12 0 .5.5 0 0 0 .708-.708 2.5 2.5 0 0 0-3.536 0 .5.5 0 0 0 .707.707Z"
/>
<path
d="M2.974 2.342a.5.5 0 1 0-.948.316L3.806 8H1.5A1.5 1.5 0 0 0 0 9.5v2A1.5 1.5 0 0 0 1.5 13H2a.5.5 0 0 0 .5.5h2A.5.5 0 0 0 5 13h6a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5h.5a1.5 1.5 0 0 0 1.5-1.5v-2A1.5 1.5 0 0 0 14.5 8h-2.306l1.78-5.342a.5.5 0 1 0-.948-.316L11.14 8H4.86L2.974 2.342ZM2.5 11a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm4.5-.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm2.5.5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Zm1.5-.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Zm2 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0Z"
/>
<path
d="M8.5 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"
/>
</svg>
<h2
class="pb-1 text-lg font-bold text-slate-900 sm:text-xl"
>
Hotspot WiFi
</h2>
<p>Layanan Hotspot WiFi</p>
</div>
</li>
<li>
<div class="h-full card sm:p-6">
<svg
version="1.0"
xmlns="http://www.w3.org/2000/svg"
height="16"
viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet"
class="h-8 my-4 sm:h-12 fill-blue-500"
>
<g
transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
stroke="none"
>
<path
d="M3455 5004 c-134 -30 -271 -103 -376 -201 l-45 -42 -950 -3 -949 -3 -65 -23 c-166 -60 -275 -167 -340 -332 l-25 -65 -3 -1860 c-2 -1356 0 -1879 9 -1928 33 -202 208 -385 407 -426 37 -8 385 -11 1140 -11 1198 0 1142 -3 1266 63 77 40 175 136 211 207 64 126 60 77 65 770 l5 635 97 3 c92 3 98 4 118 30 20 25 22 36 18 157 -3 107 -7 139 -25 177 -30 66 -104 142 -163 167 l-50 22 2 555 3 555 87 33 c110 42 183 86 264 160 111 101 194 236 236 383 28 101 30 283 5 388 -23 93 -94 236 -154 310 -101 125 -260 230 -408 270 -87 24 -292 29 -380 9z m300 -149 c39 -8 108 -33 155 -56 158 -78 292 -242 335 -414 19 -76 19 -234 0 -310 -37 -147 -144 -296 -273 -381 -131 -87 -332 -125 -477 -89 -38 9 -102 33 -142 52 l-72 35 -106 -7 -105 -7 5 28 c2 16 6 64 9 106 5 69 3 81 -19 120 -48 83 -75 190 -75 296 0 184 52 311 183 445 67 69 98 92 167 126 139 68 272 86 415 56z m-838 -267 c-37 -84 -57 -144 -67 -198 -7 -36 -14 -75 -16 -87 l-4 -22 -833 -3 -832 -3 -42 -22 c-50 -27 -100 -86 -113 -133 -6 -22 -10 -589 -10 -1525 l0 -1490 24 -45 c13 -26 44 -60 72 -80 l48 -35 1091 -3 c716 -2 1102 1 1125 7 42 12 101 68 126 119 16 31 19 71 24 252 5 180 9 222 24 255 12 25 21 73 24 127 l5 88 44 0 44 0 -3 -622 -3 -623 -27 -57 c-52 -111 -153 -193 -268 -218 -40 -8 -339 -10 -1130 -8 l-1075 3 -67 32 c-82 39 -151 106 -186 181 l-27 57 0 1900 0 1900 27 52 c51 96 109 149 207 189 l56 24 884 0 c703 0 882 -3 878 -12z m-63 -535 c10 -38 31 -98 48 -135 l30 -66 -10 -133 c-15 -203 -12 -206 190 -192 131 9 134 9 186 -16 l52 -25 0 -568 0 -568 -140 0 -140 0 0 290 0 290 31 0 c96 0 138 104 58 145 -24 13 -156 15 -917 15 -885 0 -889 0 -916 -21 -20 -16 -26 -29 -26 -58 0 -48 25 -72 84 -78 l45 -6 3 -661 3 -661 25 -50 c34 -70 108 -139 175 -164 55 -21 70 -21 853 -21 462 0 811 4 830 9 l32 10 0 -130 c0 -116 -2 -131 -20 -149 -20 -20 -33 -20 -1075 -20 l-1056 0 -24 25 -25 24 0 1464 0 1464 21 27 20 26 824 0 823 0 16 -67z m796 -1158 l0 -545 -70 0 -70 0 0 545 0 545 70 0 70 0 0 -545z m-738 -622 c3 -653 3 -658 25 -705 l22 -48 -620 0 c-588 0 -622 1 -657 19 -46 23 -67 46 -87 94 -13 31 -15 122 -15 667 l0 630 665 0 664 0 3 -657z m511 -79 c13 -5 12 -12 -6 -52 -21 -44 -22 -62 -22 -282 l0 -235 -28 -37 c-58 -75 -164 -87 -234 -25 -61 53 -63 66 -63 367 l0 270 169 0 c93 0 176 -3 184 -6z m383 -25 c50 -31 74 -78 81 -159 l6 -70 -167 0 -166 0 0 73 c0 83 19 125 72 157 45 27 129 27 174 -1z"
/>
<path
d="M3590 4747 c-21 -11 -31 -29 -46 -84 -2 -8 -21 -13 -50 -13 -67 0 -118 -18 -164 -58 -61 -52 -84 -103 -84 -187 0 -104 45 -179 139 -228 36 -19 60 -22 222 -25 180 -4 183 -4 208 -29 19 -19 25 -36 25 -67 -1 -84 -29 -96 -227 -96 -186 0 -195 4 -218 90 -8 30 -22 61 -32 67 -28 21 -72 15 -100 -13 -23 -23 -25 -31 -20 -74 7 -60 35 -115 79 -157 42 -41 88 -60 166 -69 60 -6 62 -7 62 -36 0 -36 40 -78 75 -78 35 0 75 42 75 78 0 29 2 30 58 37 74 9 119 28 160 68 56 53 76 102 76 182 0 80 -20 129 -76 182 -60 58 -94 66 -293 72 -99 3 -186 10 -194 15 -21 13 -40 68 -34 99 3 15 19 38 35 52 29 24 34 25 188 25 155 0 159 -1 188 -25 21 -17 33 -38 37 -66 9 -53 35 -79 79 -79 25 0 40 7 55 26 25 32 26 53 5 125 -29 99 -126 169 -233 169 -42 0 -44 2 -55 52 -4 17 -18 34 -36 43 -35 18 -38 18 -70 2z"
/>
<path
d="M1866 4489 c-34 -27 -36 -77 -3 -107 18 -17 36 -22 78 -22 68 0 99 23 99 75 0 47 -37 75 -100 75 -33 0 -55 -6 -74 -21z"
/>
<path
d="M2152 4490 c-29 -27 -29 -83 -2 -110 19 -19 33 -20 250 -20 l231 0 26 26 c20 20 24 31 19 57 -12 64 -23 67 -275 67 -215 0 -228 -1 -249 -20z"
/>
<path
d="M2207 859 c-159 -24 -251 -212 -177 -360 98 -193 392 -169 461 38 6 19 9 63 7 98 -9 147 -138 246 -291 224z m114 -178 c21 -22 29 -39 29 -66 0 -83 -105 -127 -164 -69 -39 40 -37 103 5 138 43 36 91 35 130 -3z"
/>
<path
d="M1840 2598 c-32 -17 -47 -59 -34 -95 15 -45 45 -53 196 -53 129 0 138 1 164 23 35 30 37 79 5 110 -20 20 -33 22 -164 25 -101 2 -149 -1 -167 -10z"
/>
<path
d="M2298 2595 c-50 -28 -48 -107 2 -132 16 -8 72 -13 163 -13 l139 0 29 29 c35 36 37 61 5 98 l-24 28 -144 2 c-113 2 -149 0 -170 -12z"
/>
<path
d="M1826 2289 c-33 -26 -36 -79 -6 -109 17 -17 33 -20 115 -20 110 0 135 14 135 74 0 57 -35 76 -135 76 -68 0 -87 -4 -109 -21z"
/>
<path
d="M2166 2289 c-20 -16 -26 -29 -26 -59 0 -67 12 -70 261 -70 l218 0 20 26 c24 30 26 43 10 77 -19 42 -47 47 -258 47 -185 0 -200 -1 -225 -21z"
/>
<path
d="M1822 1977 c-29 -31 -29 -77 1 -105 22 -21 32 -22 221 -22 196 0 197 0 221 25 14 13 25 36 25 50 0 14 -11 37 -25 50 -24 25 -25 25 -223 25 -195 0 -199 0 -220 -23z"
/>
<path
d="M2385 1975 c-14 -13 -25 -36 -25 -50 0 -14 11 -37 25 -50 22 -23 31 -25 123 -25 120 0 146 13 146 75 0 62 -26 75 -146 75 -92 0 -101 -2 -123 -25z"
/>
</g>
</svg>
<h2
class="pb-1 text-lg font-bold text-slate-900 sm:text-xl"
>
Pusat Isi Pulsa & Kuota
</h2>
<p>Pulsa, voucher kuota, token listrik</p>
</div>
</li>
<li>
<div
class="card h-full sm:p-6 min-[480px]:col-span-2 md:col-span-1"
>
<svg
version="1.0"
xmlns="http://www.w3.org/2000/svg"
height="16"
viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet"
class="h-8 my-4 fill-blue-500 sm:h-12"
>
<g
transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
stroke="none"
>
<path
d="M695 4796 c-67 -21 -100 -43 -148 -96 -61 -67 -77 -119 -77 -245 l0 -102 407 -6 c223 -4 1164 -7 2090 -7 l1683 0 0 108 c0 73 -5 124 -16 155 -20 60 -93 141 -158 175 l-51 27 -1845 2 c-1469 1 -1853 -1 -1885 -11z"
/>
<path
d="M345 4185 c-22 -8 -49 -26 -60 -40 -11 -14 -73 -137 -137 -273 l-117 -247 286 -3 c158 -1 290 1 294 5 9 11 189 541 189 559 0 20 -397 20 -455 -1z"
/>
<path
d="M872 3912 c-50 -152 -92 -281 -92 -285 0 -4 131 -6 292 -5 l292 3 51 250 c28 138 54 265 58 283 l7 32 -258 0 -257 0 -93 -278z"
/>
<path
d="M1577 3913 c-31 -153 -57 -284 -57 -290 0 -10 66 -13 294 -13 l294 0 6 63 c3 34 11 134 16 222 6 88 13 190 16 228 l6 67 -259 0 -259 0 -57 -277z"
/>
<path
d="M2300 4173 c0 -10 -9 -137 -19 -283 -11 -146 -17 -268 -14 -272 2 -5 134 -8 293 -8 159 0 291 3 293 8 3 4 -4 126 -14 272 -10 146 -18 273 -19 283 0 16 -19 17 -260 17 -241 0 -260 -1 -260 -17z"
/>
<path
d="M2970 4188 c0 -2 9 -129 20 -283 11 -154 20 -283 20 -287 0 -5 133 -8 295 -8 244 0 295 2 295 14 0 7 -25 136 -55 285 -30 149 -55 274 -55 276 0 3 -117 5 -260 5 -143 0 -260 -1 -260 -2z"
/>
<path
d="M3645 4168 c3 -13 28 -133 55 -268 28 -135 52 -255 55 -267 l5 -23 290 0 c223 0 290 3 290 12 0 7 -42 138 -92 290 l-93 278 -258 0 -257 0 5 -22z"
/>
<path
d="M4320 4182 c0 -4 42 -133 93 -287 l94 -280 292 -3 c233 -2 292 0 288 10 -23 62 -226 480 -244 506 -44 59 -59 62 -303 62 -121 0 -220 -3 -220 -8z"
/>
<path
d="M0 3387 c0 -74 3 -88 28 -128 66 -104 164 -155 281 -147 158 12 268 125 279 286 l5 72 -297 0 -296 0 0 -83z"
/>
<path
d="M743 3401 c19 -213 218 -343 413 -270 109 41 182 142 192 266 l5 63 -308 0 -308 0 6 -59z"
/>
<path
d="M1500 3411 c0 -77 28 -147 82 -206 123 -135 328 -134 447 1 44 50 67 109 77 197 l7 57 -307 0 -306 0 0 -49z"
/>
<path
d="M2262 3387 c8 -123 63 -203 178 -256 82 -38 167 -35 253 7 104 52 157 132 165 250 l5 72 -303 0 -303 0 5 -73z"
/>
<path
d="M3014 3403 c15 -133 71 -219 173 -270 76 -36 172 -38 251 -4 107 48 182 163 182 283 l0 48 -306 0 -307 0 7 -57z"
/>
<path
d="M3772 3397 c14 -171 139 -291 303 -291 163 0 289 121 303 289 l5 65 -308 0 -308 0 5 -63z"
/>
<path
d="M4532 3391 c12 -167 138 -285 303 -285 114 0 199 50 255 148 26 44 30 61 30 129 l0 77 -296 0 -297 0 5 -69z"
/>
<path
d="M612 3099 c-29 -31 -73 -67 -98 -80 l-44 -24 0 -1102 0 -1103 -59 0 c-73 0 -106 -12 -149 -53 -45 -43 -52 -79 -52 -264 l0 -163 2350 0 2350 0 0 163 c0 185 -7 221 -52 264 -43 41 -76 53 -149 53 l-59 0 0 1098 0 1098 -65 43 c-36 23 -79 60 -97 82 l-31 39 -66 -63 c-77 -74 -150 -112 -248 -128 -140 -23 -285 26 -389 131 l-57 57 -57 -57 c-104 -104 -256 -155 -391 -131 -93 16 -195 70 -257 135 l-52 55 -59 -60 c-181 -181 -461 -181 -642 0 l-59 60 -52 -55 c-62 -65 -164 -119 -257 -135 -136 -24 -288 27 -392 133 l-58 59 -41 -45 c-182 -197 -498 -194 -678 8 l-37 42 -53 -57z m3389 -582 c19 -13 39 -38 46 -57 15 -45 18 -927 3 -982 -6 -20 -24 -48 -41 -62 l-31 -26 -550 0 -550 0 -34 34 -34 34 0 496 c0 431 2 501 16 527 30 58 29 58 610 59 l531 0 34 -23z m-1898 -31 c43 -17 93 -76 106 -123 7 -25 11 -301 11 -805 l0 -768 -620 0 -620 0 0 785 c0 751 1 787 19 823 21 41 42 62 86 85 26 14 91 16 508 17 379 0 484 -3 510 -14z"
/>
</g>
</svg>
<h2
class="pb-1 text-lg font-bold text-slate-900 sm:text-xl"
>
Warung
</h2>
<p>
Makanan & Minuman Ringan, Produk Pembersih
Rumah
</p>
</div>
</li>
</ul>
<!-- Services end -->
<p
class="py-8 pt-16 mx-8 text-lg font-light text-center sm:mx-16 sm:text-xl md:text-2xl"
>
Selamat datang di
<span class="font-bold text-slate-900">
Layanan Hotspot WiFi</span
>
kami, di mana Anda selalu dapat menikmati
konektivitas.<br /><br />
Kami memberikan akses ke internet yang stabil dan tanpa
batas. Anda dapat tetap terhubung, menjelajah, dan
streaming tanpa gangguan, yang memungkinkan Anda
bersantai, belajar, atau bekerja secara online. Kami
mempermudah akses internet berkualitas tinggi dengan
harga voucher yang terjangkau dan kuota tak terbatas.<br /><br />
Selamat datang ke dunia di mana semua orang dapat
terhubung satu sama lain tanpa henti.
</p>
</div>
</main>
<footer>
<p class="py-6 text-sm text-center">
© 2023 Rangga Cell. All Rights Reserved.
</p>
</footer>
</div>
<script src="/scripts/navbar.js" type="module"></script>
<script src="/scripts/index.js" type="module"></script>
</body>
</html>