-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
82 lines (76 loc) · 3.11 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
<!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>Qushhai Progate</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="img/Ninja Ken.png" type="image/x-icon">
</head>
<body>
<nav>
<a class="logo" href="#isi">NINJA KEN</a>
<img style="width: 10vh; height: 4vh; " src="img/bars-solid.svg" alt="">
<ul>
<li><a href="#about">Tentang Saya</a></li>
<li><a href="#proyek">Proyek Contoh</a></li>
<li><a href="#hubungi-wrapper">Hubungi Saya</a></li>
</ul>
</nav>
<section id="isi">
<div class="container">
<h1>NINJA KEN <span class="titik"></span></h1>
<h2>MY PORTOFOLIO</h2>
<img src="img/Ninja Ken.png" alt="">
</div>
</section>
<section id="about">
<div class="tentang-saya">
<h1>Tentang Saya</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis, nobis nostrum! Mollitia ducimus dolorum ab, dolor atque, accusamus doloremque maxime nobis minima eum sint molestias? Expedita eius eos, voluptatem recusandae
fugiat provident. Non est voluptatum autem praesentium itaque, cum facilis ea in voluptatibus cumque, voluptas quasi modi eaque impedit officia optio delectus iste consectetur tempora harum asperiores amet odio voluptates velit? Eos,
placeat iure reprehenderit quibusdam inventore dolorem molestiae perspiciatis quos ducimus et
praesentium quam, distinctio explicabo nam repellendus debitis laudantium, maiores culpa minus? Porro eius voluptatibus, delectus deserunt nostrum blanditiis dicta neque aliquam corporis illum nisi beatae accusamus sint.
</p>
</div>
</section>
<section id="proyek">
<div class="proyek-contoh">
<h1>Proyek Contoh</h1>
<div class="card-big">
<div class="card">
<img src="img/1.png" alt="">
<p>Image 1</p>
</div>
<div class="card">
<img src="img/2.png" alt="">
<p>Image 2</p>
</div>
<div class="card">
<img src="img/3.png" alt="">
<p>Image 3</p>
</div>
</div>
</div>
</section>
<section id="hubungi-wrapper">
<div class="hubungi">
<h1>Hubungi Saya</h1>
<input type="email" name="" id="" placeholder=" Email(Diperlukan)">
<textarea name="" id="" placeholder=" Message(Diperlukan)"></textarea>
<input type="submit" name="" id="" value="Kirim" >
</div>
</section>
<footer>
<div class="kiri">
<h1>NINJA KEN</h1>
</div>
<div class="kanan">
<a href="#about">Tentang Saya</a>
<a href="#proyek">Proyek Contoh</a>
<a href="#hubungi-wrapper">Hubungi Saya</a>
</div>
</footer>
</body>
</html>