-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
346 lines (336 loc) · 15.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>PERGI KE CURUG</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css">
<!-- My Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap" rel="stylesheet">
<!-- Slider-->
<link href="css/owl.carousel.css" rel="stylesheet" media="screen">
<link href="css/owl.theme.css" rel="stylesheet" media="screen">
<!-- Stylesheet-->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/nivo-lightbox/nivo-lightbox.css">
<link rel="stylesheet" type="text/css" href="css/nivo-lightbox/default.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
<!-- Navigation-->
<nav id="menu" class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand page-scroll" href="#page-top">Pergi Ke Curug</a> </div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#objwsta" class="page-scroll">Objek Wisata</a></li>
<li><a href="#tkami" class="page-scroll">Profil</a></li>
<li><a href="#portfolio" class="page-scroll">Artikel</a></li>
<li><a href="#services" class="page-scroll">Layanan Kami</a></li>
<li><a href="review_index.php" class="page-scroll">Review</a></li>
<li><a href="login/login.php" class="page-scroll">Login</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header id="header">
<div class="intro">
<div class="overlay">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 intro-text">
<h1>Selamat Datang di Pergi ke Curug</h1>
<p>Telusuri dan kunjungi wisata curug yang ada di Bogor</p>
<a href="#objwsta" class="btn btn-custom btn-lg page-scroll">Jelajahi Sekarang</a> </div>
</div>
</div>
</div>
</div>
</header>
<!-- objek wisata Section -->
<div id="objwsta">
<div class="container">
<div class="section-title">
<h2>Pilihan destinasi curug</h2>
<hr>
</div>
<div class="row">
<div class="col-md-4">
<div class="service-media"><img src="img/curug-1.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugcikuluwung.php">Curug Cikuluwung</a></h3><br>
<p align="justify">Curug Cikuluwung memiliki air berwarna biru yang indah. Tempat ini mirip Grand Canyon versi Indonesia dengan air mengalir. </p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug2.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curuglewihejo.php">Curug Leuwi hejo</a></h3><br>
<p align="justify">Keunikan wisata ini adalah suasana alamnya, dan tantangan medan serta keindahan air jernih menghijau.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug3.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugcikaracak.php">Curug Cikaracak</a></h3><br>
<p align="justify">Perjalanan kesini akan ditemani dengan pemandangan persawahan, pemandangan, dan perkebunan warga .</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="service-media"><img src="img/curug-4.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugpkencana.php">Curug Putri Kencana</a></h3><br>
<p align="justify">Memiliki pesona alam yang terlihat asri, dan berlokasi yang tidak jauh dari Curug Leuwi Hejo dan Curug Putri Kencana.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug5.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugbidadari.php">Curug Bidadari</a></h3><br>
<p align="justify">Objek wisata yang berada di kawasan Sentul Paradise Park. Memiliki keindahan alam air di daerah perbukitan.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug6.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugcigamea.php">Curug Cigamea</a></h3><br>
<p align="justify">Dikelilingi pegunungan hijau, panorama alamnya yang begitu indah. Akses menuju Curug tergolong mudah dan ramah pengunjung.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="service-media"><img src="img/curug7.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugpangeran.php">Curug Pangeran</a></h3><br>
<p align="justify">Air terjun ini berada di bagian hulu mata air Gunung Salak. Airnya sangat jernih dengan pantulan cahaya hijau kebiruan. </p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug-8.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curug7cilember.php">Curug 7 Cilember</a></h3><br>
<p align="justify">Tempat ini menawarkan rekreasi alam serta aktivitas lainnya yang ramah untuk semua kalangan.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug9.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugciherang.php">Curug Ciherang</a></h3><br>
<p align="justify">Wisata ini selain menyajikan air terjun dengan tiga tingkatan, juga sudah menyediakan fasilitas modern</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="service-media"><img src="img/curug10.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugciputri.php">Curug Ciputri</a></h3><br>
<p align="justify">Di kawasan ini tidak hanya terdapat satu curug saja, tapi banyak spot curug dengan berbagai jarak tempuh yang dapat dikunjungi.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug11.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugbarong.php">Curug Barong</a></h3><br>
<p align="justify">Curug Barong terdengar tidak asing bagi para pencinta alam, kesejukan dan keindahan alamnya dapat mengalahkan rasa lelah tracking.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug12.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugcibaliung.php">Curug Cibaliung</a></h3><br>
<p align="justify">Udara yang segar dan bercampur kabut mewarnai keindahan. Selain itu terdapat beberapa spot foto yang menarik.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="service-media"><img src="img/curug13.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugleuwilieuk.php">Curug Leuwi Lieuk</a></h3><br>
<p align="justify">Bagian telaga di Curug Leuwi Lieuk dikelilingi oleh dinding bebatuan yang tinggi. Air terjun ini sayang untuk dilewatkan.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug14.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugcibulao.php">Curug Cibulao</a></h3><br>
<p align="justify">Kejernihan airnya sangat memikat pengunjung yang suka melakukan aktivitas di air. Kedalaman telaga tidak terlalu dalam sehingga cukup aman.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug15.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugbalongendah.php">Curug Balong Endah</a></h3><br>
<p align="justify">Air terjun ini dikelilingi oleh banyak pepohonan rindang yang menjulang. Terdapat beberapa bukit bebatuan yang menambah keindahan.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="service-media"><img src="img/curug16.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugnangka.php">Curug Nangka</a></h3><br>
<p align="justify">Area Curug Nangka memiliki kelembaban udara yang tinggi, sehingga memberikan sensasi kesegaran alam yang segar.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug17.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugngumpet.php">Curug Ngumpet</a></h3><br>
<p align="justify">Airnya dingin dan sangat jernih dengan pantulan cahaya hijau kebiruan. Ases menuju air terjun ini tidak begitu sulit.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug18.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugpanjang.php">Curug Panjang</a></h3><br>
<p align="justify">Air terjun ini dikelilingi oleh pohon, tebing, batu alam yang masih alami. Air yang mengalir sangat dingin karena berasal dari pegunugan.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="service-media"><img src="img/curug19.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugcipamingkis.php">Curug Cipamingkis</a></h3><br>
<p align="justify">Pengelolaan yang tertata rapih, menjadikan tempat ini selalu ramai sebagai alternatif. Fasilitas yang diberikan juga cukup lengkap.</p>
</div>
</div>
<div class="col-md-4">
<div class="service-media"><img src="img/curug20.jpg" alt=" "></div>
<div class="service-desc">
<h3><a href="artikel_curugputripelangi.php">Curug Putri Pelangi</a></h3><br>
<p align="justify">Salah satu curug yang masih alami dan masih terasa begitu liar adalah Curug Putri Pelangi. Suasananya sangat sejuk dan air yang jernih. </p>
</div>
</div>
</div>
</div>
</div>
<!-- Profil Section -->
<div id="tkami" class="text-center">
<div class="overlay">
<div class="container">
<h2>Profil</h2>
<hr>
<div class="col-md-10 col-md-offset-1 section-title text-center"><br><br>
<p>Bogor dikenal dengan julukan Kota Hujan, karena memiliki curah hujan yang sangat tinggi. Kota Bogor terdiri atas 6 kecamatan yang dibagi lagi atas sejumlah 68 kelurahan. Pada masa Kolonial Belanda, Bogor dikenal dengan nama Buitenzorg yang berarti tanpa kecemasan atau aman tenteram.<br><br>
Kedudukan geografis Kota Bogor di tengah-tengah wilayah Kabupaten Bogor serta lokasinya sangat dekat dengan Ibukota Negara, merupakan potensi yang strategis bagi perkembangan dan pertumbuhan ekonomi dan jasa, pusat kegiatan nasional untuk industri, perdagangan, transportasi, komunikasi, dan pariwisata.<br><br>
Dalam bahasa Sunda, air terjun disebut "curug". Pada kata "ci" atau "cai" artinya adalah air. Banyak daerah atau tempat di wilayah Jawa Barat atau Sunda yang diberi nama "ci". Itulah sebabnya meskipun curug artinya adalah "air terjun", tetapi untuk nama sebuah daerah atau wilayah yang mengandung kata "curug" akan lebih tepat diberi awalan "ci", seperti kebanyakan nama-nama tempat di daerah Sunda.</p>
</div>
</div>
</div>
</div>
<!-- Artikel Section -->
<div id="portfolio">
<div class="container">
<div class="section-title text-center center">
<h2>Artikel</h2>
<hr>
</div>
<div class="row">
<div class="portfolio-items">
<div class="col-sm-6 col-md-6 lawn">
<div class="portfolio-item">
<div class="hover-bg"> <a href="artikel_berita1.php" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Berlibur Aman di Masa Pandemi</h4>
</div>
<img src="img/berita1.jpg" class="img-responsive" alt="Project Title"> </a></div>
<h4>Berlibur Aman di Masa Pandemi</h4>
<br><p align="justify">Jika ingin berlibur sebaiknya pengunjung mempersiapkan diri untuk menjalani protokol kesehatan yang ada sebaik mungkin. karena ini untuk melindungi diri kita dan pengunjung lain.</p>
</div>
</div>
<div class="col-sm-6 col-md-6 planting">
<div class="portfolio-item">
<div class="hover-bg"> <a href="artikel_berita2.php" title="Project Title" data-lightbox-gallery="gallery1">
<div class="hover-text">
<h4>Peralatan yang Wajib dibawa Saat Trip ke Curug</h4>
</div>
<img src="img/berita2.jpg" class="img-responsive" alt="Project Title"> </a></div>
<h4>Peralatan yang Wajib dibawa Saat Trip ke Curug</h4>
<br><p align="justify">Trip ke air terjun tergolong tidak mudah, karena beberapa jalur ada yang curam dan licin. Berikut rekomendasi benda yang dibawa jika ingin trip ke air terjun. </p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Layanan Section -->
<div id="services">
<div class="container">
<div class="col-md-10 col-md-offset-1 section-title text-center">
<h2>Layanan Kami</h2>
<hr>
</div>
<div class="row">
<div class="col-md-4 text-center">
<div class="service-media"><img src="img/service/service-1.jpg" alt=""></div>
<div class="service-desc">
<h3>Lokasi</h3>
<p>Memberikan kemudahan mencari lokasi tempat wisata yang akan dituju.</p>
</div>
</div>
<div class="col-md-4 text-center">
<div class="service-media"><img src="img/service/service-2.png" alt=""></div>
<div class="service-desc">
<h3>Tips-tips Menarik</h3>
<p>Mememberikan tips yang bermanfaat untuk Traveller.</p>
</div>
</div>
<div class="col-md-4 text-center">
<div class="service-media"><img src="img/service/service-3.jpeg" alt=""></div>
<div class="service-desc">
<h3>Spot Foto</h3>
<p>Memberikan informasi spot-spot foto terbaik yang ada ditempat wisata.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Section -->
<div id="footer">
<div class="container text-center">
<div class="col-md-8 col-md-offset-2">
<div class="social">
<ul>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
<p>© 2021 PergikeCurug. </p>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<script type="text/javascript" src="js/jquery.1.11.1.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/SmoothScroll.js"></script>
<script type="text/javascript" src="js/nivo-lightbox.js"></script>
<script type="text/javascript" src="js/jquery.isotope.js"></script>
<script type="text/javascript" src="js/owl.carousel.js"></script>
<script type="text/javascript" src="js/jqBootstrapValidation.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>