-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
208 lines (190 loc) · 8.66 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/about.css">
<title>About</title>
</head>
<body>
<div class="header">
<img class="brand" src="asset\brand.png">
</div>
<div id="menu">
<a href="about.html">Tentang</a>
<a href="news.html">Berita</a>
<a href="lokasi.html">Lokasi </a>
<a href="paket.html">Paket Liburan </a>
<a href="homepage.html">Home</a></li>
</div>
<div class="container">
<!-- MAIN (Center website) -->
<div class="main">
<div class="pagetitle bg-blue">GALLERY DOLANDISIK</div>
<h4>Abadikan moment terindah bersama orang tersayang</h4>
<div class="pagetitle"></div>
<div id="myBtnContainer">
<button class="btn active" onclick="filterSelection('semua')"> Tampilkan Semua</button>
<button class="btn" onclick="filterSelection('pantai')"> Pantai</button>
<button class="btn" onclick="filterSelection('pemandangan')"> Pemandangan </button>
<button class="btn" onclick="filterSelection('orang')"> Orang </button>
</div>
</div>
<!-- Portfolio Gallery Grid -->
<div class="row">
<div class="column pemandangan">
<div class="content">
<div class="imgbox"><img src="asset/abt12.jpg" alt="Mountains" style="width:100%"></div>
<h4>Candi Borobudur</h4>
<p>Salah satu situs bersejarah yang perlu di abadiakn keindahanya, terimakasih DolanDisik sudah meberikan fasilitas travel terbaik</p>
</div>
</div>
<div class="column pemandangan">
<div class="content">
<div class="imgbox">
<img src="asset/abt14.jpg" alt="Lights" style="width:100%">
</div>
<h4>RajaAmpat Papua</h4>
<p>Salah satu surga dunia yang harus dikunjungi jika berkunjung ke Papua dan tak lupa saya selalu percaya kepada agent travel DolanDisik</p>
</div>
</div>
<div class="column pemandangan">
<div class="content">
<div class="imgbox"><img src="asset/abt13.jpg" alt="Nature" style="width:100%"></div>
<h4>Wisata Merapi</h4>
<p>Tidak harus mendaki sampai puncak untuk mendapatkan keindahan alam Gunung merapi cukup mengabadikannya saja dari jauh sungguh sangat mempesona , terimakash DolanDisik sudah memerikan fasilitas travel terbaik</p>
</div>
</div>
<div class="column pantai">
<div class="content">
<div class="imgbox"><img src="asset/abt15.jpg" alt="Car" style="width:100%"></div>
<h4>Pantai Indrayanti GunungKidul</h4>
<p>Terkadang menikmati keindahkan alam ini tak harus berdua bersamamu, sendiri pun tak kalah mengagumkan, dengan agent travel terpercaya dan yang pastinya aman , saya memilih DolanDisik sebagai agent travel wisata terbaik</p>
</div>
</div>
<div class="column pantai">
<div class="content">
<div class="imgbox"><img src="asset/abt16.jpg" alt="Car" style="width:100%"></div>
<h4>Pantai Nglambor GunungKidul</h4>
<p>Salah satu cara untuk menghilangkan kesedihan dan juga sedikit bisa meringkankan masalah,dengan selalu bersyukur dan menkmati alam semesta yang indah iini, terimakasih DolanDisik</p>
</div>
</div>
<div class="column pantai">
<div class="content">
<div class="imgbox"><img src="asset/abt17.jpg" alt="Car" style="width:100%"></div>
<h4>RajaAmpat Papua</h4>
<p>Denganmu aku bahagia menikmati alam yang indah ini , semoga kamu dan aku tetap menjadi kita yang selalu bisa menikmati keindahakan alam yang Tuhan ciptakan ini, dan percayakan kepada DolanDisik sebagai travel perjalanan yang nyaman dan pastinya aman </p>
</div>
</div>
<div class="column orang">
<div class="content">
<div class="imgbox"><img src="asset/abt1.jpg" alt="Car" style="width:100%"></div>
<h4>Gunung Bromo Jawa Timur</h4>
<p>Jauh jauh dari bandung bersama teman-teman untuk menikmati keindahakan gunung bromo dari dekat, sungguh luar biasa ciptaan Tuhan yang perlu di jaga dan juga dilindungi agar tetap asri, dan kita memilih Travel yang sangat kami percaya dari dulu yaitu DolanDisik , yang menjadi salah satu agent travel favorit pilihan kami. Terimaksih DolanDisik</p>
</div>
</div>
<div class="column orang">
<div class="content">
<div class="imgbox"><img src="asset/abt8.jpg" alt="Car" style="width:100%"></div>
<h4>Lava Tour Merapi Jawa Tengah</h4>
<p>Menghabiskan liburan akhir pekan dengan teman teman kerja dengan mengunjungi Merapi untuk melihat keindahakan nya dari jauh dan kami memilih DolanDisik sebagai agent Tour pilihan kami </p>
</div>
</div>
<div class="column orang">
<div class="content">
<div class="imgbox"><img src="asset/abt9.jpg" alt="Car" style="width:100%"></div>
<h4>Bandung Jawa Barat</h4>
<p>Keluarga adalah hal yang segalanya , menghabiskan liburan sekolah dengan keluarga adalah hal yang sangat membahagiakan, dan Bandung menjadi tujuan kami dan keluarga untuk menghabiskan liburan , dan kami memilih agent travel DolanDisik</p>
</div>
</div>
<!-- END GRID -->
</div>
<!-- END MAIN -->
</div>
<script>
filterSelection("semua")
function filterSelection(c) {
var x, i;
x = document.getElementsByClassName("column");
if (c == "semua") c = "";
for (i = 0; i < x.length; i++) {
RemoveClass(x[i], "show");
if (x[i].className.indexOf(c) > -1) AddClass(x[i], "show");
}
}
function AddClass(element, name) {
var i, arr1, arr2;
arr1 = element.className.split(" ");
arr2 = name.split(" ");
for (i = 0; i < arr2.length; i++) {
if (arr1.indexOf(arr2[i]) == -1) { element.className += " " + arr2[i]; }
}
}
function RemoveClass(element, name) {
var i, arr1, arr2;
arr1 = element.className.split(" ");
arr2 = name.split(" ");
for (i = 0; i < arr2.length; i++) {
while (arr1.indexOf(arr2[i]) > -1) {
arr1.splice(arr1.indexOf(arr2[i]), 1);
}
}
element.className = arr1.join(" ");
}
// Add active class to the current button (highlight it)
var btnContainer = document.getElementById("myBtnContainer");
var btns = btnContainer.getElementsByClassName("btn");
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", function () {
var current = document.getElementsByClassName("active");
current[0].className = current[0].className.replace(" active", "");
this.className += " active";
});
}
</script>
</div>
<div class="footer">
<div class="footerkolom wd-30" style="padding-right:20px">
<div class="footercontent">
<p class="f-head">Dolandisik</p>
<br>
<p>Dolandisik adalah web yang menyediakan paket liburan menarik dan terbaik di Indonesia</p>
</div>
</div>
<div class="footerkolom wd-25">
<div class="footercontent">
<p class="f-head">Temukan Kami</p>
<br>
<p>Jln Ring Road Utara</p>
<p>Condong Catur</p>
<p>(0351)969696</p>
</div>
</div>
<div class="footerkolom wd-20">
<div class="footercontent">
<p class="f-head">Pembayaran</p>
<div class="pembayaran"><img src="asset/bri.png" alt="BRI"></div>
<div class="pembayaran"><img src="asset/BNI.png" alt="BNI"></div>
<div class="pembayaran"><img src="asset/bca.png" alt="BCA"></div>
<div class="pembayaran"><img src="asset/muamalat.png" alt="Muamalat"></div>
</div>
</div>
<div class="footerkolom wd-25">
<div class="footercontent">
<p class="f-head">Ikuti Kami di</p>
<div class="socmed"><img src="asset/facebook.png" alt="Facebook">
<p>Facebook</p>
</div>
<div class="socmed"><img src="asset/instagram.png" alt="Facebook">
<p>Instagram</p>
</div>
<div class="socmed"><img src="asset/youtube.png" alt="Facebook">
<p>Youtube</p>
</div>
</div>
<div style="clear:both"></div>
</div>
<hr size="1px" color="gray">
<div class="footercopyright">Copyright 2019 Dolandisik Travel.</div>
</div>
<script src="js/stickynavbar.js"></script>
</body>
</html>