forked from kokonior/HTML-Projects
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbio.html
123 lines (116 loc) · 6.09 KB
/
bio.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tugas</title>
<link rel="stylesheet" href="assets/style.css">
</head>
<body>
<div class="bg">
<nav>
<ul>
<li><a href="#hobi">Hobi</a></li>
<li><a href="#tentang">Tentang</a></li>
<li><a href="#profile">Profile</a></li>
</ul>
</nav>
</div>
<header>
<div class="caption">
<h1>
<a href="" class="typewrite" data-period="2000" data-type='[ "Hi, My Name Galih.", "I Love Design.", "I Love to Develop." ]'>
<span class="wrap"></span>
</a>
</h1>
</div>
</header>
<main>
<div class="container">
<h2 id="hobi">Berikut adalah beberapa hobi saya</h2>
<div class="row">
<div class="col-md-4">
<div class="card">
<img src="https://www.pngmart.com/files/16/Reading-PNG-Pic.png" class="card-img-top" alt="membaca" width="150px">
<div class="card-body">
<h5 class="card-title">Membaca</h5>
<p class="card-text">Membaca buku tentang keuangan, karena saya ingin banyak uang wkwk.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img src="https://www.pngmart.com/files/16/Reading-PNG-Pic.png" class="card-img-top" alt="bermain" width="150px">
<div class="card-body">
<h5 class="card-title">Bermain</h5>
<p class="card-text">Saya suka bermain, apa saja saya mainkan.</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card">
<img src="https://www.pngmart.com/files/16/Reading-PNG-Pic.png" class="card-img-top" alt="bernyanyi" width="150px">
<div class="card-body">
<h5 class="card-title">Tidur</h5>
<p class="card-text">Saya suka tidur, kapan saja saya bisa tidur.</p>
</div>
</div>
</div>
</div>
</div>
<div id="content">
<h2 id="tentang">Tentang Saya</h2>
<div id="container-dua">
<article id="sejarah" class="card">
<img src="https://www.pngmart.com/files/21/Admin-Profile-PNG-Clipart.png" class="featured-image" alt="Sejarah">
<p style="text-align: justify;">Pada usia 7 tahun, saya melanjutkan ke sekolah di sebuah SD yang tidak jauh dari komplek perumahan saya, yaitu SDN Sukarela 3. Sejak sekolah, saya selalu berusaha mencari sesuatu yang baru, karena lingkungan sekolah tidak jauh dari
rumah. Setelah lulus SD, saya mendaftar ke SMPN 49 Bandung melalui jalur ujian nasional. Pada tingkat ini, saya mencoba untuk memperoleh keterampilan non-akademik dengan berpartisipasi dalam kegiatan Pramuka dan mengambil pelajaran
renang di luar kegiatan sekolah. Ketika saya masih siswa sekolah menengah pertama, saya berada di peringkat ke-3 di perlombaan morse. SMA Plus Al Ghifari, salah satu SMA swasta di Bandung, adalah tempat saya bersekolah setelah
lulus dari SMP. Ini adalah waktu yang menyenangkan sebagai seorang remaja. Saya mengalami perubahan sikap dan, tentu saja, perubahan teknologi pada saat itu mempengaruhi saya. Saat awal SMA, game online menjadi populer. Saya yang
ikut bermain game online mengalami penurunan kemampuan belajar di awal kelas 10. Tapi saya segera menyadarinya dan mulai merencanakan masa depan. Di masa penerimaan siswa baru, saya mencoba mengikuti SBMPTN dan mendaftar di Akademi
Kepolisian. Tetapi, sayang sekali saya tidak diterima di universitas dan kedinasan yang saya impikan. Terlepas dari rasa kecewa, saya tidak ingin sedih terlalu lama. Saya langsung mencoba mendaftar di Sekolah Tinggi Logistik, satu-satunya
perguruan tinggi di bidang logistik yang ada di Indonesia. Saya bangga telah diterima di sana. Tentu saja, kali ini saya harus memulai dari awal dengan serius. Saya tidak ingin menyia-nyiakan kesempatan untuk mencapai tujuan saya.
Sekian, perkenalan diri dan sedikit kisah tentang saya. Terima kasih.
</p>
</article>
</div>
</div>
<aside>
<article class="profile card">
<header>
<h2 id="profile">Profile</h2>
<figure>
<img src="assets/images/profile.jpeg" width="150px" class="foto">
</figure>
</header>
<section>
<h3 id="biodata">Biodata</h3>
<table class="data">
<tr>
<th>Nama</th>
<td>Galih Sansabila</td>
</tr>
<tr>
<th>Tanggal Lahir</th>
<td>13 Agustus 2000</td>
</tr>
<tr>
<th>Tempat Lahir</th>
<td>Bandung</td>
</tr>
<tr>
<th>Nomor Telepon</th>
<td>089603545768</td>
</tr>
</table>
</section>
</article>
</aside>
</main>
<footer>
<p style="text-align: center;">Belajar Dasar Pemrograman Web © 2019, Dicoding Academy</p>
</footer>
<script src="assets/ini.js"></script>
</body>
</html>