-
Notifications
You must be signed in to change notification settings - Fork 1
/
galeri.html
155 lines (143 loc) · 4.73 KB
/
galeri.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link
rel="icon"
type="image/png"
href="assets/img/thumbnail.png"
sizes="96x96"
/>
<title>Galeri | Miker.</title>
<link rel="stylesheet" href="assets/css/navbar.css" />
<link rel="stylesheet" href="assets/css/galeri.css" />
<link rel="stylesheet" href="assets/css/footer.css" />
</head>
<body>
<nav>
<div class="logo">
<img src="assets/img/miker..png" alt="logo" />
</div>
<ul class="menu">
<a href="index.html">Beranda</a>
<a href="passion.html">Passion</a>
<a href="galeri.html" class="active">Galeri</a>
<span class="hide">x</span>
</ul>
</nav>
<div id="sec1" class="sec1">
<div id="ade" class="big dark"></div>
<div id="home" class="blue">
<a href="index.html">
<img src="assets/img/home-solid.svg" alt="home" />
</a>
</div>
<div id="jess" class="vertical dark"></div>
<div class="purple"></div>
<div class="horizontal blue"></div>
<div class="purple"></div>
<div id="ria" class="vertical dark"></div>
<div id="bong" class="horizontal dark"></div>
<div class="jumbo white">
<h1>galeri milenial sukses</h1>
</div>
<div id="passion" class="horizontal purple">
<a href="passion.html">passion</a>
</div>
<div class="blue"></div>
<div id="nadiem" class="big dark"></div>
<div class="horizontal purple"></div>
</div>
<div id="ade-content" class="show">
<div class="container">
<div class="box">
<h1>Ade Guntur</h1>
<p>
Ade Guntur adalah seorang siswa SMK yang telah di kenal oleh
programmer se-Malang karena skillnya yang sangat tinggi dalam
membuat suatu aplikasi. Ia telah bekerja sama dengan kepolisian
surabaya untuk membuat aplikasi panggilan cepat
</p>
</div>
</div>
</div>
<div id="jess-content" class="show">
<div class="container">
<div class="box">
<h1>Tobias Justin</h1>
<p>
Tobias Justin atau yang dikenal dengan Jess no Limit adalah seorang
gamer profesional. Ia telah menjuarai turnamen Mobile Legends hingga
menjadi pemain terbaik mobile legends di season 6.
</p>
</div>
</div>
</div>
<div id="ria-content" class="show">
<div class="container">
<div class="box">
<h1>Ria Ricis</h1>
<p>
Ria Yunita atau yang akrab disapa Ria Ricis ini sering muncul di
trending topik youtube. Ia adalah konten kreator sukses di
indonesia. Tidak hanya di youtube, ia juga banyak muncul di
instagram.
</p>
</div>
</div>
</div>
<div id="bong-content" class="show">
<div class="container">
<div class="box">
<h1>Bong Candra</h1>
<p>
Bong Chandra adalah seorang pebisnis, pembicara, dan juga motivator
populer asal Indonesia. Ia juga telah menerbitkan sebuah buku untuk
memotivasi generasi milenial menjadi sukses
</p>
</div>
</div>
</div>
<div id="nadiem-content" class="show">
<div class="container">
<div class="box">
<h1>Naddiem Makarim</h1>
<p>
Nadiem Anwar Makarim adalah seorang pengusaha Indonesia yang sukses
di bidang jasa dan pelayanan. Dia merupakan pendiri Go-Jek, yang
sekarang sangat sering dipakai oleh masyarakat untuk bepergian.
</p>
</div>
</div>
</div>
<footer class="footer dark">
<div class="container">
<div class="col-main col-1">
<div class="logo">
<h1>miker.</h1>
</div>
<div class="description">
Kami hadir sebagai wadah untuk membantu pemuda milenial untuk
menemukan jati dirinya dan memberikan peluang bagi mereka agar jadi
milenial keren yang sukses.
</div>
</div>
<div class="col-main col-2">
<ul>
<li><a href="passion.html">Passion</a></li>
<li><a href="galeri.html">Galeri</a></li>
<li><a href="index.html">Beranda</a></li>
</ul>
</div>
</div>
<div class="center">
<p>©2019 TimPD</p>
</div>
</footer>
<script src="assets/js/jquery-3.4.1.min.js"></script>
<script src="assets/js/navbar.js"></script>
<script src="assets/js/galeri.js"></script>
</body>
</html>