-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
456 lines (435 loc) · 27.6 KB
/
index.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
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1" />
<!-- Bootstrap CSS -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
<!-- Animate -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<!-- Vendor -->
<link
rel="stylesheet"
href="assets/vendor/accordion-js/accordion.min.css"
/>
<script src="assets/vendor/accordion-js/accordion.min.js"></script>
<link rel="stylesheet" href="assets/vendor/aos/aos.css" />
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/anime-js/anime.min.js"></script>
<script src="assets/vendor/magicline-js/magicline.min.js"></script>
<script src="https://unpkg.com/phosphor-icons"></script>
<link rel="shortcut icon" href="assets/img/logo.svg" />
<link rel="stylesheet" href="assets/css/style.css" />
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<title>Keraton Kasepuhan - The Most Historical Palace</title>
</head>
<body class="light">
<div class="container-fluid position-fixed" id="navbar">
<nav
class="nav-navbar d-flex align-items-center justify-content-between position-relative px-2"
>
<a
href="#"
class="d-flex align-items-center col-lg-3 text-dark text-decoration-none"
>
<div class="mx-2">
<svg
width="60"
height="60"
viewBox="0 0 1000 727"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<mask
id="path-1-outside-1_241_27"
maskUnits="userSpaceOnUse"
x="0"
y="0"
width="1000"
height="727"
fill="black"
>
<rect fill="white" width="1000" height="727" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M458.547 723.948V15H387.977L329.807 85.4597L349.738 126.372L293.386 173.323L309.876 227.873H338.896L233.592 353.596L243.85 408.146L287.673 482.372H233.592L196.587 408.925V383.144H99.2688V411.912L52.5899 484.645L76.4812 500.555L74.2089 525.557L15 574.002V617.901C15 617.901 58.7574 644.267 61.614 723.169M541.453 727V18.0522H612.023L670.193 88.5119L650.262 129.424L706.614 176.375L690.124 230.925H661.104L766.408 356.648L756.15 411.198L712.328 485.424H766.408L803.413 411.977V386.196H900.731V414.964L947.41 487.697L923.519 503.607L925.791 528.609L985 577.054V620.953C985 620.953 941.243 647.319 938.386 726.221M718.755 615.758H982.728ZM718.755 579.781H982.728ZM718.3 529.908H925.856ZM714.535 482.567L714.535 724.338ZM803.478 413.795H900.796ZM764.784 485.359H944.878ZM543.206 485.359H759.721ZM543.336 231.055H667.661ZM540.998 410.354H757.513ZM541.388 358.856H766.602ZM544.634 178.973H705.77ZM540.804 128.58H653.638ZM541.388 88.4469H670.128ZM281.18 612.641H17.2073ZM281.18 576.664H17.2073ZM281.635 526.791H74.0791ZM285.4 479.449V722ZM196.457 410.678H99.1389ZM235.151 482.242H55.0569ZM456.73 482.242H240.215ZM456.6 227.938H332.274ZM458.937 407.236H242.422ZM458.547 355.739H233.333ZM455.301 175.856H292.282ZM459.197 125.463H346.362ZM458.612 85.3298H329.872Z"
/>
</mask>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M458.547 723.948V15H387.977L329.807 85.4597L349.738 126.372L293.386 173.323L309.876 227.873H338.896L233.592 353.596L243.85 408.146L287.673 482.372H233.592L196.587 408.925V383.144H99.2688V411.912L52.5899 484.645L76.4812 500.555L74.2089 525.557L15 574.002V617.901C15 617.901 58.7574 644.267 61.614 723.169M541.453 727V18.0522H612.023L670.193 88.5119L650.262 129.424L706.614 176.375L690.124 230.925H661.104L766.408 356.648L756.15 411.198L712.328 485.424H766.408L803.413 411.977V386.196H900.731V414.964L947.41 487.697L923.519 503.607L925.791 528.609L985 577.054V620.953C985 620.953 941.243 647.319 938.386 726.221M718.755 615.758H982.728ZM718.755 579.781H982.728ZM718.3 529.908H925.856ZM714.535 482.567L714.535 724.338ZM803.478 413.795H900.796ZM764.784 485.359H944.878ZM543.206 485.359H759.721ZM543.336 231.055H667.661ZM540.998 410.354H757.513ZM541.388 358.856H766.602ZM544.634 178.973H705.77ZM540.804 128.58H653.638ZM541.388 88.4469H670.128ZM281.18 612.641H17.2073ZM281.18 576.664H17.2073ZM281.635 526.791H74.0791ZM285.4 479.449V722ZM196.457 410.678H99.1389ZM235.151 482.242H55.0569ZM456.73 482.242H240.215ZM456.6 227.938H332.274ZM458.937 407.236H242.422ZM458.547 355.739H233.333ZM455.301 175.856H292.282ZM459.197 125.463H346.362ZM458.612 85.3298H329.872Z"
fill="#324332"
/>
<path
d="M458.547 15H473.547V0H458.547V15ZM387.977 15V0H380.909L376.41 5.45026L387.977 15ZM329.807 85.4597L318.24 75.9099L312.095 83.3526L316.322 92.0291L329.807 85.4597ZM349.738 126.372L359.34 137.896L368.372 130.371L363.223 119.802L349.738 126.372ZM293.386 173.323L283.784 161.799L276.153 168.157L279.027 177.664L293.386 173.323ZM309.876 227.873L295.518 232.213L298.74 242.873H309.876V227.873ZM338.896 227.873L350.395 237.504L371.026 212.873H338.896V227.873ZM233.592 353.596L222.093 343.965L217.541 349.4L218.851 356.368L233.592 353.596ZM243.85 408.146L229.109 410.918L229.595 413.505L230.933 415.772L243.85 408.146ZM287.673 482.372V497.372H313.947L300.589 474.746L287.673 482.372ZM233.592 482.372L220.197 489.121L224.354 497.372H233.592V482.372ZM196.587 408.925H181.587V412.49L183.191 415.674L196.587 408.925ZM196.587 383.144H211.587V368.144H196.587V383.144ZM99.2688 383.144V368.144H84.2688V383.144H99.2688ZM99.2688 411.912L111.893 420.014L114.269 416.311V411.912H99.2688ZM52.5899 484.645L39.966 476.543L32.0002 488.955L44.2756 497.13L52.5899 484.645ZM76.4812 500.555L91.4196 501.913L92.2278 493.02L84.7954 488.07L76.4812 500.555ZM74.2089 525.557L83.7076 537.166L88.5778 533.181L89.1473 526.914L74.2089 525.557ZM15 574.002L5.50127 562.393L0 566.894V574.002H15ZM15 617.901H0V626.376L7.2586 630.749L15 617.901ZM541.453 18.0522V3.05217H526.453V18.0522H541.453ZM612.023 18.0522L623.59 8.50243L619.091 3.05217H612.023V18.0522ZM670.193 88.5119L683.678 95.0813L687.905 86.4048L681.76 78.9621L670.193 88.5119ZM650.262 129.424L636.777 122.855L631.628 133.423L640.66 140.948L650.262 129.424ZM706.614 176.375L720.973 180.716L723.847 171.209L716.216 164.851L706.614 176.375ZM690.124 230.925V245.925H701.26L704.482 235.265L690.124 230.925ZM661.104 230.925V215.925H628.974L649.605 240.556L661.104 230.925ZM766.408 356.648L781.149 359.42L782.459 352.452L777.907 347.017L766.408 356.648ZM756.15 411.198L769.067 418.824L770.405 416.557L770.892 413.97L756.15 411.198ZM712.328 485.424L699.411 477.798L686.053 500.424H712.328V485.424ZM766.408 485.424V500.424H775.646L779.803 492.173L766.408 485.424ZM803.413 411.977L816.809 418.726L818.413 415.542V411.977H803.413ZM803.413 386.196V371.196H788.413V386.196H803.413ZM900.731 386.196H915.731V371.196H900.731V386.196ZM900.731 414.964H885.731V419.364L888.108 423.066L900.731 414.964ZM947.41 487.697L955.724 500.182L968 492.007L960.034 479.595L947.41 487.697ZM923.519 503.607L915.205 491.122L907.772 496.072L908.58 504.965L923.519 503.607ZM925.791 528.609L910.853 529.967L911.422 536.233L916.293 540.218L925.791 528.609ZM985 577.054H1000V569.946L994.499 565.445L985 577.054ZM985 620.953L992.741 633.801L1000 629.428V620.953H985ZM473.547 723.948V15H443.547V723.948H473.547ZM458.547 0H387.977V30H458.547V0ZM376.41 5.45026L318.24 75.9099L341.374 95.0094L399.544 24.5497L376.41 5.45026ZM316.322 92.0291L336.253 132.941L363.223 119.802L343.292 78.8903L316.322 92.0291ZM340.136 114.848L283.784 161.799L302.987 184.847L359.34 137.896L340.136 114.848ZM279.027 177.664L295.518 232.213L324.234 223.532L307.744 168.983L279.027 177.664ZM309.876 242.873H338.896V212.873H309.876V242.873ZM327.397 218.241L222.093 343.965L245.092 363.228L350.395 237.504L327.397 218.241ZM218.851 356.368L229.109 410.918L258.592 405.374L248.334 350.824L218.851 356.368ZM230.933 415.772L274.756 489.998L300.589 474.746L256.767 400.52L230.933 415.772ZM287.673 467.372H233.592V497.372H287.673V467.372ZM246.988 475.622L209.983 402.176L183.191 415.674L220.197 489.121L246.988 475.622ZM211.587 408.925V383.144H181.587V408.925H211.587ZM196.587 368.144H99.2688V398.144H196.587V368.144ZM84.2688 383.144V411.912H114.269V383.144H84.2688ZM86.645 403.81L39.966 476.543L65.2137 492.746L111.893 420.014L86.645 403.81ZM44.2756 497.13L68.1669 513.04L84.7954 488.07L60.9041 472.16L44.2756 497.13ZM61.5427 499.197L59.2705 524.199L89.1473 526.914L91.4196 501.913L61.5427 499.197ZM64.7102 513.948L5.50127 562.393L24.4987 585.611L83.7076 537.166L64.7102 513.948ZM0 574.002V617.901H30V574.002H0ZM15 617.901C7.2586 630.749 7.25064 630.744 7.24285 630.74C7.24047 630.738 7.23284 630.734 7.22808 630.731C7.21855 630.725 7.20967 630.719 7.20143 630.714C7.18496 630.704 7.17105 630.696 7.15966 630.689C7.1369 630.675 7.12423 630.667 7.12136 630.665C7.11562 630.661 7.14898 630.682 7.21898 630.729C7.35907 630.821 7.64523 631.015 8.05791 631.315C8.88374 631.916 10.2122 632.942 11.8885 634.44C15.2399 637.434 19.9739 642.306 24.8696 649.437C34.5742 663.572 45.2997 687.138 46.6238 723.711L76.6042 722.626C75.0717 680.297 62.4903 651.23 49.602 632.457C43.2012 623.134 36.8173 616.482 31.875 612.067C29.4043 609.86 27.292 608.21 25.7137 607.061C24.9243 606.486 24.2675 606.036 23.7652 605.704C23.5141 605.538 23.3014 605.401 23.1299 605.293C23.0441 605.239 22.9686 605.192 22.9038 605.152C22.8714 605.132 22.8416 605.114 22.8145 605.097C22.801 605.089 22.7881 605.081 22.7759 605.074C22.7698 605.07 22.7612 605.065 22.7581 605.063C22.7497 605.058 22.7414 605.053 15 617.901ZM556.453 727V18.0522H526.453V727H556.453ZM541.453 33.0522H612.023V3.05217H541.453V33.0522ZM600.456 27.6019L658.626 98.0616L681.76 78.9621L623.59 8.50243L600.456 27.6019ZM656.708 81.9424L636.777 122.855L663.747 135.993L683.678 95.0813L656.708 81.9424ZM640.66 140.948L697.013 187.9L716.216 164.851L659.864 117.9L640.66 140.948ZM692.256 172.035L675.766 226.584L704.482 235.265L720.973 180.716L692.256 172.035ZM690.124 215.925H661.104V245.925H690.124V215.925ZM649.605 240.556L754.908 366.28L777.907 347.017L672.603 221.293L649.605 240.556ZM751.666 353.876L741.408 408.426L770.892 413.97L781.149 359.42L751.666 353.876ZM743.233 403.572L699.411 477.798L725.244 493.05L769.067 418.824L743.233 403.572ZM712.328 500.424H766.408V470.424H712.328V500.424ZM779.803 492.173L816.809 418.726L790.017 405.228L753.012 478.675L779.803 492.173ZM818.413 411.977V386.196H788.413V411.977H818.413ZM803.413 401.196H900.731V371.196H803.413V401.196ZM885.731 386.196V414.964H915.731V386.196H885.731ZM888.108 423.066L934.786 495.799L960.034 479.595L913.355 406.862L888.108 423.066ZM939.096 475.212L915.205 491.122L931.833 516.092L955.724 500.182L939.096 475.212ZM908.58 504.965L910.853 529.967L940.73 527.251L938.457 502.249L908.58 504.965ZM916.293 540.218L975.501 588.663L994.499 565.445L935.29 517L916.293 540.218ZM970 577.054V620.953H1000V577.054H970ZM985 620.953C977.259 608.105 977.25 608.11 977.242 608.115C977.239 608.117 977.23 608.122 977.224 608.126C977.212 608.134 977.199 608.141 977.186 608.15C977.158 608.166 977.129 608.184 977.096 608.204C977.031 608.244 976.956 608.291 976.87 608.345C976.699 608.454 976.486 608.59 976.235 608.756C975.733 609.089 975.076 609.538 974.286 610.113C972.708 611.262 970.596 612.912 968.125 615.119C963.183 619.535 956.799 626.186 950.398 635.509C937.51 654.282 924.928 683.349 923.396 725.678L953.376 726.763C954.7 690.19 965.426 666.624 975.13 652.489C980.026 645.358 984.76 640.486 988.112 637.492C989.788 635.995 991.116 634.969 991.942 634.367C992.355 634.067 992.641 633.874 992.781 633.781C992.851 633.735 992.884 633.714 992.879 633.717C992.876 633.719 992.863 633.727 992.84 633.741C992.829 633.748 992.815 633.757 992.799 633.767C992.79 633.772 992.782 633.777 992.772 633.783C992.767 633.786 992.76 633.79 992.757 633.792C992.749 633.796 992.741 633.801 985 620.953ZM718.755 630.758H982.728V600.758H718.755V630.758ZM718.755 594.781H982.728V564.781H718.755V594.781ZM718.3 544.908H925.856V514.908H718.3V544.908ZM699.535 482.567L699.535 724.338L729.535 724.338L729.535 482.567L699.535 482.567ZM803.478 428.795H900.796V398.795H803.478V428.795ZM764.784 500.359H944.878V470.359H764.784V500.359ZM543.206 500.359H759.721V470.359H543.206V500.359ZM543.336 246.055H667.661V216.055H543.336V246.055ZM540.998 425.354H757.513V395.354H540.998V425.354ZM541.388 373.856H766.602V343.856H541.388V373.856ZM544.634 193.973H705.77V163.973H544.634V193.973ZM540.804 143.58H653.638V113.58H540.804V143.58ZM541.388 103.447H670.128V73.4469H541.388V103.447ZM281.18 597.641H17.2073V627.641H281.18V597.641ZM281.18 561.664H17.2073V591.664H281.18V561.664ZM281.635 511.791H74.0791V541.791H281.635V511.791ZM270.4 479.449V722H300.4V479.449H270.4ZM196.457 395.678H99.1389V425.678H196.457V395.678ZM235.151 467.242H55.0569V497.242H235.151V467.242ZM456.73 467.242H240.215V497.242H456.73V467.242ZM456.6 212.938H332.274V242.938H456.6V212.938ZM458.937 392.236H242.422V422.236H458.937V392.236ZM458.547 340.739H233.333V370.739H458.547V340.739ZM455.301 160.856H292.282V190.856H455.301V160.856ZM459.197 110.463H346.362V140.463H459.197V110.463ZM458.612 70.3298H329.872V100.33H458.612V70.3298Z"
fill="#ECE3CE"
mask="url(#path-1-outside-1_241_27)"
/>
</svg>
</div>
<p class="mb-0">
Keraton <br />
Kasepuhan Cirebon
</p>
</a>
<div class="nav-menu">
<ul
class="nav col-12 col-md-auto mb-2 justify-content-center mb-md-0"
>
<li>
<a href="#hero" class="px-2 active nav-link">Beranda</a>
</li>
<li><a href="#sejarah" class="px-2 nav-link">Sejarah</a></li>
<li><a href="#arsitektur" class="px-2 nav-link">Arsitektur</a></li>
<li><a href="#silsilah" class="px-2 nav-link">Silsilah</a></li>
<li><a href="#galeri" class="px-2 nav-link">Galeri</a></li>
</ul>
</div>
<div class="col-lg-3 d-flex justify-content-end align-items-center">
<button class="btn pt-2 darkmode-toggle">
<i class="ph-moon-bold mt-1 position-absolute"></i>
<i class="ph-sun-bold mt-1"></i>
</button>
<div
class="menu d-flex justify-content-center align-items-center position-relative"
>
<input id="menu_toggle" type="checkbox" />
<label class="menu_btn" for="menu_toggle">
<span></span>
</label>
</div>
</div>
</nav>
</div>
<section id="hero" class="hook">
<div class="test"></div>
<div class="gradient">
<div class="hook-1 d-flex justify-content-center">
<object
data="assets/img/kasepuhan-title.svg"
class="kasepuhan-title"
></object>
<object
data="assets/img/kasepuhan-title-dark.svg"
class="kasepuhan-title-dark"
></object>
</div>
</div>
</section>
<section id="sejarah" class="hook">
<div
class="d-flex flex-column justify-content-center align-content-center align-items-center content"
>
<div
class="d-flex justify-content-center title position-relative"
data-aos="fade-up"
data-aos-anchor-placement="bottom-bottom"
>
<object
data="assets/img/sejarah-title.svg"
class="title-abstract"
></object>
<object data="assets/img/sejarah-title.svg" class="title"></object>
<object
data="assets/img/sejarah-title-dark.svg"
class="title-dark"
></object>
</div>
<div class="d-flex mt-5 align-content-center gap-5">
<div class="desc d-flex gap-5 flex-column overflow-hidden">
<ul class="timeline">
<li class="sub-1">
<div
class="text-wrapper p-4"
data-aos="fade-left"
data-aos-anchor-placement="top-bottom"
>
<p class="mb-0">
<span>Keraton Kasepuhan</span> adalah keraton yang terletak
di kelurahan Kesepuhan, Lemahwungkuk, Cirebon.
<span>Keraton ini terkenal paling bersejarah.</span> Halaman
depan keraton ini dikelilingi tembok bata merah dan terdapat
pendopo di dalamnya. Keraton Kasepuhan adalah bangunan yang
dahulu bernama <span>keraton Pakungwati</span> yang pernah
menjadi
<span>pusat pemerintahan Kasultanan Cirebon.</span>
</p>
</div>
</li>
<li class="sub-2">
<div
class="text-wrapper p-4"
data-aos="fade-right"
data-aos-anchor-placement="top-bottom"
>
<p class="mb-0">
Keraton Kasepuhan berisi
<span>dua kompleks bangunan bersejarah</span> yaitu
<span
>Dalem Agung Pakungwati dan kompleks keraton
Pakungwati</span
>
yang sekarang di sebut keraton kasepuhan. Dalem Agung
Pakungwati
<span
>didirikan pada tahun 1430 oleh Pangeran Cakrabuana</span
>
dan dijadikan tempat semayamnya. Keraton kasepuhan
<span
>didirikan oleh Pangeran Mas Zainul Arifin pada tahun 1529
M.</span
>
Keraton Kasepuhan dulunya bernama Keraton Pakungwati.
Sebutan Pakungwati
<span
>berasal dari nama Ratu Dewi Pakungwati binti Pangeran
Cakrabuana yang menikah dengan Sunan Gunung Jati.</span
>
</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="arsitektur" class="hook">
<div
class="position-relative d-flex flex-column justify-content-center align-content-center align-items-center"
data-aos="fade-up"
data-aos-anchor-placement="top-bottom"
>
<object
data="assets/img/arsitektur-title.svg"
class="title-abstract"
></object>
<object data="assets/img/arsitektur-title.svg" class="title"></object>
<object
data="assets/img/arsitektur-title-dark.svg"
class="title-dark"
></object>
</div>
<div
class="d-flex flex-column justify-content-center align-content-center content mt-4"
>
<div class="d-flex flex-column w-100">
<div class="d-flex sub-1">
<div
class="d-flex align-items-center text-wrapper justify-content-center flex-column flex-column-reverse flex-lg-row"
data-aos="fade-left"
data-aos-anchor-placement="top-bottom"
>
<div class="desc d-flex text-wrapper-inside">
<p class="mb-0 ps-lg-3 ps-0">
Arsitektur dan tata letak keraton kasepuhan dipengaruhi oleh
<span>filosofi hindu, budha dan islam.</span>
Namun pengaruh hindu dan budhanya <span>lebih kuat,</span> ini
dikarenakan pada abad XV - XVII
<span>islam baru masuk di daerah cirebon.</span>
pada abad tersebut masyarakat lebih mengenal ajaran dan konsep
hindu-bunda untuk kesehariannya.
</p>
</div>
<div class="rounded-circle m-0 ms-lg-4">
<img src="assets/img/arsitektur-1.png" alt="" srcset="" />
</div>
</div>
</div>
<div
class="d-flex sub-2 justify-content-center justify-lg-content-end mt-lg-5"
>
<div
class="d-flex align-items-center justify-content-center text-wrapper flex-lg-row-reverse flex-column-reverse"
data-aos="fade-right"
data-aos-anchor-placement="top-bottom"
>
<div
class="desc d-flex position-relative z-1 text-wrapper-inside"
>
<p class="mb-0 pe-lg-3 pe-0">
Pembagian zona ruang keraton kasepuhan juga dibagi
<span>menurut tingkat kesuciannya,</span> dimana semakin
kearah selatan kesakralannya semakin tinggi. Konsep keraton
jawa pada umumnya meletakkan nilai kesakralannya pada arah
utara,
<span
>berbeda dengan konsep keraton kasepuhan yang lebih
mensakralkan arah selatan</span
>
</p>
</div>
<div class="rounded-circle position-relative z-2 m-0 me-lg-4">
<img src="assets/img/arsitektur-2.png" alt="" srcset="" />
</div>
</div>
</div>
</div>
</div>
</section>
<section id="silsilah" class="pt-5 hook">
<div
class="hook d-flex flex-column justify-content-center align-content-center align-items-center content position-relative"
data-aos="fade-up"
data-aos-anchor-placement="top-bottom"
>
<object
data="assets/img/silsilah-title.svg"
class="title-abstract"
></object>
<object data="assets/img/silsilah-title.svg" class="title"></object>
<object
data="assets/img/silsilah-title-dark.svg"
class="title-dark"
></object>
</div>
<div
class="silsilah-main d-flex justify-content-center"
data-aos="fade-up"
data-aos-anchor-placement="top-bottom"
>
<!-- <div class="silsilah-div"></div> -->
<object data="assets/img/silsilah.svg" class="silsilah-object"></object>
<object
data="assets/img/silsilah-dark.svg"
class="silsilah-object-dark"
></object>
</div>
<div class="read-more d-flex justify-content-center align-items-center">
<button class="btn py-2">Lihat Selengkapnya</button>
</div>
</section>
<section id="galeri" class="position-relative z-99 pt-5 pb-5 hook">
<div
class="d-flex flex-column justify-content-center align-content-center align-items-center content position-relative"
data-aos="fade-up"
data-aos-anchor-placement="top-bottom"
>
<object
data="assets/img/galeri-title.svg"
class="title-abstract"
></object>
<object data="assets/img/galeri-title.svg" class="title"></object>
<object
data="assets/img/galeri-title-dark.svg"
class="title-dark"
></object>
</div>
<div class="container list-galery mt-5">
<div
class="d-flex gap-3 flex-column flex-sm-wrap flex-sm-row justify-content-center"
>
<div
class="col-12 col-md-3 d-flex flex-grow-1 justify-content-center align-content-center align-items-center flex-row flex-lg-column overflow-hidden position-relative overlay-container"
data-aos="zoom-in"
data-aos-anchor-placement="top-bottom"
>
<img
src="assets/img/gerbang.webp"
class="position-relative z-1 col-7 col-lg-12"
alt=""
/>
<div class="overlay z-2 col-5 col-lg-12">
<h2>gerbang menuju <span>kediaman Sultan</span></h2>
</div>
</div>
<div
class="col-12 col-lg-3 flex-grow-1 d-flex justify-content-center align-content-center align-items-center flex-row flex-lg-column overflow-hidden position-relative overlay-container"
data-aos="zoom-in"
data-aos-anchor-placement="top-bottom"
>
<img
src="assets/img/residence.webp"
alt=""
class="position-relative z-1 col-7 col-lg-12"
/>
<div class="overlay z-2 col-5 col-lg-12">
<h2><span>Kediaman Sultan</span></h2>
</div>
</div>
<div
class="col-12 col-lg-3 flex-grow-1 d-flex justify-content-center align-content-center align-items-center flex-row flex-lg-column overflow-hidden position-relative overlay-container"
data-aos="zoom-in"
data-aos-anchor-placement="top-bottom"
>
<img
src="assets/img/siti-inggil.webp"
alt=""
class="position-relative z-1 col-7 col-lg-12"
/>
<div class="overlay z-2 col-5 col-lg-12">
<h2><span>Siti inggil</span></h2>
</div>
</div>
<div
class="col-12 col-lg-3 d-flex flex-grow-1 justify-content-center align-content-center align-items-center flex-row flex-lg-column overflow-hidden position-relative overlay-container"
data-aos="zoom-in"
data-aos-anchor-placement="top-bottom"
>
<img
src="assets/img/inside-residence.webp"
alt=""
class="position-relative z-1 col-7 col-lg-12"
/>
<div class="overlay z-2 col-5 col-lg-12">
<h2>Interior <span>Kediaman Sultan</span></h2>
</div>
</div>
<div
class="col-12 col-lg-3 d-flex flex-grow-1 justify-content-center align-content-center align-items-center flex-row flex-lg-column overflow-hidden position-relative overlay-container"
data-aos="zoom-in"
data-aos-anchor-placement="top-bottom"
>
<img
src="assets/img/museum-pusaka.webp"
alt=""
class="position-relative z-1 col-7 col-lg-12"
/>
<div class="overlay z-2 col-5 col-lg-12">
<h2><span>Museum Pusaka</span></h2>
</div>
</div>
<div
class="col-12 col-lg-3 d-flex flex-grow-1 justify-content-center align-content-center align-items-center flex-row flex-lg-column overflow-hidden position-relative overlay-container"
data-aos="zoom-in"
data-aos-anchor-placement="top-bottom"
>
<img
src="assets/img/paksi.webp"
alt=""
class="position-relative z-1 col-7 col-lg-12"
/>
<div class="overlay z-2 col-5 col-lg-12">
<h2>kereta kencana <span>Paksi Nagaliman</span></h2>
</div>
</div>
</div>
</div>
</section>
<footer class="d-flex justify-content-center align-items-center text-center">
<p>© 2023 Copyright TWAS Team. All rights reserved.</p>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"
></script>
<script src="assets/js/script.js"></script>
</body>
</html>