-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathWebsite2.html
More file actions
103 lines (77 loc) · 4.36 KB
/
Copy pathWebsite2.html
File metadata and controls
103 lines (77 loc) · 4.36 KB
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
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
<title> HTML5/CSS3 Responsive Theme</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="style2.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale-1.0">
</head>
<body class= "body">
<script src="helloWorld.js"></script>
<header class="mainheader">
<img src="chwan vector test.png">
<nav><ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul></nav>
</header>
<div class="mainContent">
<div class="content">
<article class="topcontent">
<header>
<h2><a href="#" title="FirstPost">First post</a><h2>
</header>
<footer>
<p class="post-info">This post is written by christian</P>
</footer>
<content>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu accumsan felis. Nam ut dui varius, viverra arcu non, pellentesque neque. Aenean ut faucibus diam. Aliquam erat volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse in cursus risus.
Sed blandit, est id ornare tristique, lorem eros rutrum nunc, ac scelerisque elit leo sit amet tellus. Sed quis velit sodales enim imperdiet feugiat id eu metus. Duis tempor vehicula leo, quis imperdiet dolor tristique vel. Pellentesque enim ex, iaculis quis pellentesque nec, euismod
id sem. Curabitur ipsum ex, vestibulum ornare mollis nec, volutpat quis nulla. Etiam at vestibulum est. Curabitur tincidunt lacus magna, vitae dignissim lorem rutrum ut.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu accumsan felis. Nam ut dui varius, viverra arcu non, pellentesque neque. Aenean ut faucibus diam. Aliquam erat volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse in cursus risus.
Sed blandit, est id ornare tristique, lorem eros rutrum nunc, ac scelerisque elit leo sit amet tellus. Sed quis velit sodales enim imperdiet feugiat id eu metus. Duis tempor vehicula leo, quis imperdiet dolor tristique vel. Pellentesque enim ex, iaculis quis pellentesque nec, euismod
id sem. Curabitur ipsum ex, vestibulum ornare mollis nec, volutpat quis nulla. Etiam at vestibulum est. Curabitur tincidunt lacus magna, vitae dignissim lorem rutrum ut.</p>
</content>
</article>
<article class="bottomcontent">
<header>
<h2><a href="#" title="FirstPost">Second post</a><h2>
</header>
<footer>
<p class="post-info">This post is written by christian</P>
</footer>
<content>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu accumsan felis. Nam ut dui varius, viverra arcu non, pellentesque neque. Aenean ut faucibusum nunc, ac scelerisque elit leo sit amet tellus. Sed quis velit sodales enim imperdiet feugiat id eu metus. Duis tempor vehicula leo, quis imperdiet dolor tristique vel. Pellentesque enim ex, iaculis quis pellentesque nec, euismod
id sem. Curabitur ipsum ex, vestibulum ornare mollis nec, volutpat quis nulla. Etiam at vestibulum est. Curabitur tincidunt lacus magna, vitae dignissim lorem rutrum ut.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu accumsan felis. Nam ut dui varius, viverra arcu non, pellentesque neque. Aenean ut faucibus diam. Aliquam erat volutpat. Interdum quis imperdiet dolor tristique vel. Pellentesque enim ex, iaculis quis pellentesque nec, euismod
id sem. Curabitur ipsum ex, vestibulum ornare mollis nec, volutpat quis nulla. Etiam at vestibulum est. Curabitur tincidunt lacus magna, vitae dignissim lorem rutrum ut.</p>
</content>
</article>
</div>
</div>
<div class="top-sidebar">
<article>
<h2>Top sidebar</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus suscipit.</p>
</article>
</div>
<div class="middle-sidebar">
<article>
<h2>Middle sidebar</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus suscipit.</p>
</article>
</div>
<div class="bottom-sidebar">
<article>
<h2>Bottom sidebar</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus suscipit.</p>
</article>
</div>
<div style="clear: both"></div>
<footer class="mainfooter">
<p>Copyright © <a href="#">1stwebdesigner.com</p>
</footer>
</body>
</html>