-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (73 loc) · 2.65 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
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
<head>
<title>Responsive Web Design</title>
<meta charset="UTF-8" name="viewport" content="width=device-width initial-scale=1">
<link href="responsive.css" rel="stylesheet">
</head>
<body class="body">
<header class="mainheader">
<img src="pedobear.jpg">
<nav>
<ul>
<li class="active"><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>
<main class="maincontent">
<div class="content">
<article class="top-content">
<header>
<h2><a href="#" title="firstpost">First Post</a><h2>
</header>
<footer>
<p class="post-info">Info Provided by Robbie</p>
</footer>
<content>
<h5>Charlie Chaplin</h5>
<p>Failure is unimportant. It takes courage to make a fool of yourself</p>
<p>A tramp, a gentleman, a poet, a dreamer, a lonely fellow, always hopeful of romance and adventure.</p>
<p>A day without laughter is a day wasted.</p>
</content>
</article>
<article class="bottom-content">
<header>
<h2><a href="#" title="secondpost">Second Post</a><h2>
</header>
<footer>
<p class="post-info">Info Provided by Robbie</p>
</footer>
<content>
<h5>Alan Watts</h5>
<p>The reason we have poverty is that we have no imagination. There are a great many people accumulating what they think is vast wealth, but it's only money... they don't know how to enjoy it, because they have no imagination.</p>
<p>To have faith is to trust yourself to the water. When you swim you don't grab hold of the water, because if you do you will sink and drown. Instead you relax, and float.</p>
</content>
</article>
</div>
</main>
<aside class="top-sidebar">
<article>
<h2>Top Sidebar</h2>
<p>Albert Einstein <br>The world is a dangerous place to live; not because of the people who are evil, but because of the people who don't do anything about it.</br></p>
</article>
</aside>
<aside class="middle-sidebar">
<article>
<h2>Middle Sidebar</h2>
<p>Confucius <br>Choose a job you love, and you will never have to work a day in your life.</br></p>
</article>
</aside>
<aside class="bottom-sidebar">
<article>
<h2>Bottom Sidebar</h2>
<p>Leonardo Davinci <br>I have been impressed with the urgency of doing. Knowing is not enough; we must apply. Being willing is not enough; we must do.</br></p>
</article>
</aside>
<footer class="main-footer">
<p>This is how I have fun..........programming.......my first responsive site</p>
</footer>
</body>
</html>