-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
300 lines (287 loc) · 16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HMIF Beasiswa</title>
<link rel="stylesheet" href="./assets/style.css" />
<link rel="shortcut icon" href="./assets/img/logo 1.png" type="image/x-icon">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
</head>
<body>
<a href="#home" class="floating-button">
<img src="./assets/img/arrow-up.svg" alt="Scroll to Top">
</a>
<div class="hamburger-menu-container">
<button class="hamburger-menu" aria-label="Toggle menu">☰</button>
<nav class="nav-menu">
<ul>
<li><img class="logo-1-icon" alt="Logo HMIF UMJ" src="./assets/img/logo 1.png"></li>
<li><a class="home" href="#home">Home</a></li>
<li><a class="tentang" href="#tentang">Tentang</a></li>
<li><a class="beasiswa" href="#beasiswa">Beasiswa</a></li>
<li><a class="daftar" href="#form-daftar">Daftar</a></li>
<li><a class="login" href="./page/login.html">Login</a></li>
</ul>
</nav>
</div>
<header class="nav-bar">
<nav class="nav-item">
<ul>
<li><img class="logo-1-icon" alt="Logo HMIF UMJ" src="./assets/img/logo 1.png"></li>
<li><a class="home" href="#home">Home</a></li>
<li><a class="tentang" href="#tentang">Tentang</a></li>
<li><a class="beasiswa" href="#beasiswa">Beasiswa</a></li>
<li><a class="daftar" href="#form-daftar">Daftar</a></li>
<li><a class="login" href="./page/login.html">Login</a></li>
</ul>
</nav>
</header>
<main>
<section class="container-1" id="home">
<img class="group-icon" alt="pattern" src="./assets/img/pattern3x.svg">
<div class="container-isi">
<article class="pembuka">
<b class="txt-pembuka">Jangan Tunda Impianmu! Jelajahi Berbagai Peluang Beasiswa dan Mulailah
Perjalanan Pendidikanmu Sekarang!</b>
<img class="logo-1-besar" alt="Logo HMIF UMJ" src="./assets/img/logo 1 besar.png">
</article>
</div>
</section>
<section class="container-2" id="tentang">
<img class="group-icon-2" alt="pattern" src="./assets/img/pattern2x.svg">
<div class="container-isi-2">
<article class="container2-isi">
<h2>Tentang Kami</h2>
<p>
Beasiswa HMIF Berbagi hadir sebagai jembatan bagi para pelajar Indonesia untuk meraih mimpi
menggapai pendidikan tinggi. Kami percaya bahwa setiap individu berhak atas kesempatan belajar
yang
setara, terlepas dari latar belakang ekonomi mereka. Kami bersama alumni dan pihak kampus siap
memberikan beasiswa kepada siapa saja yang pantas dan mau berusaha.
</p>
</article>
</div>
</section>
<section class="container-3" id="beasiswa">
<div class="container-isi-3">
<h2>Beasiswa</h2>
<article class="card-container">
<div class="card1">
<div class="card-img">
<img src="./assets/img/imgTidakMampuCard.png" alt="Beasiswa untuk siswa tidak mampu">
</div>
<div class="card-text">
<h3>Beasiswa Kurang Mampu</h3>
<p>Kondisi ekonomi bukanlah penghalang untuk meraih pendidikan. Beasiswa ini
didedikasikan untuk siswa dari keluarga kurang mampu, membantu mereka melanjutkan
pendidikan
ke jenjang yang lebih tinggi tanpa hambatan biaya.</p>
</div>
<div class="button-card">
<button type="button" onclick="location.href='#beasiswa-tidak-mampu'">Lebih
lanjut...</button>
</div>
</div>
<div class="card2">
<div class="card-img">
<img src="./assets/img/imgPrestasiCard.png" alt="Beasiswa untuk siswa berprestasi">
</div>
<div class="card-text">
<h3>Beasiswa Prestasi</h3>
<p>Dedikasi dan kerja kerasmu layak diapresiasi! Beasiswa ini diberikan kepada siswa dengan
prestasi gemilang di bidang akademik maupun non-akademik, sebagai bentuk dukungan untuk
berkembang dan menggapai potensi terbaikmu.</p>
</div>
<div class="button-card">
<button type="button" onclick="location.href='#beasiswa-prestasi'">Lebih lanjut...</button>
</div>
</div>
</article>
</div>
</section>
<section class="container-4" id="beasiswa-tidak-mampu">
<div class="container-isi-4">
<div class="bagian-kiri">
<div class="text-beasiswa">Beasiswa Kurang Mampu</div>
<div class="card-1">
<div class="img-card">
<img src="./assets/img/imgTidakMampu2.png" alt="Beasiswa untuk siswa tidak mampu">
</div>
<div class="text-card">
<p>
HMIF Berbagi merupakan program beasiswa penuh yang didedikasikan untuk mahasiswa aktif
yang
berasal dari keluarga kurang mampu. Kami percaya bahwa setiap individu berhak
mendapatkan
kesempatan untuk melanjutkan pendidikan tinggi dan menggapai cita-cita, tanpa terhalang
keterbatasan finansial. Melalui Beasiswa Harapan, kami berkomitmen untuk meringankan
beban
biaya pendidikan dan mendukung mahasiswa berpotensi untuk menyelesaikan studi dengan
baik.
</p>
</div>
</div>
</div>
<div class="card-2">
<div class="text-card-long">
<b>Syarat Pendaftaran:</b>
<ol>
<li>Merupakan Warga Negara Indonesia (WNI) dan berdomisili di Indonesia.</li>
<li>Terdaftar sebagai mahasiswa aktif minimal semester 2 di UMJ (D3/S1).</li>
<li>Memiliki keterbatasan finansial dan membutuhkan bantuan biaya pendidikan.</li>
<li>Tidak sedang menerima beasiswa lain dari sumber dana pemerintah atau swasta.</li>
<li>Menyertakan Surat Keterangan Tidak Mampu (SKTM) dari kelurahan/desa setempat.</li>
<li>Melampirkan fotokopi Kartu Keluarga (KK) dan Kartu Tanda Penduduk (KTP).</li>
<li>Menyerahkan transkrip nilai terakhir dengan menunjukkan pencapaian akademik yang baik
(IPK
minimal 2.75).</li>
<li>Menulis esai motivasi yang menguraikan latar belakang, tujuan pendidikan, dan rencana
masa
depan (maksimal 500 kata).</li>
<li>Melengkapi formulir pendaftaran online dengan data yang benar dan valid.</li>
<li>Menyertakan surat rekomendasi dari dosen wali atau pihak kampus yang dapat membuktikan
bahwa
pendaftar layak mendapatkan beasiswa.</li>
</ol>
</div>
</div>
</div>
</section>
<section class="container-5" id="beasiswa-prestasi">
<div class="container-isi-5">
<div class="bagian-kiri">
<div class="text-beasiswa">Beasiswa Prestasi</div>
<div class="card-1">
<div class="img-card2">
<img src="./assets/img/imgPrestasi2.png" alt="Beasiswa untuk siswa berprestasi">
</div>
<div class="text-card">
<p>
HMIF Berbagi Prestasi adalah program beasiswa parsial yang dirancang khusus untuk
mahasiswa
berprestasi di berbagai bidang. Kami percaya bahwa setiap potensi gemilang layak untuk
diasah dan diapresiasi. Melalui Beasiswa Unggul, kami ingin mendorong mahasiswa untuk
terus
mengembangkan diri, mengukir prestasi, dan menjadi inspirasi bagi sekitar.
</p>
</div>
</div>
</div>
<div class="card-2-2">
<div class="text-card-long">
<b>Syarat Pendaftaran:</b>
<ol>
<li>Merupakan Warga Negara Indonesia (WNI) dan berdomisili di Indonesia.</li>
<li>Terdaftar sebagai mahasiswa aktif minimal semester 2 di UMJ (D3/S1).</li>
<li>Memiliki Indeks Prestasi Kumulatif (IPK) minimal 3.50 (skala 4.00) pada semester
terakhir.
</li>
<li>Memiliki sertifikat atau bukti pencapaian prestasi minimal di tingkat provinsi dalam
kurun
waktu 2 tahun terakhir.
<ul>
<li>Prestasi Akademik: Olimpiade Sains, Lomba Karya Tulis Ilmiah, Lomba Debat, dll.
</li>
<li>Prestasi Non-Akademik: Kejuaraan IT, Kegiatan Organisasi dan Kepemimpinan, dll.
</li>
</ul>
</li>
<li>Tidak sedang menerima beasiswa lain dari sumber dana pemerintah atau swasta.</li>
<li>Menyertakan transkrip nilai terakhir yang telah dilegalisir.</li>
<li>Melampirkan fotokopi Kartu Tanda Mahasiswa (KTM) dan Kartu Tanda Penduduk (KTP).</li>
<li>Menulis esai yang menjelaskan tentang prestasi yang pernah diraih, kontribusi di bidang
akademik/non-akademik, dan aspirasi masa depan (maksimal 750 kata).</li>
<li>Menyerahkan surat rekomendasi dari dosen wali atau pembimbing yang mengetahui prestasi
dan
potensi pendaftar.</li>
<li>Melengkapi formulir pendaftaran online dengan informasi yang akurat dan lengkap.</li>
</ol>
</div>
</div>
</div>
</section>
<section class="container-6" id="form-daftar">
<div class="container-isi-6">
<div class="form-daftar">
<h2>Daftarkan Dirimu</h2>
<form action="" method="post" id="registrationForm">
<div class="input-group">
<input type="text" id="namaLengkap" name="namaLengkap" placeholder="Nama Lengkap">
</div>
<div class="input-group">
<input type="email" id="email" name="email" placeholder="Email">
</div>
<div class="input-group">
<input type="password" id="password" name="password" placeholder="Password">
</div>
<div class="input-group">
<input type="password" id="confirmPassword" name="confirmPassword"
placeholder="Confirm Password">
</div>
<div class="input-group">
<input type="text" id="alamat" name="alamat" placeholder="Alamat"></input>
</div>
<div class="input-group">
<input type="tel" id="nomorTelepon" name="nomorTelepon" placeholder="Nomor Telepon">
</div>
<div class="input-group">
<input type="text" id="tempatLahir" name="tempatLahir" placeholder="Tempat Lahir">
</div>
<div class="input-group">
<input type="date" id="tanggalLahir" name="tanggalLahir">
</div>
<div class="input-group">
<select id="jenisKelamin" name="jenisKelamin">
<option value="">Pilih Jenis Kelamin</option>
<option value="Pria">Pria</option>
<option value="Wanita">Wanita</option>
</select>
</div>
<div class="input-group">
<select id="semester" name="semester">
<option value="">Pilih Semester</option>
<option value="1">Semester 1</option>
<option value="2">Semester 2</option>
<option value="3">Semester 3</option>
<option value="4">Semester 4</option>
<option value="5">Semester 5</option>
<option value="6">Semester 6</option>
<option value="7">Semester 7</option>
<option value="8">Semester 8</option>
</select>
</div>
</div>
<button type="submit" value="Daftarkan Diri" class="submit-button">Daftarkan Diri</button>
</form>
</div>
</section>
</main>
<footer>
<div class="footer-content">
<div class="footer-logo">
<img src="./assets/img/logo 1 besar.png" alt="Logo HMIF Beasiswa">
</div>
<div class="footer-info">
<p>HMIF Beasiswa</p>
<p>Jl. K.H. Ahmad Dahlan, Cireundeu, Kec. Ciputat Tim., Kota Tangerang Selatan, Banten 15419</p>
<p>Telp: (021) 7492862</p>
<p>Email: hmifbeasiswa@gmail.com</p>
</div>
<div class="footer-social">
<a href="https://www.instagram.com/hmif_ftumj/" target="_blank"><img src="./assets/img/instagram.svg"
alt="Instagram"></a>
<a href="https://x.com/hmif_ftumj" target="_blank"><img src="./assets/img/twitter.svg"
alt="Twitter"></a>
<a href="https://id.linkedin.com/in/hmifbemftumj" target="_blank"><img src="./assets/img/linkedin.svg"
alt="Linkedin"></a>
</div>
</div>
<div class="copyright">
<p>© 2024 HMIF Beasiswa. All rights reserved.</p>
</div>
</footer>
<script src="./script/script.js"></script>
</body>
</html>