-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (62 loc) · 2.67 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
<!DOCTYPE html>
<html>
<head>
<title> Belajar Membuat Layout dengan HTML dan CSS </title>
<link rel="stylesheet" type="text/css" href="Custom.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="header">
<div class="jarak">
<h2>Belajar Membuat Layout dengan HTML dan CSS </h2>
</div>
</div>
<div class="menu">
<ul>
<li> <a href="#">Home</a></li>
<li> <a href="#">About</a></li>
<li> <a href="#">Blog</a></li>
<li> <a href="#">Contact</a></li>
</ul>
</div>
<div class="content">
<div class="jarak">
<div class="kiri">
<div class="border">
<div class="jarak">
<h3> Lore Ipsum</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip </p>
<button class="btn"> Read More..</button>
</div>
</div>
<div class="border">
<div class="jarak">
<h3> Lore Ipsum</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip </p>
<button class="btn"> Read More..</button>
</div>
</div>
</div>
<div class="kanan">
<div class="jarak">
<h3> CATEGORY </h3>
<hr/>
<p><a href="#" class="undercor"> HTML </a></p>
<p><a href="#" class="undercor"> CSS </a></p>
<p><a href="#" class="undercor"> BOOTSTRAP </a></p>
<p><a href="#" class="undercor"> PHP </a></p>
<p><a href="#" class="undercor"> MySQL </a></p>
<p><a href="#" class="undercor"> Jquery </a></p>
<p><a href="#" class="undercor"> Ajax </a></p>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="jarak">
<p> copyright 2017 codebareng all reservd </p>
</div>
</div>
</body>
</html>