-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (109 loc) · 6.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAJARUDIN ZAKARIYA</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<!-- Judul -->
<div class="judul">
<h1>FAJARUDIN ZAKARIYA</h1>
<p style="text-align: center;">Semua yang anda liat ini tentang saya</p>
</div>
<!-- Navbar -->
<nav>
<ul>
<li><a href="#Pendidikan">Kuliah</a></li>
<li><a href="#Hobi">Hobi</a></li>
<li><a href="#Makanan">Makanan</a></li>
<li><a href="#Keseharian">Keseharian</a></li>
<li><a href="#profile">Profile</a></li>
</ul>
</nav>
</header>
<main>
<!-- Content -->
<div class="content">
<article id="Pendidikan" class="card">
<h2>Kuliah</h2>
<img src="assets/udinus.jpg" alt="Pendidikan" class="image">
<p>Pada tahun 1986, didirikan sebuah lembaga kursus komputer IMKA yang berlokasi di kota Semarang. Karena kegigihannya dalam membuka dan menciptakan peluang pasar serta ketahanannya dalam menghadapi berbagai rintangan, IMKA berhasil tumbuh dan berkembang serta menyebar ke beberapa kota besar di Pulau Jawa, seperti Semarang, Surakarta, Yogyakarta, Surabaya, Bandung dan Jakarta.
Ahli-ahli komputer dari IMKA ditambah sekelompok ilmuwan kemudian mendirikan Yayasan Dian Nuswantoro. Berdasarkan SK Mendikbud No. 0686/O/1990 tanggal 12 Desember 1990 Yayasan ini diperkenankan menyelenggarakan Akademi Manajemen Informatika dan Komputer Dian Nuswantoro yang dikenal dengan nama AMIK Dian Nuswantoro. Kuliah pertamanya diikuti oleh 54 Mahasiswa. Kemudian pada 3 Maret 1994 AMIK Dian Nuswantoro secara resmi berubah bentuk menjadi Sekolah Tinggi Manajemen Informatika dan Komputer (STMIK) Dian Nuswantoro.</p>
</article>
<article id="Hobi" class="card">
<h2>1. Futsal</h2>
<img src="assets/futsal.jpg" alt="Hobi" class="image">
<p>futsal adalah salah satu hobi yang saya sukai karena saat bermain memerlukan aktivitas badan yang sangat tinggi dan juga bagus untuk tubuh sehingga menjadi bugar.
tempat yang nyaman dan juga pemain yang cukup sedikit membuat saya leluasa untuk mengasah skill dalam mengollah kulit bundar tersebut.
main bersama teman-teman juga dapat menghibur saya dikala waktu yang padat.
</p>
</article>
<article class="card">
<h2>2. Montoran</h2>
<img src="assets/montor.jpg" class="image">
<p> sunmori dan night ride juga salah satu hal yang saya sukai karena dunia otomotif juga sangatlah luas.
dapat mengendarai montor dengan teman-teman sambil menikmani suasana saat perjalanan memiliki makna yang berbeda buat saya.
dari sini bisa mendapatkan relasi juga.
</p>
</article>
<article id="Makanan" class="card">
<h2>1. Bakso</h2>
<img src="assets/bakso.jpg" alt="Bakso" class="image">
<p>makanan salah satu ini adalah makanan favorit saya karena rasanya yang enak dan juga pentolnya yang saat dikunyah penuh dengan daging.
saking saya suka bakso, saya punya tempat langganan untuk membelinya dan juga bisa membedakan mana bakso yang enak atau tidak.
</p>
</article>
<article id="Keseharian" class="card">
<h2>Belajar</h2>
<img src="assets/coding.jpg" alt="coding" class="image">
<p> selain dari pembelajaran dari kampus dan juga kewajiban saya membantu orang tua saya juga suka belajar dicoding.
karena dapat berkreasi dan mendapatkan banyak benefit.
</p>
</article>
</div>
<aside>
<!-- Profile -->
<article class="profile card">
<header>
<h2 id="profile">PROFILE</h2>
<p style="text-indent: 0em; text-align: center;">Front-End Developer</p>
<figure>
<img src="assets/faza.jpg" style="width: 100%; border-radius: 50%;" alt="">
<figcaption></figcaption>
</figure>
<section style="text-align: left;">
<h3>BIODATA</h3>
<table>
<tr>
<td>NAMA</td>
<td>: Fajarudin Zakariya</td>
</tr>
<tr>
<td>ALAMAT</td>
<td>: Jepara, Jawa Tengah</td>
<tr>
<td>TTL</td>
<td>: Jepara, 03 oktober 2001</td>
</tr>
<tr>
<td>GENDER</td>
<td>: LAKI LAKI</td>
</tr>
</tr>
</table>
</section>
</header>
</article>
</aside>
</main>
<!-- Footer -->
<footer>
Fajarudin Zakariya 2023
</footer>
<!-- Javascript -->
<script src="./js/script.js"></script>
</body>
</html>