-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
192 lines (187 loc) · 9.42 KB
/
Copy pathindex.html
File metadata and controls
192 lines (187 loc) · 9.42 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
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lombok Punya - Home</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<script src="https://use.fontawesome.com/89b8dcd205.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<body>
<!-- Navbar -->
<div class="container">
<div class="row">
<div class="col-sm-12">
<nav class="navbar navbar-expand-md navbar-light bg-light oswaldregular">
<div class="mx-auto my-2 order-0 order-md-1 position-relative">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".dual-collapse2">
Menu <i class="fa fa-bars" style="font-size: 16px"></i>
</button>
</div>
<!-- mx-auto order-0 -->
<div class="navbar-collapse collapse w-100 dual-collapse2 order-2 order-md-2">
<ul class="navbar-nav text-center text-uppercase">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item dropdown">
<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown">Destinasi <b class="caret"></b></a>
<ul class="dropdown-menu">
<li class="nav-item-dropdown"><a href="#kuta-mandalika" class="nav-dropdown-link">Kuta Mandalika</a></li>
<li class="nav-item-dropdown"><a href="#senggigi" class="nav-dropdown-link">Senggigi</a></li>
<li class="nav-item-dropdown"><a href="#gilitrawangan" class="nav-dropdown-link">Gili Trawangan</a></li>
<li class="nav-item-dropdown"><a href="#giliair" class="nav-dropdown-link">Gili Air</a></li>
<li class="nav-item-dropdown"><a href="#gilimeno" class="nav-dropdown-link">Gili Meno</a></li>
<li class="nav-item-dropdown"><a href="detail-sembalun.html" class="nav-dropdown-link">Sembalun</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="tips.html">Tips</a>
</li>
<li class="nav-item">
<a class="nav-link" href="kuliner.html">Kuliner</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact_us.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<!-- Image -->
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<img src="img/header1.jpg" class="header-img" alt="" style="width: 100%">
</div>
<div class="col-md-6">
<h1 class="header-title">Lombok Punya</h1>
<p class="header-text">Platform Wisata dan Komunitas dengan beragam destinasi, tips liburan, dan kuliner sepulau Lombok</p>
<div class="header-btn">
<button type="button" class="btn btn-primary">Mulai Menjelajah</button>
</div>
</div>
</div>
</div>
<div class="container space">
<div class="row">
<div class="col-md-12">
<div class="section-title text-center">
<h1>Destinasi Populer</h1>
<div class="line-title"></div>
</div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="card">
<a href="#">
<img src="img/mandalika.jpg" class="card-img-top" alt="">
</a>
<div class="card-body">
<a href="">
<h5 class="card-title">Kuta - Mandalika</h5>
</a>
<p class="card-text">Kuta Mandalika adalah destinasi wisata pantai yang terletak di Lombok Tengah, Nusa Tenggara Barat, Indonesia. Terkenal dengan pantainya yang berpasir putih dan air laut yang jernih, Kuta Mandalika merupakan bagian dari kawasan ekonomi khusus yang sedang berkembang pesat sebagai tujuan wisata internasional. Selain keindahan alam, Kuta Mandalika juga menawarkan beragam aktivitas seperti berselancar, snorkeling, dan hiking, serta menjadi tuan rumah bagi acara-acara besar seperti MotoGP di Sirkuit Mandalika. Kawasan ini kaya akan budaya lokal dan pemandangan alam yang memukau, menjadikannya destinasi menarik bagi wisatawan....</p>
<a href="#" class="btn btn-primary">Baca lebih lanjut...</a>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="card">
<a href="#">
<img src="img/sembalun.jpg" alt="" class="card-img-top">
</a>
<div class="card-body">
<a href="">
<h5 class="card-title">Sembalun - Lombok</h5>
</a>
<p class="card-text">Sembalun adalah sebuah desa yang terletak di kaki Gunung Rinjani, Lombok, Nusa Tenggara Barat. Terkenal karena pemandangan alamnya yang memukau, Sembalun dikelilingi oleh pegunungan, lembah hijau, dan sawah terasering yang menyejukkan mata. Tempat ini sering dijadikan pintu gerbang pendakian ke Gunung Rinjani, menawarkan udara sejuk dan suasana pedesaan yang tenang. Selain trekking, pengunjung juga dapat menikmati agrowisata seperti memetik stroberi dan menikmati keindahan panorama di Bukit Pergasingan. Sembalun adalah destinasi ideal bagi pecinta alam dan mereka yang ingin melarikan diri dari hiruk pikuk perkotaan...</p>
<a href="#" class="btn btn-primary">Baca lebih lanjut...</a>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="card">
<a href="#">
<img src="img/trawangan.jpg" class="card-img-top" alt="..." >
</a>
<div class="card-body">
<a href="">
<h5 class="card-title">Lombok – Gili Trawangan</h5>
</a>
<p class="card-text">
Gili Trawangan adalah salah satu dari tiga pulau Gili yang terletak di sebelah barat laut Lombok, Indonesia. Pulau ini terkenal dengan pantainya yang indah, air laut yang jernih, dan kehidupan bawah laut yang kaya, menjadikannya tujuan populer untuk snorkeling, diving, dan berjemur. Gili Trawangan memiliki suasana yang santai tanpa kendaraan bermotor, di mana transportasi dilakukan dengan sepeda atau cidomo (kereta kuda kecil). Pulau ini juga terkenal dengan kehidupan malamnya yang ramai dan berbagai restoran serta kafe yang menyajikan makanan lokal dan internasional....</p>
<a href="#" class="btn btn-primary">Baca lebih lanjut...</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="row">
<div class="col-md-12">
<div class="card bg-dark text-white">
<div class="text-center space-instagram">
<h3>Instagram @lombokpunya</h3>
<div class="row" id="media-ig" style="padding: 20px;"></div>
<a href="https://www.instagram.com/dayattdev" role="button" class="btn btn-outline-light" target="_blank">Follow</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Section Footer -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-6">
<h2>Lombok Punya</h2>
<p class="p-footer">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi minima placeat maxime incidunt ipsam culpa. Dignissimos neque ullam vel nesciunt suscipit aliquid quibusdam vero enim iure quod, eveniet, ipsa ipsam.</p>
<p class="p-footer">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi minima placeat maxime incidunt ipsam culpa. Dignissimos neque ullam vel nesciunt suscipit aliquid quibusdam vero enim iure quod, eveniet, ipsa ipsam.</p>
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<h2>Menu</h2>
<li class="footer-item">
<a class="footer-link text-info" href="#">Tips</a>
</li>
<li class="footer-item">
<a class="footer-link text-info" href="#">Kuliner</a>
</li>
<li class="footer-item">
<a class="footer-link text-info" href="#">Contact Us</a>
</li>
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<h2>Let's Connect</h2>
<li class="footer-socmed">
<a class="footer-link text-info" href="#"><ion-icon name="logo-facebook"></ion-icon> Instagram</a>
</li>
</div>
<div class="col-lg-5 col-md-6 col-sm-12">
<h2>Don't Miss These</h2>
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6">
</div>
<div class="col-lg-6 col-md-6 col-sm-6">
</div>
</div>
</div>
<div class="col-12">
<p>
© 2024 <a href="" class="copyright">lombokpunya</a> - All Rights Reserved | <a href="" class="copyright">Privacy Policy</a><a href="" class="copyright">Contact</a> | <a href="" class="copyright">Renew/Change Cookie Consent</a>
</p>
</div>
</div>
</div>
</div>
</body>
</html>