-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
112 lines (101 loc) · 4.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Website Portofolio Sederhana</title>
<meta content="" name="description">
<meta content="Interface" name="keywords">
<!-- Favicons -->
<link href="https://naficdn.my.id/icon/heart.png" rel="icon">
<link href="https://naficdn.my.id/icon/heart.png" rel="apple-touch-icon">
<link href="https://support.nafii.my.id/icon/heart.png" rel="icon">
<link href="https://support.nafii.my.id/icon/heart.png" rel="apple-touch-icon">
<!-- CSS STYLE -->
<link rel="stylesheet" href="./css/style.css">
<!-- JS SCRIPT -->
<script src="./js/script.jsx"></script>
</head>
<body style="background-color: #121212;">
<!-- navigasi -->
<div id="navigasi" class="navigasi">
<!--logo-->
<div class="logo">
<h2><a href="/">Portofolio</a></h2>
</div>
<!--akhir logo-->
<!--menu-->
<div id="menu" class="menu">
<ul>
<li><a href="/index.html">Beranda</a></li>
<li><a href="/about.html">Portofolio</a></li>
<li><a href="#saya">Tentang saya</a></li>
<li><a href="#kontak">Kontak</a></li>
</ul>
</div>
<!--akhir menu-->
</div>
<!--akhihr navigasi-->
<!-- hero -->
<div class="hero">
<img src="img/user.png" alt="Gambar Hero By FaishalNafi">
<h1>Hi, Nama Saya Faishal Nafi'</h1>
<p>apadulu kek...</p>
<a href=""><button>Selengkapnya</button></a>
</div>
<!-- akhir hero -->
<!-- tentang saya -->
<div id="saya" class="saya">
<h1>Keahlian Saya</h1>
<div class="kiri">
<img src="./img/google.png" alt="fingerprint">
<b><h3>Riwayat Pendidikan</h3></b>
<p>Lorem ipsum dolor <b>sit</b> amet consectetur <i><b>adipisicing elit.</b></i> Libero perspiciatis beatae earum omnis possimus fugiat cumque reiciendis autem? Sint nisi molestiae doloremque ex totam itaque dignissimos? Voluptas corporis fugit provident.</p>
</div>
<div class="tengah">
<img src="./img/google.png" alt="fingerprint">
<h3>Pengalaman Kerja</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero perspiciatis beatae earum omnis possimus fugiat cumque reiciendis autem? Sint nisi molestiae doloremque ex totam itaque dignissimos? Voluptas corporis fugit provident.</p>
</div>
<div class="kanan">
<img src="./img/google.png" alt="fingerprint">
<h3>Riwayat Hidup</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero perspiciatis beatae earum omnis possimus fugiat cumque reiciendis autem? Sint nisi molestiae doloremque ex totam itaque dignissimos? Voluptas corporis fugit provident.</p>
</div>
</div>
<!--akhir tentang saya -->
<!-- tentang pendidikan -->
<div id="pdk" class="saya">
<h1>Pendidikan Saya</h1>
<div class="kiri">
<img src="./img/finger.png" alt="fingerprint">
<b><h3>Riwayat Pendidikan</h3></b>
<p>Lorem ipsum dolor <b>sit</b> amet consectetur <i><b>adipisicing elit.</b></i> Libero perspiciatis beatae earum omnis possimus fugiat cumque reiciendis autem? Sint nisi molestiae doloremque ex totam itaque dignissimos? Voluptas corporis fugit provident.</p>
</div>
<div class="tengah">
<img src="./img/finger.png" alt="fingerprint">
<h3>Pengalaman Kerja</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero perspiciatis beatae earum omnis possimus fugiat cumque reiciendis autem? Sint nisi molestiae doloremque ex totam itaque dignissimos? Voluptas corporis fugit provident.</p>
</div>
<div class="kanan">
<img src="./img/finger.png" alt="fingerprint">
<h3>Riwayat Hidup</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero perspiciatis beatae earum omnis possimus fugiat cumque reiciendis autem? Sint nisi molestiae doloremque ex totam itaque dignissimos? Voluptas corporis fugit provident.</p>
</div>
</div>
<!--akhir pendidikan -->
<!-- kontak -->
<div class="hub" id="hub">
<h1>Hubungi Saya</h1>
<img src="img/default.png" alt="Kontak Faishalnafi">
<h2>085731707313</h2>
</div>
<!-- akhir kontak -->
<!-- footer -->
<div id="footer" class="footer">
<p>CopyRight FaishalNafi' 2024</p>
</div>
<!--akhir footer-->
<script src="/js/script.js"></script>
</body>
</html>