-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
438 lines (381 loc) · 14.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="keywords" content="TasBee" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description"
content="TasBee Adalah website event terbesar di Indonesia. Dapatkan Info Lomba, Magang, Beasiswa, dan Seminar terlengkap." />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="TasBee" />
<meta property="og:image" content="img/favicon.svg" />
<meta property="og:url" content="https://tasbee.com/" />
<meta property="og:title" content="TasBee | Website Penyedia & Pengelola Event Terbesar Di Indonesia" />
<meta property="og:description"
content="TasBee Adalah website penyedia dan pengelola event terbesar di Indonesia. Dapatkan Info Lomba, Magang, Beasiswa, dan Seminar terlengkap." />
<title>TasBee | Website Penyedia & Pengelola Event Terbesar Di Indonesia</title>
<link rel="stylesheet" href="css/Reset.css" />
<link rel="stylesheet" href="css/Home.css" />
<link rel="stylesheet" href="css/Responsive.css" />
<link rel="apple-touch-icon" href="img/favicon.svg" />
<link rel="shortcut icon" href="img/favicon.svg" type="image/x-icon" />
<meta property="og:title" content="Website Penyedia dan Pengelola Event Terbesar di Indonesia — TasBee" />
</head>
<body>
<!-- header start -->
<header>
<div class="container">
<a href="Index.html"><img src="img/logo.svg" alt="Logo" class="logo" /></a>
<nav>
<ul>
<li><a href="Index.html">Home</a></li>
<li><a href="Event.html">Event</a></li>
<li><a href="MediaPartner.html">Media Partner</a></li>
<li><a href="Artikel.html">Artikel</a></li>
<li><a href="Login.html">Login</a></li>
</ul>
</nav>
</div>
</header>
<!-- header end -->
<!-- navbar mobile start -->
<div class="navbarMobile">
<a href="Index.html" class="perNavbarMobile">
<div class="icon">
<img src="./img/Icon/home-solid.svg" alt="Home Icon">
</div>
<h3>Home</h3>
</a>
<a href="Event.html" class="perNavbarMobile">
<div class="icon">
<img src="./img/Icon/medal-solid.svg" alt="Event Icon">
</div>
<h3>Event</h3>
</a>
<a href="Artikel.html" class="perNavbarMobile">
<div class="icon">
<img src="./img/Icon/book-open-solid.svg" alt="Artikel Icon">
</div>
<h3>Artikel</h3>
</a>
<a href="Login.html" class="perNavbarMobile">
<div class="icon">
<img src="./img/Icon/user-circle-solid.svg" alt="Profil User Icon">
</div>
<h3>Login</h3>
</a>
</div>
<!-- navbar mobile end -->
<main>
<!-- hero start -->
<div class="hero">
<section class="bg-patern">
<div class="container">
<div class="caption">
<h1>We are TasBee</h1>
<p>
Buat dan jangkau miliaran orang di event anda hanya dengan satu
klik
</p>
<a class="btn btn-white" href="#fitur">Explore</a>
</div>
<div class="hero-bg">
<img class="hero-guy-1" src="img/Home/hero-guy-1.png" alt="image hero" />
<img class="hero-guy-1-lg" src="img/Home/hero-guy-1-lg.png" alt="image hero" />
</div>
</div>
</section>
</div>
<!-- hero end -->
<!-- fitur start -->
<section class="fitur" id="fitur">
<div class="container">
<h1>
Ribuan lomba, beasiswa, webinar, hingga volunteering bisa kamu
temukan & daftar dengan satu klik.
</h1>
<div class="imgFitur">
<img src="img/Home/Lomba.c842bcc8.svg" alt="fitur" />
<img src="img/Home/Beasiswa.36dd90dd.svg" alt="fitur" />
<img src="img/Home/Webinar.cb3b06ac.svg" alt="fitur" />
<img src="img/Home/Volunteer.e19c97fd.svg" alt="fitur" />
<img src="img/Home/Exchange.f708b37e.svg" alt="fitur" />
<img src="img/Home/Conference.0c79e992.svg" alt="fitur" />
<img src="img/Home/Pertunjukan.eafe15c7.svg" alt="fitur" />
<img src="img/Home/Lainnya.063c629a.svg" alt="fitur" />
</div>
</div>
</section>
<!-- fitur end -->
<!-- program start -->
<section class="program">
<div class="container">
<div class="caption">
<h2>Program Kami</h2>
<p>
Program TasBee diadakan sebagai ajang pengembangan potensi bakat
anak muda Indonesia. Siap terinspirasi untuk menginspirasi.
</p>
<img src="img/Home/OurPrograms.webp" alt="program" />
</div>
<div class="event">
<div class="perEvent cerdasCermat">
<span class="waktuEvent">ONGoing</span>
<h3>Pertukaran Pelajar Ke Turki</h3>
<p>
Dapatkan pengalaman dan tingkatkan portfolio kamu dengan
mengikuti pertukaran pelajar ke Turki
</p>
<a href="#" class="btn btn-white">Daftar Sekarang</a>
</div>
<div class="perEvent beasiswa">
<span class="waktuEvent">ONGoing</span>
<h3>Beasiswa TasBee</h3>
<p>
Dapatkan dukungan untuk meringankan biaya pendidikan dan siapkan
dirimu untuk masa depan cemerlang.
</p>
<a href="#" class="btn btn-white">Daftar Sekarang</a>
</div>
<div class="perEvent lombaNasional">
<span class="waktuEvent">ONGoing</span>
<h3>Olimpiade Matematika 2021</h3>
<p>
Ikuti Lomba Olimpiade Matematika Indonesia dan raih total hadiah
tunai Rp44 juta
</p>
<a href="#" class="btn btn-white">Daftar Sekarang</a>
</div>
<div class="perEvent festival">
<span class="waktuEvent">ONGoing</span>
<h3>Nasional Science Competition 2021</h3>
<p>
Adu wawasan dengan pemuda-pemudi dari seluruh Indonesia dan raih
kesempatan memenangkan hadiah jutaan rupiah.
</p>
<a href="#" class="btn btn-white">Daftar Sekarang</a>
</div>
</div>
</div>
</section>
<!-- program end -->
<!-- home partner start -->
<section class="containerTitleHome">
<div class="container">
<h1 class="titleHome">Gabung Menjadi Partner Kami</h1>
</div>
</section>
<section class="homePartner">
<div class="container">
<div class="keterangan">
<div class="profil">
<div class="perProfil">
<img src="img/Home/event.0e2cf374.svg" alt="event" />
<div class="caption">
<span>2.385</span>
<p>Event terdaftar dan dikelola</p>
</div>
</div>
<div class="perProfil">
<img src="img/Home/Mahasiswa.36b4dbe7.svg" alt="mahasiswa" />
<div class="caption">
<span>738.327</span>
<p>Mahasiswa dan pelajar terdaftar</p>
</div>
</div>
<div class="perProfil">
<img src="img/Home/eo.ec991def.svg" alt="event orginizer" />
<div class="caption">
<span>1.983</span>
<p>Event organizer bergabung</p>
</div>
</div>
<div class="perProfil">
<img src="img/Home/Institusi.eddeeba2.svg" alt="Institusi" />
<div class="caption">
<span>2.487</span>
<p>Institusi pendidikan di Indonesia</p>
</div>
</div>
</div>
<p class="captionKeterangan">
Apabila organisasi/komunitas kamu mengadakan event untuk anak muda
Indonesia, kami mengundang kamu untuk bekerja sama dengan kami.
</p>
<div class="btnJoin">
<button>Daftar Menjadi Partner</button>
<button>Pelajari Lebih Lanjut</button>
</div>
</div>
<div class="tawaran">
<div class="perTawaran">
<div class="caption">
<h2>Iklankan Produk atau Jasa Anda di TasBee</h2>
<p>
Pasang iklan untuk meningkatkan brand awareness dan pembelian
produk atau jasa Anda.
</p>
</div>
<img src="img/Home/download.png" alt="toaa" />
</div>
<div class="perTawaran">
<div class="caption">
<h2>Upload & Kelola Event Anda di TasBee</h2>
<p>
Bisa registrasi langsung lewat TasBee, mudah mengatur tiket &
pantau penjualan, kelola data partisipan & pantau analitik
hingga kirim pesan kepada seluruh peserta
</p>
</div>
<img src="img/Home/download (1).png" alt="toaa" />
</div>
</div>
</div>
</section>
<!-- home partner end -->
<!-- upload event start -->
<section class="containerTitleHome">
<div class="container">
<h1 class="titleHome">cara mengupload event di TasBee</h1>
</div>
</section>
<section class="uploadEvent">
<div class="container">
<div class="caption">
<p>
1. Masukkan badge TasBee ke dalam poster kamu yang dapat diunduh
di TasBee.com/media-partner
</p>
<p>2. Upload event kamu melalui website TasBee</p>
<p>3. Tunggu verifikasi admin dalam 1x24 jam kerja</p>
<p>4. Event kamu siap menjangkau 700.000+ pengguna</p>
</div>
<img src="img/Home/FAQ2.webp" alt="Upload Event Img" />
</div>
</section>
<!-- upload event end -->
<!-- testimoni start-->
<section class="containerTitleHome">
<div class="container">
<h1 class="titleHome">Kata Mereka Tentang TasBee</h1>
</div>
</section>
<section class="testimoni">
<div class="container">
<div class="perTestimoni">
<img src="img/darimun.jpg" alt="Orang" />
<h2>Feillany Maemu Rizki</h2>
<span>Pemenang Olimpiade Matematika 2021 Gen. 1</span>
<span>SMKN 2 Purbalingga</span>
<p>
“Mengikuti Olimpiade Matematika 2021 dari TasBee sangat kompetitif
karena kita bersaing dengan banyak orang di Indonesia. Tetapi, itu
semua dapat dijadikan motivasi untuk lebih semangat lagi dan lebih
memperluas wawasan kita. Sukses selalu untuk TasBee dan semoga
kedepannya semakin banyak diadakan event - event yang lebih
menarik dan bermanfaat.”
</p>
</div>
<div class="perTestimoni">
<img src="img/darimun.jpg" alt="Orang" />
<h2>Feillany Maemu Rizki</h2>
<span>Peserta Pertukaran Pelajar Ke Turki</span>
<span>Institut Teknologi Bandung</span>
<p>
Pertukaran Pelajar Ke Turki adalah program yang luar biasa. Saya
dapat belajar langsung dari mentor yang sangat hebat. Lebih dari
itu, saya juga berkesempatan untuk bekerja bersama mentor di
start-up nya! Semoga program ini bisa diteruskan agar orang lain
dapat merasakan impactnya”
</p>
</div>
<div class="perTestimoni">
<img src="img/darimun.jpg" alt="Orang" />
<h2>Feillany Maemu Rizki</h2>
<span>Pemenang Olimpiade Matematika 2021 Gen. 1</span>
<span>Universitas Jendral Soedirman</span>
<p>
“Lombanya seru banget jadi makin buka wawasanku tentang banyak hal
yang ada di Indonesia. Harapannya, TasBee harus sering-sering
adain lomba seperti ini lagi dan mungkin nanti lombanya bisa
berjenjang sesuai tingkat pendidikan biar lebih seru hehe.”
</p>
</div>
</div>
</section>
<!-- testimoni end-->
<!-- join start -->
<section class="join">
<div class="container">
<img src="img/Home/Join.webp" alt="join img" />
<h1>Gabung bersama 700.000 Pejuang lainnya dan gapai impianmu!</h1>
</div>
</section>
<!-- join end -->
</main>
<!-- footer start -->
<section class="footer" id="footer">
<div class="container">
<div class="box">
<h2>About Us</h2>
<p>
<span>
Jl. Raya Desa Dagan RT 03 RW 09
</span>
<span>
Telepon : (+62) 882-3238-3244
</span>
<span>
Email : hello@tasbee.com
</span>
</p>
<div class="sosmed">
<a href="https://www.instagram.com/george_ikki/" class="perSosmed" target="_blank" rel=”noreferrer noopener”>
<img src="./img/Icon/instagram.svg" alt="Logo Instagram">
</a>
<a href="https://youtube.com/" class="perSosmed" target="_blank" rel=”noreferrer noopener”>
<img src="./img/Icon/youtube.svg" alt="Logo Youtube">
</a>
<a href="https://www.linkedin.com/in/rifki-romadhan-purbalingga/" class="perSosmed" target="_blank"
rel=”noreferrer noopener”>
<img src="./img/Icon/linkedin-in.svg" alt="Logo Linkedin-in">
</a>
<a href="https://github.com" class="perSosmed" target="_blank" rel=”noreferrer noopener”>
<img src="./img/Icon/github.svg" alt="Logo Github">
</a>
</div>
</div>
<div class="box">
<h2>Event</h2>
<a href="Event.html">Lomba</a>
<a href="Event.html">Webinar</a>
<a href="Event.html">Beasiswa</a>
<a href="Event.html">Volunteer</a>
<a href="Event.html">Exchange</a>
<a href="Event.html">Conference</a>
</div>
<div class="box">
<h2>Quick Link</h2>
<a href="Index.html">Home</a>
<a href="Event.html">Event</a>
<a href="Artikel.html">Artikel</a>
<a href="Contact.html">Contact</a>
<a href="MediaPartner.html">Media Partner</a>
</div>
</div>
</section>
<!-- footer end -->
<footer>
<div class="container">
TasBee © 2023 | Website Penyedia & Pengelola Event.
</div>
</footer>
<div id="scroll-top">
<img src="img/scroll-img.png" alt="scroll" />
</div>
<script src="js/script.js"></script>
</body>
</html>