-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (130 loc) · 6.88 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
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Jakarta</title>
<link rel="stylesheet" href="styles/budaya.css">
<link rel="stylesheet" href="styles/responsv.css">
</head>
<body>
<!-- Header -->
<header>
<div class="container-head">
<div class="nav">
<div class="jkt">
<a href="/">The Jak</a>
</div>
<nav>
<ul>
<li> <a href="#kearifan-lokal">Kearifan lokal</a></li>
<li> <a href="#budaya">Budaya</a></li>
<li> <a href="#">Wisata</a></li>
</ul>
</nav>
<div class="burger">
<div class="line-1"></div>
<div class="line-2"></div>
<div class="line-3"></div>
</div>
</div>
<section id="hero">
<div class="hero-left">
<h3 class="pre-title">Selamat Datang di</h3>
<h1 class="hero-name">Jakarta <span>Raya</span></h1>
<p>Siapa sih yang tidak mengenal Jakarta? Sebagai salah satu kota terbesar di Indonesia, Jakarta menjadi pusat perekonomian dan pemerintahan negara.<br><br>
Ada banyak hal menarik di Jakarta yang dapat dijelajahi oleh wisatawan. Mulai dari wisata perkotaan, wisata alam, wisata budaya, wisata religi, wisata belanja, dan banyak lagi, bahkan Jakarta juga menjadi salah satu surga kuliner bagi para pecintanya.</p>
</div>
<div class="hero-right">
<img src="/img/kota-jakarta.jpg" alt="Person Standing">
</div>
</section>
</div>
</header>
<!-- End of header -->
<!-- kearifan -->
<section id="kearifan-lokal">
<!-- <img src="/img/rumah-betawi.jpg" alt="" class="rumah-adat"> -->
<div class="container-lokal">
<h1>Senjata Tradisional Betawi</h1>
<div class="card-container">
<article class="card-article">
<img src="/img/senjata1.png" alt="golok" class="card-img">
<div class="card-data">
<span class="card-description">Golok merupakan senjata dengan bilah panjang dan tajam yang dibuat dari besi atau baja serta dengan gagang yang terbuat dari kayu yang keras. Sarung pada golok terbuat dari kayu yang digunakan untuk menyimpan golok.</span>
<h2 class="card-title">Golok</h2>
</div>
</article>
<article class="card-article">
<img src="/img/senjata2.png" alt="Pisau Raut" class="card-img">
<div class="card-data">
<span class="card-description">Pisau Raut merupakan senjata tradisional adat Betawi yang memiliki bentuk serupa badik. Pisau Raut biasa digunakan di bagian tengah baju dan ditahan dengan ikat pinggang. Letaknya cenderung ke sebelah kanan dengan dihiasi bunga melati yang dironce indah.</span>
<h2 class="card-title">Pisau Raut</h2>
</div>
</article>
<article class="card-article">
<img src="/img/senjata3.png" alt="Toya" class="card-img">
<div class="card-data">
<span class="card-description">Toya adalah senjata tradisional berbentuk tongkat panjang yang digunakan dalam seni bela diri dan persilatan. Toya digunakan untuk menangkis senjata tajam, menyodok, menggebuk, dan menyerang musuh.</span>
<h2 class="card-title">Toya</h2>
</div>
</article>
</div>
</div>
</section>
<section id="rumah">
<div class="container-rumah">
<h1>Rumah Adat Betawi</h1>
<div class="card-rumah">
<article class="card-article">
<img src="/img/rumah1-betawi.jpg" alt="golok" class="rumah-img">
<div class="img-data">
<span class="card-description">Rumah adat ini memiliki bentuk atap yang mirip pelana yang dilipat, sehingga terlihat seperti lipatan kebaya jika dilihat dari samping. Rumah kebaya juga memiliki teras yang luas dan bangku meja kursi.
</span>
<h2 class="card-title">Rumah Kebaya</h2>
</div>
</article>
<article class="card-article">
<img src="/img/rumah2-betawi.jpg" alt="golok" class="rumah-img">
<div class="img-data">
<span class="card-description">Rumah gudang memiliki atap berbentuk pelana yang memanjang dari depan ke belakang. Rumah gudang sering ditemukan di wilayah pedalaman.
</span>
<h2 class="card-title">Rumah Gudang</h2>
</div>
</article>
</div>
</div>
</section>
<!-- end of kearifan -->
<!-- budaya -->
<section id="budaya">
<div class="wrapper">
<h1>Kebudayaan Betawi</h1>
<div class="box-area">
<div class="box">
<img src="/img/silat.jpg" alt="">
<div class="overlay">
<h3>Pencak Silat</h3>
<p>Pencak silat adalah seni bela diri tradisional yang berasal dari Jakarta. Seni bela diri ini memiliki gerakan yang khas dan sering kali dipadukan dengan tarian dan musik tradisional.</p>
</div>
</div>
<div class="box">
<img src="/img/ondel-ondel.jpg" alt="">
<div class="overlay">
<h3>Ondel-Ondel</h3>
<p>Ondel-ondel adalah ikon budaya Betawi yang paling terkenal. Boneka raksasa dibuat dari bambu dan kertas, serta dihiasi dengan pakaian tradisional Betawi. Konon, ondel-ondel merupakan simbol perlindungan dari roh jahat dalam kepercayaan masyarakat Betawi.</p>
</div>
</div>
<div class="box">
<img src="/img/lenong.jpg" alt="">
<div class="overlay">
<h3>Lenong</h3>
<p>Pertunjukan lenong biasanya berlangsung di panggung terbuka dan menggabungkan elemen komedi, musik, dan tari. Lenong biasanya mengangkat tema kehidupan sehari-hari masyarakat Betawi dengan bahasa yang kocak dan humoris, sekaligus menyampaikan pesan moral dan sosial.</p>
</div>
</div>
</div>
</div>
</section>
<!-- end of budaya-->
</body>
</html>