-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
354 lines (290 loc) · 21.7 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
<!DOCTYPE html>
<html class="skrollr " lang="en-GB">
<head>
<link rel="stylesheet" href="css/elyts.css">
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
<link href="css/css.css" rel="stylesheet">
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<!-- Skrollr Body -->
<div style="min-width: 1px; position: absolute; z-index: 0; top: 0px; height: 74644px;" id="skrollr-body">
<!-- Loading -->
<div style="display: none;" class="loading">
<div class="loading-container">
<img src="base/loader.gif" alt="Loading" class="loading-gif">
</div>
</div>
<!-- /Loading -->
<!-- Container -->
<div style="background: rgb(212, 158, 153) none repeat scroll 0% 0%; display: block;" class="container skrollable rendered " data-27000="background:rgb(53,66,80);" data-27000="background:rgb(212,158,153);">
<!-- Scene 1 -->
<div style="top: -100%; display: none;" class="scene skrollable unrendered " data-2700="top: 0%" data-4700="top: -100%; display: block;" data-4701="display: none;">
<div class="banner-depan">
<div class="inner">
<div style="opacity: 0; display: block;" class="scroll-message ie-hide skrollable unrendered " data-0="opacity: 1;" data-100="opacity: 0;">Scroll Down!</div>
<img style="top: -100%; display: none;" src="base/tengah.png" alt="tengah" class="tengah skrollable unrendered " data-700="top: 0%; display: none;" data-800="top: 0%; display: block;" data-2450="display: none;">
<img style="right: 200%;" src="base/afif.png" alt="afif" class="afif skrollable unrendered " data-700="right: 50%; display: block;" data-0="opacity:1;" data-900="right: 15%;display: block;" data-2200="right: 15%; display: block;" data-2700="right: 50%;opacity:1;" data-3700="opacity:0;">
<img style="right: 200%;" src="base/nida.png" alt="nida" class="nida skrollable unrendered " data-700="left: 50%; display: block;" data-0="opacity:1;" data-900="left: 15%;display: block;" data-2200="left: 15%; display: block;" data-2700="left: 50%;opacity:1;" data-3700="opacity:0;" >
<img style="right: 0%; display: none;" src="base/nama.png" alt="nama" class="nama skrollable unrendered " data-0="right: 0%; display: block;opacity: 0;" data-1000="right: 0%; display: block;opacity: 0;" data-1200="right: 0%; display: block;opacity: 1;" data-1900="right: 0%; display: block;opacity: 1;" data-2100="right: 0%; display: none;opacity: 0;">
<img style="right: 0%; display: none;" src="base/married.png" alt="married" class="married skrollable unrendered " data-0="right: 0%; display: block;opacity: 0;" data-1000="right: 0%; display: block;opacity: 0;" data-1200="right: 0%; display: block;opacity: 1;" data-1900="right: 0%; display: block;opacity: 1;" data-2100="right: 0%; display: none;opacity: 0;">
</div>
</div>
</div>
<!-- /Scene 1 -->
<!-- Scene 2 -->
<div style="top: -100%; display: none;" class="scene skrollable unrendered " data-2700="top: 100%;" data-3700="top: 0%;" data-7200="top: 0%" data-7800="top: -100%; display: block;" data-7801="display: none;">
<div class="dinding-rs">
<div class="dinding">
<div style="opacity: 0;" class="nlm born ie-hide skrollable unrendered " data-4000="opacity: 0;" data-4500="opacity: 1;" data-6000="opacity: 0;">
Nida Laili Maghfiroh, lahir di Malang tanggal 7 Maret 1993 bertepatan dengan 13 Romadhon 1413.<br>
Merupakan Putri pertama dari Bapak Bahrul Ulum dan Ibu Nur Fadhilah.
</div>
<div style="opacity: 0;" class="aah born ie-hide skrollable unrendered " data-4000="opacity: 0;" data-4500="opacity: 1;" data-6000="opacity: 0;">
Achmad Afif Hardiyansyah, lahir di Malang tanggal 27 Oktober 1992 bertepatan dengan 1 Jumadil Awal 1413.<br>
Merupakan Putra terakhir dari Bapak Maman Hidayat dan Ibu Masfiah.
</div>
<img style="left: 200%; display: none;" src="base/bathroom-window.png" alt="Window" class="window skrollable unrendered " data-6300="left: 90%" data-7200="left: 200%; display: block" data-7201="display: none;">
<img style="right: 200%; display: none;" src="base/bathroom-window.png" alt="Window" class="window skrollable unrendered " data-6300="right: 90%" data-7200="right: 200%; display: block" data-7201="display: none;">
<img style="top: -100%; display: none;" src="base/clock-face.png" alt="Clock Face" class="clock-face skrollable unrendered " data-6200="top: 20%" data-7200="top: -120%; display: block" data-7201="display: none;">
<img style="transform: rotate(750deg); display: none; top: -100%;" src="base/clock-hand.png" alt="Clock Hand" class="clock-hand skrollable unrendered " data-3800="transform: rotate(0deg);" data-6000="transform: rotate(750deg);" data-6200="top: 20%" data-7200="top: -120%; display: block" data-7201="display: none;">
</div>
</div>
<div class="lantai-rs">
<div class="floor-inner">
<img style="right: -100%; display: none;" src="base/bed.png" alt="bed" class="kasur skrollable unrendered " data-6200="right: 30%;" data-7200="right: -100%; display: block" data-7201="display: none;">
<img style="right: -100%; display: none;" src="base/lemari.png" alt="lemari" class="lemari skrollable unrendered " data-6200="right: 11%;" data-7200="right: -100%; display: block" data-7201="display: none;">
<img style="left: -100%; display: none;" src="base/bed.png" alt="bed" class="kasur skrollable unrendered " data-6200="left: 30%;" data-7200="left: -100%; display: block" data-7201="display: none;">
<img style="left: -100%; display: none;" src="base/lemari.png" alt="lemari" class="lemari skrollable unrendered " data-6200="left: 11%;" data-7200="left: -100%; display: block" data-7201="display: none;">
</div>
</div>
</div>
<!-- /Scene 2 -->
<!-- Scene 3 -->
<div style="top: -100%; display: none;" class="scene skrollable unrendered " data-7200="top: 100%;" data-7800="top: 0%;" data-14800="top: 0%;" data-15300="top: -100%; display: block;" data-15301="display: none;">
<div class="sky skrollable unrendered ">
<div class="sky-inner">
<div style="opacity: 1;" class="kenal ie-hide skrollable unrendered " data-8300="opacity: 0;" data-9300="opacity: 1;" data-10300="opacity: 0;">
Mereka bertemu saat melaksanakan studi di kampus Politeknik Negeri Malang pada tahun 2014
</div>
<div style="opacity: 1;" class="kenal ie-hide skrollable unrendered " data-11300="opacity: 0;" data-12300="opacity: 1;" data-13300="opacity: 0;">
Saat pengerjaan tugas akhir kuliah, Mereka memiliki intensitas pertemuan yang sering untuk mengerjakan tugas bersama. Eits bukan hanya berdua tapi berjama'ah :). Dari situlah mereka mulai lebih mengenal satu sama lain.
</div>
</div>
</div>
<div class="wardrobe-floor">
<div class="wardrobe-inner">
<img style="opacity: 1;" src="base/ah.png" alt="ah" class="ah skrollable unrendered " data-7800="opacity: 0;" data-8300="opacity: 1;" data-10300="opacity: 1;" data-11300="opacity: 0;" >
<img style="opacity: 1;" src="base/gazebo.png" alt="gazebo" class="gazebo skrollable unrendered " data-10800="opacity: 0;" data-11300="opacity: 1;" data-13300="opacity: 1;" data-14800="opacity: 0;" >
<img style="left: -10%;" src="base/hp.png" alt="hp" class="hp skrollable unrendered " data-10800="left: -10%;" data-11300="left: 39%;" data-13300="left: 39%;" data-14800="left: -10%;">
<img style="right: -10%;" src="base/lenovo.png" alt="lenovo" class="lenovo skrollable unrendered " data-10800="right: -10%;" data-11300="right: 35%;" data-13300="right: 35%;" data-14800="right: -10%;">
<img style="opacity: 0;" src="base/haa.png" alt="dewasa" class="in-gazebo skrollable unrendered " data-0="display:none;" data-11300="opacity:1;display:block; right: 35%; top:45%;" data-14800="display:block;" data-14900="opacity:0;">
<img style="opacity: 0;" src="base/mln.png" alt="dewasa" class="in-gazebo skrollable unrendered " data-0="display:none;" data-11300="opacity:1;display:block; left: 39%; top:45%;" data-14800="display:block;" data-14900="opacity:0;">
</div>
</div>
</div>
<!-- /Scene 3 -->
<!-- Scene 4 -->
<div style="top: -100%; display: none;" class="scene skrollable unrendered " data-14800="top: 100%;" data-15300="top: 0%;" data-17700="top: 0%;" data-18700="top: -100%; display: block;" data-18701="display: none;">
<div class="kitchen-wall">
<div class="kitchen-wall-inner">
<div style="opacity: 1;" class="kenal ie-hide skrollable unrendered " data-15800="opacity: 0;" data-16800="opacity: 1;" data-17000="opacity: 0;">
Setelah kelulusan, dengan ditemani oleh sahabat Nida, Afif memberanikan diri untuk menyatakan perasaan yang telah lama dipendam kepada Nida. Dengan tujuan baik menjadikan Nida sebagai separuh jiwanya yang halal. Dengan izin Allah niatan baiknya dipermudah Allah untuk mengkhitbah Nida.
</div>
<img style="display: none; top: 400%;" src="base/lorong.png" alt="lorong" class="lorong skrollable unrendered " data-15300="display: none;" data-15301="top: -100%; display: block;" data-16000="top: 30%;" data-17300="top: 30%;" data-18000="top: 400%; display: block;" data-18001="display: none;">
</div>
</div>
<div class="kitchen-floor">
<div class="floor-inner">
<img style="display: none; right: 300%;" src="base/case.png" alt="case" class="case skrollable unrendered " data-15300="display: none;" data-15301="right: -100%; display: block;" data-16000="right:5%;" data-17300="right: 5%;" data-18000="right: 300%; display: block;" data-18001="display: none;">
<img style="display: none; left: 295%;" src="base/bin.png" alt="Bin" class="bin skrollable unrendered " data-15300="display: none;" data-15301="left: -100%; display: block;" data-16000="left: 8%;" data-17300="left: 8%;" data-18000="left: 295%; display: block;" data-18001="display: none;">
</div>
</div>
</div>
<!-- /Scene 4 -->
<!-- Scene 5 -->
<div style="top: 0%;" class="scene skrollable unrendered " data-17700="top: 100%;" data-18700="top: 0%;" data-27700="top: 0%;">
<div class="banner-depan">
<div class="inner">
<img style="opacity: 0;" src="base/alamat-afif.png" alt="alamat" class="afif-add skrollable unrendered " data-25000="opacity:0;" data-25500="opacity:1;" data-27000="opacity:1;" data-27500="opacity:0;" >
<img style="opacity: 0;" src="base/alamat-nida.png" alt="alamat" class="nida-add skrollable unrendered " data-22500="opacity:0;" data-23000="opacity:1;" data-24500="opacity:1;" data-25000="opacity:0;" >
<img style="opacity: 0;" src="base/tanggal-afif.png" alt="tanggal" class="afif-tgl skrollable unrendered " data-25000="opacity:0;" data-25500="opacity:1;" data-27000="opacity:1;" data-27500="opacity:0;" >
<img style="opacity: 0;" src="base/tanggal-nida.png" alt="tanggal" class="nida-tgl skrollable unrendered " data-22500="opacity:0;" data-23000="opacity:1;" data-24500="opacity:1;" data-25000="opacity:0;" >
<img style="display: none;" src="base/kuwade.png" alt="kuwade" class="kuwade skrollable unrendered " data-18700="display: block;" data-20700="display: block;" >
<img style="display: none;" src="base/kuwade-papan.png" alt="kuwade-papan" class="kuwade-papan skrollable unrendered " data-18700="display: block;" data-22000="display: block;top: 30%;" data-23000="top:40%;" data-25000="top:40%;" data-25500="top:38%;" data-27000="top:38%;" data-27500="top:30%;" >
<img style="" src="base/manten.png" alt="manten" class="manten skrollable unrendered " data-18700="display: block;width:333px;433px;top: 25%;left: 32%;" data-22000="display: block;width:333px;433px;top: 25%;left: 32%;" data-23000="top:39%; left:35%; width:270px;351px;" data-27000="top:39%; left:35%; width:270px;351px;" " data-27500="width:333px;433px;top: 25%;left: 32%;" >
<div style="width: 0px;" class="tirai kanan skrollable unrendered " data-18700="display: block;width: 372px;" data-19000="display: block;width: 372px;" data-20000="width: 372px;" data-21000="width: 0px;"></div>
<div style="width: 0px;" class="tirai kiri skrollable unrendered " data-18700="display: block;width: 372px;" data-19000="display: block;width: 372px;" data-20000="width: 372px;" data-21000="width: 0px;"></div>
<img style="top: 50%;left: 0; bottom: 0; right: 0; display: none;" src="base/married.png" alt="married" class="married skrollable unrendered " data-19000=" display: block;opacity: 0;" data-19300="display: block;opacity: 1;" data-19700="display: block;opacity: 1;" data-20000="display: block;opacity: 0;" >
</div>
</div>
</div>
<!-- /Scene 5 -->
<!-- Character -->
<div style="top: 0%;" class="scene click-through skrollable unrendered " data-start="top: 0%;">
<div class="character-container">
<div class="character-container-inner">
<img style="opacity: 0;" src="base/bayi-l.png" alt="bayi" class="bayi skrollable unrendered " data-3700="opacity:0;right: 24%; top: 40%;" data-3800="opacity:1;right: 24%; top: 40%;" data-6200="opacity:1; top: 40%;" data-7200="opacity:1; top:30%;" data-7700="opacity:0; top:30%;">
<img style="opacity: 0;" src="base/bayi-p.png" alt="bayi" class="bayi skrollable unrendered " data-3700="opacity:0;left: 24%; top: 40%;" data-3800="opacity:1;left: 24%; top: 40%;" data-6200="opacity:1; top: 40%;" data-7200="opacity:1; top:30%;" data-7700="opacity:0; top:30%;">
<img style="display: none;" src="base/haa.png" alt="dewasa" class=" skrollable unrendered " data-7200="opacity:0;display:block;right: 24%;top:30%;" data-7700="opacity:1;right: 24%; top:30%;" data-8000="right: 30%; top:43%;" data-10300="right: 30%; top:43%;" data-11300="display:none;">
<img style="display: none;" src="base/mln.png" alt="dewasa" class=" skrollable unrendered " data-7200="opacity:0;display:block;left: 24%;top:30%;" data-7700="opacity:1;left: 24%; top:30%;" data-8000="left: 35%; top:46%;" data-10300="left: 35%; top:46%;" data-11300="display:none;">
<img style="display: none; z-index: 0;" src="base/nokat.png" alt="dewasa" class=" skrollable unrendered " data-14880="opacity:0;display:block;" data-16000="opacity:1;right: 30%;top:25%;" data-17300="opacity:1;" data-18000="opacity:0;" >
<img style="display: none; z-index: 0;" src="base/yes.png" alt="dewasa" class=" skrollable unrendered " data-14880="opacity:0;display:block;" data-16000="opacity:1;left: 35%;top:30%;" data-17300="opacity:1;" data-18000="opacity:0;" >
</div>
</div>
</div>
<!-- /Character -->
</div>
<!-- /Container -->
</div>
<!-- /Skrollr Body -->
<!-- Scripts -->
<script id="facebook-jssdk" src="js/all.js"></script>
<script src="js/jquery.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.8.2.min.js"><\/script>')</script>
<script src="js/skrollr.js"></script>
<script type="text/javascript">
//http://detectmobilebrowsers.com/ + tablets
(function(a) {
if(/android|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(ad|hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino|playbook|silk/i.test(a)
||
/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))
{
//Add skrollr mobile on mobile devices.
document.write('<script src="js/skrollr.mobile.min.js"><\/script>');
}
})(navigator.userAgent||navigator.vendor||window.opera);
$(document).ready(function() {
// Loading screen
$(window).load(function() {
show();
});
function show() {
$('.loading').hide();
$('.container').fadeIn();
};
// Initialise Skrollr
skrollr.init({
smoothScrolling: true,
scale: 2,
easing: 'swing'
});
// Video player variables
var iframe = $('#vimeo-player')[0],
player = $f(iframe);
// Remote control buttons
$('.play-video').on('click', function() {
player.api('play');
});
$('.close-video').on('click', function() {
player.api('pause');
});
// Scroll message at start
$('.scroll-message').hide();
$('.scroll-message').delay(3000).fadeIn(500);
// Preload button images
function preload(arrayOfImages) {
$(arrayOfImages).each(function(){
$('<img/>')[0].src = this;
});
}
preload([
'img/play-button.png',
'img/stop-button.png',
'img/play-button-down.png',
'img/stop-button-down.png'
]);
// ScrollTo Navigation
// var slideTopPosisition = [0, 2535, 12000, 22500, 31000, 50000, 65000, 74000];
var slideTopPosisition = [0, 6000];
var animateScrollNext = function(duration) {
$('html, body').animate({ scrollTop: slideTopPosisition[currentSlide+1] }, duration);
}
// var animateScrollPrev = function(duration) {
// $('html, body').animate({ scrollTop: slideTopPosisition[currentSlide-1] }, duration);
// }
var currentSlide = 0,
$nextButton = $('#next');
// $prevButton = $('#prev');
$nextButton.on('click', function() {
switch (currentSlide) {
case 0:
animateScrollNext(1500);
currentSlide += 1;
// $prevButton.removeClass('inactive');
break;
case 1:
animateScrollNext(4000);
currentSlide += 1;
break;
case 2:
animateScrollNext(4000);
currentSlide += 1;
break;
case 3:
animateScrollNext(4000);
currentSlide += 1;
break;
case 4:
animateScrollNext(6000);
currentSlide += 1;
break;
case 5:
animateScrollNext(6000);
currentSlide += 1;
break;
case 6:
animateScrollNext(4000);
currentSlide += 1;
$nextButton.addClass('inactive');
break;
}
});
// $prevButton.on('click', function() {
// switch (currentSlide) {
// case 8:
// animateScrollPrev(4000);
// currentSlide -= 1;
// $nextButton.removeClass('inactive');
// break;
// case 7:
// animateScrollPrev(4000);
// currentSlide -= 1;
// break;
// case 6:
// animateScrollPrev(4000);
// currentSlide -= 1;
// break;
// case 5:
// animateScrollPrev(4000);
// currentSlide -= 1;
// break;
// case 4:
// animateScrollPrev(4000);
// currentSlide -= 1;
// break;
// case 3:
// animateScrollPrev(4000);
// currentSlide -= 1;
// break;
// case 2:
// animateScrollPrev(4000);
// currentSlide -= 1;
// break;
// case 1:
// animateScrollPrev(1500);
// currentSlide -= 1;
// $prevButton.addClass('inactive');
// break;
// }
// });
// Back to top button
$('.back-to-top').on('click', function() {
$('html, body').animate({ scrollTop: 0 }, 5000);
currentSlide = 0;
$nextButton.removeClass('inactive');
});
});
</script>