-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (113 loc) · 5.65 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
<title> BETIS 2022 </title>
<link rel = "icon" type = image/png href = "logo hijau tua.png" sizes = 16x16>
<link href = "https://fonts.googleapis.com/icon?family=Material+Icons" rel = "stylesheet">
<meta charset="UTF-8" />
</head>
<body>
<header class = "header-section">
<div class="call-to-action">
<picture>
<source media="(min-width: 981px)" srcset = "large.svg">
<source media="(min-width: 0px)" srcset = "medium.svg">
<img src="large.svg" alt="IfItDoesntMatchAnyMedia">
</picture>
<div class= "kalimat width-test">
<h1> Bimbingan belajar tanpa biaya. </h1>
<p> BETIS (Bimbingan Belajar Gratis) Fasilkom UI adalah program kerja Departemen Pengabdian Masyarakat BEM Fasilkom UI yang bertujuan untuk menyediakan bimbingan belajar tanpa biaya kepada siswa kelas 12 SMA atau alumni yang kurang mampu secara finansial untuk persiapan menghadapi SBMPTN. </p>
</div>
</div>
</header>
<div class="container">
<div class="bar">
<div class="bar__content u-centered">
<img class = bar__logo src= "./logo hijau tua.png" alt="logo-betis-2022">
<i class="material-icons" onclick = "hasbeenclick()" id = "inpNavToggle"> menu</i>
<nav class = "nav">
<a class = "nav__link" href="#"> HOME </a>
<a class = "nav__link" href="#"> About </a>
<a class = "nav__link" href="#"> FAQ </a>
<button class = "log-in" href = "#"> Log In</button>
</nav>
</div>
</div>
</div>
<section class = "page2">
<div class="container">
<div class="page-2">
<div class="visi-misi">
<h2> Visi dan Misi </h2>
<p> Betis sebagai sarana pendidikan yang inovatif dan tangguh dalam memberikan bimbingan persiapan masuk perguruan tinggi dengan menciptakan lingkungan yang bersahabat. </p>
</div>
<div class="sarana">
<div class="opsi">
<img src="Group 330.png" alt="jari">
<div class="keterangan">
<h3> Kemudahan Akses </h3>
<p> Memberikan kemudahan akses belajar bagi masyarakat. </p>
</div>
</div>
<div class="opsi">
<img src="Group 329.png" alt="tempat">
<div class="keterangan">
<h3> Sarana Pengabdian Masyarakat </h3>
<p> Menjadikan BETIS sebagai sarana pengabdian masyarakat bagi mahasiswa UI dalam bidang pendidikan. </p>
</div>
</div>
<div class="opsi">
<img src="Group 331.png" alt="tangan">
<div class="keterangan">
<h3> Optimalkan Potensi </h3>
<p> Mengoptimalkan potensi untuk mengadakan bimbingan belajar gratis. </p>
</div>
</div>
<div class="opsi">
<img src="Group 331 (1).png" alt="sahabat">
<div class="keterangan">
<h3> Suasana Bersahabat </h3>
<p> Menciptakan suasana yang bersahabat selama berjalannya BETIS 2021. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class = "footer-section">
<div class="social-media">
<div class="follow">
<h4> FOLLOW US ON SOCIAL MEDIA </h4>
<div class="social">
<div class="media instagram">
<img src="./Instagram.png" alt="instagram">
</div>
<div class="media youtube">
<img src="Youtube.png" alt="youtube">
</div>
</div>
</div>
<div class="email">
<img class = "gmail" src="envelope.png" alt="email">
<div class="keterangan-email">
<h4> EMAIL US AT </h4>
<a> [email protected] </a>
</div>
</div>
<div class="location">
<img class = "gps" src="Group 98.png" alt="location">
<div class="keterangan-location">
<h4> OUR LOCATION </h4>
<a> Fakultas Ilmu Komputer Universitas Indonesia Kampus UI Depok, Pondok Cina, Kec. Beji, Kota Depok, Jawa Barat 16424 </a>
</div>
</div>
</div>
<div class="decoration">
<img src="Group 329 (2).png" alt="daun">
<img src="Group 330 (2).png" alt="daun">
</div>
</footer>
</body>
<script src="main.js"> </script>
</html>