-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
259 lines (250 loc) · 9.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./styles/umar.css">
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet" />
<title>Ma'had Umar Bin Khaththab</title>
</head>
<body>
<div class="wrap">
<header>
<div class="container">
<img src="./assets/Logo-Devisi-YPIA-Mahad-Umar.png" alt="Logo mahad ubk" />
<nav>
<a href="https://mahadumar.id/kelas-dan-program/">Kelas dan Program</a>
<a href="https://mahadumar.id/pendaftaran/">Pendaftaran</a>
<a href="https://mahadumar.id/blog/category/artikel-ilmiah/">Artikel</a>
<a href="https://mahadumar.id/profil/">Profile</a>
<a href="https://mahadumar.id/hubungi-kami/">Hubungi kami</a>
<a href="https://mahadumar.id/f-a-q/">F.A.Q</a>
<a href=""><i class="ri-search-2-line"></i></a>
</nav>
<div class="burger-menu">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="30" height="30">
<path d="M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z"></path>
</svg>
</div>
</div>
</header>
<hr />
<div class="hero">
<div class="container">
<div class="cta">
<h1>Belajar Nahwu-Sharaf, Jago Baca Kitab Gundul</h1>
<p>
Anda bisa baca kitab gundul, bukan mustahil biidznillah. Makin
kenal islam lewat bahasa arab. Belajar bahasa arab bersama Ma'had
Umar bin Khaththab Yogyakarta
</p>
<a href="https://mahadumar.id/info/" id="">SAYA INGIN MELIHAT PROGRAM TERBARU</a>
</div>
<div class="img-hero">
<img src="./assets/hero4-darker-med.png" alt="image hero" />
</div>
</div>
</div>
<div class="section-satu">
<div class="container">
<div class="gambar">
<img src="./assets/tangga.png" alt="image section 1" />
</div>
<div class="teks">
<h2>Belajar secara bertahap</h2>
<p>
Anda akan dipandu belajar mulai dari dasar sampai memiliki bekal
cukup untuk bisa membaca kitab gundul. Setelah mahir membaca kitab
gundul pun, Anda bisa pertajam skill dengan mengikuti kelas Nahwu
dan Sharaf lanjutan.
</p>
<p>
Belum bisa baca tulis huruf Arab? Tenang, Anda bisa mulai dari
kelas persiapan.
</p>
</div>
</div>
</div>
<div class="section-dua">
<div class="container">
<div class="teks">
<h2>Belajar empat hari sepekan</h2>
<p>
Frekuensi belajar tidak begitu tinggi, pun tidak terlalu rendah.
Cocok untuk membangun skill Bahasa Arab Anda.
</p>
</div>
<div class="gambar">
<img src="./assets/kalender.png" alt="image section 2" />
</div>
</div>
</div>
<div class="section-tiga">
<div class="container">
<div class="gambar">
<img src="./assets/jam.png" alt="image section 3" />
</div>
<div class="teks">
<h2>Waktu Belajar Fleksibel</h2>
<p>
Mau ikut belajar pagi, sore, atau malam Anda yang tentukan
sendiri. Tentunya tidak bertabrakan dengan waktu kuliah atau
bekerja.
</p>
</div>
</div>
</div>
<div class="section-empat">
<h2>Belajar bertahap, pilih sesuai jenjang Anda</h2>
<div class="container">
<div class="step-satu">
<img src="./assets/persiapan-1.png" alt="image step satu" />
<h3>Kelas Persiapan</h3>
</div>
<div class="step-dua">
<img src="./assets/dasar.png" alt="image step dua" />
<h3>Kelas Dasar</h3>
</div>
<div class="step-tiga">
<img src="./assets/menengah.png" alt="image step tiga" />
<h3>Kelas Menengah</h3>
</div>
<div class="step-empat">
<img src="./assets/baca-kitab.png" alt="image step empat" />
<h3>Kelas Baca Kitab</h3>
</div>
<div class="step-lima">
<img src="./assets/nahwu-lanjut.png" alt="image step lima" />
<h3>Kelas Nahwu Lanjutan</h3>
</div>
<div class="step-enam">
<img src="./assets/sharaf-lanjut.png" alt="image step enam" />
<h3>Kelas Sharaf Lanjutan</h3>
</div>
</div>
<a href="https://mahadumar.id/kelas-dan-program/">Selengkapnya</a>
</div>
<div class="wrap-triangle">
<div class="triangle-down"></div>
</div>
<div class="section-lima">
<h2>Jelajahi serba-serbi Bahasa Arab</h2>
<div class="container">
<div class="card">
<img src="./assets/cornfield-wallpapers-27825-6163070-1-600x352.jpg" alt="" />
<div>
<h2>Hidayah Itu Nikmat</h2>
<p>
Dalam surat Al Fatihah, Allah mengajarkan kita untuk meminta
hidayah...
</p>
<a href="">Selengkapnya</a>
</div>
</div>
<div class="card">
<img src="./assets/WhatsApp-Image-2018-08-02-at-09.48.34-1-600x398.jpeg" alt="" />
<div>
<h2>
Kalimat Indah dari Sahabat Ali Radhiyallahu 'anhu Seputar Takwa
dan Penjelasan Ringkasnya
</h2>
<p>
Sahabat Ali bin Abi Thalib radhiyallahu 'anhu terkenal dengan
kefasihanya....
</p>
<a href="">Selengkapnya</a>
</div>
</div>
<div class="card">
<img src="./assets/crescent-918793_1920-e1445412340954-1-600x241.jpg" alt="" />
<div>
<h2>Anjuran Puasa di Bulan Muharram</h2>
<p>
بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ Alhamdulillah segala puji
bagi Allah subhanahu...
</p>
<a href="">Selengkapnya</a>
</div>
</div>
<div class="card">
<img src="./assets/petuah-bahasa-arab-e1442280325589-1-600x291.jpg" alt="" />
<div>
<h2>Keunikan (Petuah) Bahasa Arab</h2>
<p>Coba Anda baca petuah di bawah ini : خَيْرُ النَّاسِ...</p>
<a href="">Selengkapnya</a>
</div>
</div>
<div class="card">
<img src="./assets/menfaat-featured1-1-600x353.png" alt="" />
<div>
<h2>Manfaat Belajar Bahasa Arab</h2>
<p>
Sangat banyak manfaat yang akan didapat oleh seorang yang
belajar...
</p>
<a href="https://mahadumar.id/info/">Selengkapnya</a>
</div>
</div>
<div class="card">
<img src="./assets/road-801748_1920-e1444893775783-1-600x214.jpg" alt="" />
<div>
<h2>Kisah Ulama dalam Belajar Bahasa Arab</h2>
<p>
Dalam melakukan suatu hal, terkadang kita akan menemukan
kesulitan layaknya...
</p>
<a href="">Selengkapnya</a>
</div>
</div>
</div>
<a href="https://mahadumar.id/blog/category/artikel-ilmiah/">Lihat Tulisan Lain</a>
</div>
<div class="section-enam">
<div class="container">
<h2>Ingin bertemu kami?</h2>
<div class="sekretariat">
<p>Sekretariat Putra</p>
<div class="wrap-triangle">
<div class="triangle-down"></div>
</div>
</div>
<div class="info-sekretariat">
<div>
<div class="teks">
<h3>Ma'had Umar bin Khaththab</h3>
<p>
Jl. Pogung Rejo No. 412, Pogung Kidul, Sinduadi, Mlati,
Sleman, DI Yogyakarta
</p>
<p><strong> Narahubung:</strong>0857-8659-9931</p>
<div class="btn-section">
<a href="https://mahadumar.id/info/"><i class="ri-whatsapp-line"></i>kirim Pesan</a>
<a href="https://maps.app.goo.gl/9MrcgVkycsf88Lkz8"><i class="ri-map-2-line"></i>Lihat Lokasi</a>
</div>
</div>
</div>
<div class="google-maps">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d126505.
80885307865!2d110.22759504335934!3d-7.757278899999994!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.
1!3m3!1m2!1s0x2e7a58518226921b%3A0x4b437c4dcd75329!2sMa'
had%20Umar%20bin%20Khathab%20Yogyakarta!5e0!3m2!1sid!2sus!4v1695968584794!5m2!1sid!2sus"
width="100%" height="100%" style="border: 0" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<p>Copyright © 2023 | Ma'had Umar bin Khaththab</p>
<div class="media-sosial">
<a href="https://www.facebook.com/MUBKJogja"><i class="ri-facebook-fill"></i></a>
<a href="https://www.instagram.com/mubk_jogja/"><i class="ri-instagram-line"></i></a>
<a href="https://twitter.com/mubk_jogja"><i class="ri-twitter-fill"></i></a>
<a href="https://mahadumar.id/t.me/mubk_jogja"><i class="ri-send-plane-fill"></i></a>
</div>
</div>
</footer>
</div>
</body>
</html>