-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
47 lines (42 loc) · 2.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="header">
<h1 class="judul">My Website</h1>
<ul>
<li><a href="#">Home </a></li>
<li><a href="#">About</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Service</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div class="hero"></div>
<div class="content cf">
<div class="main">
<h2>Judul</h2>
<p class="penulis">Ditulis oleh <a href="#">Gabriel Moody</a>
. Pada 23 Februari 2020.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore rem aliquam, est dolor doloribus culpa minus accusantium officiis nobis sunt voluptas voluptatum vel aut alias. Facere unde necessitatibus nobis dolore.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores tempore repudiandae eius nemo odio ad officia? Labore maxime veritatis nam tenetur unde sapiente rem quisquam ipsa consequatur iusto excepturi laudantium laborum rerum mollitia ullam, minima sit expedita architecto dolore voluptatibus! Aspernatur nostrum, commodi non sequi odio voluptas atque perferendis fugit beatae suscipit ducimus velit explicabo maxime. Sit nam praesentium sed porro ex corrupti excepturi dolor sunt, asperiores itaque dicta rerum, tenetur tempora doloribus facilis aliquam eius quaerat nihil. Repellat voluptatem ipsam perferendis distinctio vel eaque rerum, cupiditate iure. Fugiat nulla reiciendis perferendis doloribus labore. Iusto ipsa minima reiciendis ipsam officia?</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptates dolorum laboriosam labore aut rem consectetur nihil consequatur! A officiis eligendi hic vitae tempora quo, perspiciatis architecto officia. Ullam porro iste officiis nemo neque ipsam tempora doloribus excepturi? Fuga repudiandae excepturi libero ut nemo? Dolores quasi sed ab dolor veritatis optio!</p>
</div>
<div class="sidebar">
<h3>About</h3>
<img src="img/avatar.jpg" alt="Dog">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sequi dolorum quam repudiandae officiis esse, numquam facilis ducimus reprehenderit minus cumque magni facere. Distinctio corrupti quasi minus eius harum nostrum quos.</p>
</div>
</div>
<div class="footer">
<p class="copy">© Copyright 2020. Gabriel</p>
</div>
</div>
</body>
</html>