-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
62 lines (59 loc) · 2.56 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 lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<title>Responsive Website</title>
</head>
<body>
<div class="container">
<div id="my_header">
<h2>My Website</h2>
</div>
<div id="navbar">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div id="banner">
<h1>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
</h1>
</div>
<div id="section">
<h3>Welcome</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Consequuntur aliquid aperiam, aliquam unde rem minus mollitia, repellendus, at aspernatur
provident facilis eveniet. Cum ut placeat iste quis aut expedita aperiam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto deserunt amet corporis
impedit unde sapiente porro maxime? Itaque, fuga nihil id eveniet ex vero,
assumenda nesciunt tenetur accusantium dignissimos natus.
</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Consequuntur aliquid aperiam, aliquam unde rem minus mollitia, repellendus, at aspernatur
provident facilis eveniet. Cum ut placeat iste quis aut expedita aperiam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto deserunt amet corporis
impedit unde sapiente porro maxime? Itaque, fuga nihil id eveniet ex vero,
assumenda nesciunt tenetur accusantium dignissimos natus.
</p>
</div>
<div id="sidebar_area">
<aside id="sidebar">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
Laudantium ut maxime temporibus explicabo earum ipsa nisi esse delectus
mollitia voluptates consectetur est quibusdam dolorem modi architecto hic perspiciatis,
laborum quisquam.
</p>
</aside>
</div>
</div>
<footer id="main_footer">
<p>Copyright © 2018 Responsive Website</p>
</footer>
</body>
</html>