-
Notifications
You must be signed in to change notification settings - Fork 0
/
template-blog.html
49 lines (49 loc) · 3.35 KB
/
template-blog.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
<!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>Judul Post</title>
<link rel="stylesheet" href="template-blog.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
</head>
<body>
<div id="container">
<div id="post-title">
<div id="back">
<a href="/">
<i class="fa fa-arrow-left fa-lg"></i>
</a>
</div>
<h1>Judul</h1>
<h3>Sub Judul</h3>
</div>
<div style="display: flex; justify-content: space-between; background-color: black; color: white; padding: 20px">
<div id="post-date"><h4>11 November 2021</h4></div>
<div id="post-author"><h4>Author</h4></div>
</div>
<div id="content">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel corporis neque eaque quaerat, non illum fugit hic animi! Dolorem repudiandae omnis aliquam atque nulla, enim consequatur illum eos, magni modi quo iure sunt molestiae!
Officiis dolore, fuga culpa numquam veritatis officia earum repellat quia illum natus at debitis quis eos vel! Reiciendis tempora, ipsa voluptate alias voluptates voluptatibus cupiditate dolorum vero excepturi ullam laboriosam
quas facere modi quod, natus asperiores inventore vel. Ea laudantium expedita soluta veniam atque quidem, nihil modi quis iste autem laboriosam, possimus at similique sint ipsam exercitationem dolorum quod! Exercitationem
praesentium, consequatur dolorum consequuntur quis dignissimos!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel corporis neque eaque quaerat, non illum fugit hic animi! Dolorem repudiandae omnis aliquam atque nulla, enim consequatur illum eos, magni modi quo iure sunt molestiae!
Officiis dolore, fuga culpa numquam veritatis officia earum repellat quia illum natus at debitis quis eos vel! Reiciendis tempora, ipsa voluptate alias voluptates voluptatibus cupiditate dolorum vero excepturi ullam laboriosam
quas facere modi quod, natus asperiores inventore vel. Ea laudantium expedita soluta veniam atque quidem, nihil modi quis iste autem laboriosam, possimus at similique sint ipsam exercitationem dolorum quod! Exercitationem
praesentium, consequatur dolorum consequuntur quis dignissimos!
</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vel corporis neque eaque quaerat, non illum fugit hic animi! Dolorem repudiandae omnis aliquam atque nulla, enim consequatur illum eos, magni modi quo iure sunt molestiae!
Officiis dolore, fuga culpa numquam veritatis officia earum repellat quia illum natus at debitis quis eos vel! Reiciendis tempora, ipsa voluptate alias voluptates voluptatibus cupiditate dolorum vero excepturi ullam laboriosam
quas facere modi quod, natus asperiores inventore vel. Ea laudantium expedita soluta veniam atque quidem, nihil modi quis iste autem laboriosam, possimus at similique sint ipsam exercitationem dolorum quod! Exercitationem
praesentium, consequatur dolorum consequuntur quis dignissimos!
</p>
</div>
</div>
<footer></footer>
</body>
</html>