-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
453 lines (398 loc) · 22 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
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
<!DOCTYPE html>
<html lang="en">
<head>
<title>Covid19 — Udinus</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#c3d8e9">
<link rel="apple-touch-icon" href="images/logoudinus.png">
<link href="images/logoudinus.png" rel="icon">
<link href="https://fonts.googleapis.com/css?family=Overpass:300,400,500|Dosis:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/fancybox.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<script src="https://code.iconify.design/1/1.0.5/iconify.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="./js/ambildata.js"></script>
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<script id="sfchy6zmm7cjl878dn2rj5lzgzxgg6dznjp"></script>
<!-- Merubah div menjadi script-->
<script type="text/javascript" src="https://counter10.stat.ovh/private/counter.js?c=hy6zmm7cjl878dn2rj5lzgzxgg6dznjp&down=async" async></script>
<noscript><a href="https://www.freecounterstat.com" title="website view counter"><img src="https://counter10.stat.ovh/private/freecounterstat.php?c=hy6zmm7cjl878dn2rj5lzgzxgg6dznjp" border="0" title="website view counter" alt="website view counter"></a></noscript>
</head>
<style>
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.responsive img {
max-width: 100%;
/*width:100%;*/
}
@media screen and (min-width: 300px) {
div.example {
font-size: 15px;
}
}
@media screen and (max-width: 300px) {
div.example {
font-size: 15px;
}
}
</style>
<body>
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="index.html">
<div class="example">
<span class="responsive"><img src="images/pedulicovid.png" width="430" height="100" class="mr-2"></span>
</div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="donate.html" class="nav-link">Donasi</a></li>
<li class="nav-item "><a href="gallery.html" class="nav-link">Galeri</a></li>
<li class="nav-item "><a href="blog.html" class="nav-link">Info</a></li>
<li class="nav-item"><a href="about.html" class="nav-link">Tentang Kami</a></li>
<li class="nav-item"><a href="contact.html" class="nav-link">Kontak</a></li>
</ul>
</div>
</div>
</nav>
<!-- END nav -->
<div class="block-31" style="position: relative;">
<div class="owl-carousel loop-block-31 ">
<div class="block-30 block-30-sm item" style="background-image: url('images/head.png');" data-stellar-background-ratio="0.5">
<div class="container">
<div class="row align-items-center justify-content-center text-center">
<div class="col-md-7">
<h2 class="heading mb-5">Bersama kita hadapi Covid-19 dengan donasi dan #stayathome.</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-section section-counter">
<div class="container">
<div class="row">
<div class="col-md-6 pr-5">
<div class="block-48">
<font color="white">
<span class="block-48-text-1">Data Positive Corona Saat ini</span>
<div class="block-48-counter ftco-number" id="data-corona1">Loading data...</div>
<span class="block-48-text-1 mb-4 d-block" id="data-corona2"></span>
<span></span>
</font>
<p class="text-white">Sumber : https://corona.jatengprov.go.id</p>
<p class="mb-0"><a href="https://corona.jatengprov.go.id" class="btn btn-white px-3 py-2">INFO JATENG</a></p>
</div>
</div>
<div class="col-md-6 welcome-text">
<h2 class="display-4 mb-3">Siapa kami?</h2>
<p class="lead">Sebagai kampus yang menaati peraturan pemerintah dengan baik, dan juga berperilaku budiman kepada masyarakat. Kami bergerak untuk membantu pemberantasan Covid19 dengan segala upaya yang bisa kami lakukan</p>
<p class="mb-4">Berat kalo ngangkat sendiri, mending angkat bareng-bareng ya kan. </p>
<p class="mb-0"><a href="https://www.dinus.ac.id/" class="btn btn-primary px-3 py-2">Pelajari lebih
lanjut</a></p>
</div>
</div>
</div>
</div>
<div class="site-section border-top">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="media block-6">
<ion-icon name="navigate-outline"></ion-icon>
<div class="media-body">
<h3 class="heading">Misi kami</h3>
<p>Kami percaya dengan membantu sesama, dan kerja keras dari pemerintah dan medis bencana alam Covid-19 dapat segera teratasi.</p>
<!-- <p><a href="#" class="link-underline">Lebih lanjut</a></p> -->
</div>
</div>
</div>
<div class="col-md-4">
<div class="media block-6">
<ion-icon name="card-outline"></ion-icon>
<div class="media-body">
<h3 class="heading">Donasi!</h3>
<p>Melalui donasi ini, kita dapat membantu tenaga medis dan masyarakat sehingga memperingan pemerintah serta mengurangi beban masyarakat.</p>
<!-- <p><a href="#" class="link-underline">Lebih lanjut</a></p> -->
</div>
</div>
</div>
<div class="col-md-4">
<div class="media block-6">
<ion-icon name="home-outline"></ion-icon>
<div class="media-body">
<h3 class="heading">Stay-At-Home!</h3>
<p>Dengan selalu " Social Distancing " dan " Stay at home " kamu sudah jadi pahlawan pada 2020 ini .</p>
<!-- <p><a href="#" class="link-underline">Lebih Lanjut</a></p> -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- .site-section -->
<div class="site-section fund-raisers bg-light">
<div class="container">
<div class="row mb-3 justify-content-center">
<div class="col-md-8 text-center">
<h2>Apa itu Covid-19?</h2>
<p class="lead">Pneumonia Coronavirus Disease 2019 atau COVID-19 adalah penyakit peradangan paru yang disebabkan oleh Severe Acute Respiratory Syndrome Coronavirus 2 (SARS-CoV-2). Gejala klinis yang muncul beragam, mulai dari seperti gejala flu biasa
(batuk, pilek, nyeri tenggorok, nyeri otot, nyeri kepala) sampai yang berkomplikasi berat (pneumonia atau sepsis)..</p>
<!-- <p><a href="#" class="link-underline">Baca Selengkapnya</a></p> -->
</div>
</div>
</div>
<div class="container-fluid">
<!-- <div class="row"> -->
<div class="col-md-12 block-11">
<div class="row mb-3 justify-content-center mt-5">
<h2>Lakukan Langkah-Langkah ini untuk mencegah Corona Virus</h2>
</div>
<div class="nonloop-block-11 owl-carousel">
<div class="card fundraise-item">
<a href="blog-cuci-tangan.html"><img class="card-img-top" src="images/img_1.jpg" alt="Image placeholder"></a>
<div class="card-body">
<h3 class="card-title"><a href="blog-cuci-tangan.html">Selalu Cuci Tangan</a></h3>
<p class="card-text">Selalu Cuci Tangan mu, jangan biarkan Corona hinggap ditangan mu! karena melalui kontak fisiklah yang paling mudah penyebaran corona tersebut.</p>
<p><a href="blog-cuci-tangan.html" class="link-underline">Lebih Lanjut</a></p>
</div>
</div>
<div class="card fundraise-item">
<a href="blog-karantina.html"><img class="card-img-top" src="images/img_7.png" alt="Image placeholder"></a>
<div class="card-body">
<h3 class="card-title"><a href="blog-karantina.html">Penting nya karantina dan isolasi</a>
</h3>
<p class="card-text">Self distancing, sel isolation, self quarantine, dan atau lockdown. Putus atau minimalkan jalur penularan, dengan meminimalkan ruang sebar bagi cipratan cairan pernapasan.</p>
<p><a href="blog-karantina.html" class="link-underline">Lebih Lanjut</a></p>
</div>
</div>
<div class="card fundraise-item">
<a href="blog-workforhome.html"><img class="card-img-top" src="images/work.jpg" alt="Image placeholder"></a>
<div class="card-body">
<h3 class="card-title"><a href="blog-workforhome.html">12 Keuntungan dan Kerugian Work From
Home</a></h3>
<p class="card-text">Sejak ditetapkannya wabah virus corona sebagai pandemi global, Presiden Joko Widodo pun menginstruksikan masyarakat Indonesia untuk mengurangi aktivitas di luar rumah. </p>
<p><a href="blog-workforhome.html" class="link-underline">Lebih Lanjut</a></p>
</div>
</div>
<div class="card fundraise-item">
<a href="donate.html"><img class="card-img-top" src="images/ojek.jpg" alt="Image placeholder"></a>
<div class="card-body">
<h3 class="card-title"><a href="donate.html">Bantu mereka dengan Donasi!</a></h3>
<p class="card-text">Bantu mereka dengan donasi ikhlas kita, sedikit donasi sudah membuat senyuman untuk dapat membuat mereka yang membutuhkan .</p>
<p><a href="donate.html" class="link-underline">Lebih Lanjut</a></p>
</div>
</div>
<div class="card fundraise-item">
<a href="blog-semarangcerdas.html"><img class="card-img-top" src="images/penyemprotan.jpg" alt="Image placeholder"></a>
<div class="card-body">
<h3 class="card-title"><a href="blog-semarangcerdas.html">Semarang Cerdas</a></h3>
<p class="card-text">Warga Semarang membuat antispetic untuk disemprotkan pada setiap ujung rumah didaerah.</p>
<p><a href="blog-semarangcerdas.html" class="link-underline">Lebih Lanjut</a></p>
</div>
</div>
</div>
</div>
<!-- </div> -->
</div>
</div>
<!-- .section -->
<!-- video -->
<div class="site-section section-counter">
<div class="container">
<div class="row">
<div class="col-md-6 pr-5">
<div class="block-38">
<div class="video-container" controls autoplay>
<iframe width="700" height="700" src="images/coronaedu.mp4" frameborder="0" allowfullscreen value="controls autoplay"></iframe>
</div>
</div>
</div>
<div class="col-md-6 welcome-text">
<h2 class="display-4 mb-3">JAUHI CORONA</h2>
<p class="lead">Sebagai warga yang baik kita harus menaati peraturan yang ditetapkan pemerintah seperti work for home , social distancing , jarak satu meter . demi memutus penularan virus
</p>
<p class="mb-4">animasi Karya : Claudius Christy (mahasiswa udinus) </p>
<p class="mb-0"><a href="https://www.dinus.ac.id/" class="btn btn-primary px-3 py-2">Pelajari lebih
lanjut</a></p>
</div>
</div>
</div>
</div>
<!-- end video -->
<div class="site-section fund-raisers">
<div class="container">
<div class="row mb-3 justify-content-center">
<div class="col-md-8 text-center">
<h2>Sedikit Kata Dari Udinus</h2>
<p class="lead">Pesan - pesan dari para mahasiswa dan dosen Udinus.</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-lg-3 mb-5">
<div class="person-donate text-center">
<img src="images/edi.jpg" alt="Image placeholder" class="img-fluid">
<div class="donate-info">
<h2>Prof. Dr. Ir EDI NOERSASONGKO M.Kom</h2>
<span class="time d-block mb-3">Rektor Udinus</span>
<p>Jaga kesehatan, menaati peraturan pemerintah selalu belajar</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-5">
<div class="person-donate text-center">
<img src="images/kusni.jpg" alt="Image placeholder" class="img-fluid">
<div class="donate-info">
<h2>Dr KUSNI INGSIH MM</h2>
<span class="time d-block mb-3">Wakil rektor 3 </span>
<p>Selalu jaga kesehatan dan selalu berdoa </p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-5">
<div class="person-donate text-center">
<img src="images/rindra2.jpg" alt="Image placeholder" class="img-fluid">
<div class="donate-info"><br><br><br>
<h2>RINDRA YUSIANTO S.Kom, MT</h2>
<span class="time d-block mb-3">Kepala Biro Kemahasiswaan</span>
<p>Social Distancing selalu, jaga kesehatan, keluarga nomer satu</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-3 mb-5">
<div class="person-donate text-center">
<img src="images/arham.jpg" alt="Image placeholder" class="img-fluid">
<div class="donate-info">
<h2>ARHAM MAULANA SAPUTRA</h2>
<span class="time d-block mb-3">Mahasiswa </span>
<p>Dirumah aja, banyak kegiatan yang bisa dilakuin dirumah kok, kalem aja </p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- .section -->
<div class="featured-section overlay-color-2" style="background-image: url('images/bg_3.jpg');">
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="images/bg_3.jpg" alt="Image placeholder" class="img-fluid">
</div>
<div class="col-md-6 pl-md-5">
<span class="featured-text d-block mb-3">Yuk! Partisipasi dalam StayFromHome</span>
<h2>Selalu jaga kesehatan, dan tetaplah dirumah agar tidak terkena penyakit Corona</h2>
<p class="mb-3">Setiap penyakit, selalu ada penawar, maka dari itu dalam upaya menanti penawar yang akan disebarkan, mari jaga kesehatan dan tetap dirumah hingga semua bencana alam ini selesai.
</p>
<span class="fund-raised d-block mb-5">#WorkFromHome #Udinus #UdinusJaya</span>
</div>
</div>
</div>
</div>
<!-- .featured-donate -->
<!-- .featured-donate -->
<footer class="footer">
<div class="container">
<div class="row mb-5">
<div class="col-md-6 col-lg-4">
<h3 class="heading-section">About Us</h3>
<p class="lead">Universitas Dian Nuswantoro adalah salah satu perguruan tinggi swasta berakreditasi institusi A yang berada di Kota Semarang, Indonesia. </p>
<p class="mb-5">Universitas prioritas utama untuk dipilih dalam pendidikan dan kewirausahaan.</p>
</div>
<div class="col-md-6 col-lg-4">
<div class="block-23">
<h3 class="heading-section">Get Connected</h3>
<ul>
<li><span class="icon icon-map-marker"></span><span class="text">Jl. Imam Bonjol No.207,
Pendrikan Kidul, Kec. Semarang Tengah, Kota Semarang, Jawa Tengah 50131</span></li>
<li><a href="#"><span class="icon icon-phone"></span><span class="text">(+6224)
3517261</span></a></li>
<li><a href="#"><span class="icon icon-envelope"></span><span
class="text">dinus.ac.id</span></a></li>
</ul>
</div>
</div>
</div>
<div class="row pt-5">
<div class="col-md-12 text-center">
<p>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©
<script>
document.write(new Date().getFullYear());
</script>
</a>Made with ♥ - Much Thanks to <a href="https://colorlib.com" target="_blank">Colorlib</a></a>
</script> All rights reserved
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
<p>
<div>
<img width="100" height="100" src="images/dncc.png" alt="Image placeholder" class="img-fluid mr-2">
<img width="100" height="100" src="images/Doscom.png" alt="Image placeholder" class="img-fluid mr-2">
<text text-size="15">KHAFIS FAHRURROZI</text>
</div>
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px">
<circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee" />
<circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10"
stroke="#F96D00" /></svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<!-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"> -->
<!-- </script> -->
<!-- <script src="js/google-map.js"></script> -->
<script src="js/main.js"></script>
</body>
</html>