-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmain.html
150 lines (134 loc) · 6.49 KB
/
main.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
<!DOCTYPE html>
<!-- Created By Fahmi Dzulqarnain and Ahmad Fauzi -->
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PPDB Yayasan Al Kahfi Batam</title>
<link rel="shortcut icon" href="assets/img/Yayasan Islam Al Kahfi [email protected]" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<link rel="stylesheet" href="main_css/material_design.css">
<link rel="stylesheet" href="main_css/root.css">
<link rel="stylesheet" href="main_css/style.css?v=4">
</head>
<body>
<div class="header-bar">
<div class="header-bar-container">
<div class="header-bar-properti">
<img id="logo" src="assets/img/PPIT [email protected]" alt="al-kahfi-batam.png" class="side_logo">
<div>
<h3 id="namaSekolah" class="mobile-size-font-logo-h3">Memuat...</h3>
<p id="alamat" class="mobile-size-font-logo-p">Memuat...</p>
</div>
</div>
</div>
</div>
<section class="cover" id="home">
<div class="cover-content">
<div class="lottie-size">
<lottie-player src="https://assets6.lottiefiles.com/packages/lf20_9cyyl8i4.json"
background="transparent" speed="1" loop autoplay></lottie-player>
</div>
<div class="text-2">Penerimaan Peserta<br> Didik Baru</div>
<div class="flex-column" style="margin-top: 5vh;">
<div class="flex-column" id="btnDaftar" style="display: none;">
<a class="button" href="#daftar" onclick="openDialog()">Daftar</a>
</div>
<p id="txtMessageDaftar" style="margin-top: 3.5vh;">Sudah Mendaftar?</p>
<div class="flex-column">
<a class="button" id="btnLogin" href="login/">Masuk Akun</a>
</div>
</div>
</div>
</section>
<div class="modal__container" id="modal-container">
<div class="modal__content" title="Close">
<i class="fa-solid fa-xmark modal__close close-modal"></i>
<img id="dialogLogo" src="logo/FI TK.png" alt="TKIT" class="modal__img icon">
<h3 id="titleDialog" class="modal__title">TKIT Fajar Ilahi</h3>
<p class="modal__description">Silakan Pilih Tipe Kelas</p>
<div id="containerTipeSekolah" class="flex-column" style="margin-top: 1.5em;"></div>
<button type="button" class="modal__button-link close-modal">
Close
</button>
</div>
</div>
<section class="services bg-eggshell" id="informasi">
<div class="max-width">
<h2 class="title">
<i class="fa-solid fa-circle-info"></i>
<br> Informasi
</h2>
<div class="serv-content">
<div class="card">
<div class="box">
<div class="text"><i class="fa-solid fa-money-bills"></i> Biaya </div>
<br>
<div class="leftAlign">
<p id="biayaPendaftaran">Rp0,00</p>
<p id="biayaAwal">Rp0,00</p>
<p id="biayaSPP">Rp0,00</p>
</div>
</div>
</div>
<div class="card">
<div class="box">
<div class="text"><i class="fa-solid fa-file-lines"></i> Yang Diperlukan saat Tes</div>
<br>
<ul>
<li id="syaratAlatTulis">Alat tulis</li>
<li>Fotocopy akta kelahiran</li>
<li>Fotocopy kartu keluarga</li>
<li>Mengisi dan menyerahkan surat pernyataan</li>
<li id="syaratSuratKesehatan">Surat hasil kesehatan (laboratorium)</li>
</ul><br>
</div>
</div>
</div>
</div>
</section>
<section class="timeline" id="jadwal">
<div class="max-width">
<h1 class="title">
<i class="fa-solid fa-timeline"></i>
<br>Timeline
</h1>
<div id="timeline-container"></div>
</div>
</section>
<section class="about bg-eggshell" id="about">
<div class="max-width">
<h2 class="title">Tentang Yayasan</h2>
<div class="about-content">
<div class="column left">
<img src="images/logo_alkahfi-300x300.png" alt="Yayasan Islam Al Kahfi">
</div>
<div class="column right">
<div class="text">Al Kahfi Batam, Berkhidmat Untuk <span class="typing-2"></span></div>
<p>Yayasan Islam Al Kahfi Batam didirikan sebagai sarana untuk mengelola dan mengembangkan da’wah
Islam berdasarkan Al Qur’an dan Assunnah dengan pemahaman Salaful Ummah di Kota Batam dan
propinsi Kepulauan Riau.</p>
<div class="flex-column col-2">
<a class="button" href="https://alkahfi.or.id/">Lebih Lanjut</a>
</div>
</div>
</div>
</div>
</section>
<div id="footer"></div>
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<script src="includes/public-function.js?v=5"></script>
<script src="main_js/script.js"></script>
<script src="main_js/components/row-tipe-sekolah.js?v=2"></script>
<script src="main_js/open_close_dialog.js"></script>
<script src="main_js/auto_typed.js"></script>
<script src="main_js/components/item-timeline.js?v=2"></script>
<script src="main_js/scripts/main.js?v=6"></script>
</body>
</html>