-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
54 lines (54 loc) · 7.14 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
<!DOCTYPE html>
<html>
<head>
<title>ZSalmon</title>
<link rel="stylesheet" href="css/title_bar.css" type="text/css" />
<link rel="stylesheet" href="css/home.css" type="text/css" />
</head>
<body>
<header>
<div id = "nav_wrapper">
<ul id="nav_bar">
<li id="contact"><a href="html/zsalmon_contact.html"> Contact </a></li>
<li id="work"><a href="html/zsalmon_projects.html"> Work </a></li>
<li id="about"><a href="html/zsalmon_about.html"> About </a></li>
<li id="home"><a href=#> Home </a></li>
</ul>
</div>
</header>
<div id ="wrapper">
<div id ="page_title">
<h1>Zachary Salmon</h1>
</div>
<div id ="posts">
<div class= "post">
<h1>Post One</h1>
<img src = "images/sunset.png" width = "259px" height = "190px">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet augue sed nisl consectetur posuere. Praesent interdum quam id lectus consectetur vel aliquam odio dictum. Nunc quis molestie nunc. Curabitur vel justo vitae tortor sodales vestibulum. Fusce eu sapien mauris, eget lacinia nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet augue sed nisl consectetur posuere. Praesent interdum quam id lectus consectetur vel aliquam odio dictum. Nunc quis molestie nunc. Curabitur vel justo vitae tortor sodales vestibulum. Fusce eu sapien mauris, eget lacinia nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi.</p>
<p>Cras aliquam blandit diam, in facilisis sapien commodo nec. Integer non felis non sem dapibus congue a nec enim. Mauris risus purus, sagittis vel imperdiet posuere, egestas quis massa. Nulla nec neque nisi, sit amet eleifend enim. Nam nec rhoncus metus. Phasellus convallis augue in mauris eleifend non volutpat felis feugiat. Morbi a tellus sed metus tincidunt adipiscing et ut nisi. Suspendisse sollicitudin orci a velit ornare sed interdum ante laoreet. Vestibulum tincidunt, tellus suscipit tincidunt consequat, mi lectus placerat tortor, et suscipit sapien elit malesuada purus. Vestibulum convallis scelerisque neque, non vehicula lorem interdum vel. Curabitur a purus vel est tincidunt dictum a cursus lectus. Suspendisse potenti. Quisque porta molestie convallis. Aenean a eros in odio pulvinar pellentesque.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet augue sed nisl consectetur posuere. Praesent interdum quam id lectus consectetur vel aliquam odio dictum. Nunc quis molestie nunc. Curabitur vel justo vitae tortor sodales vestibulum. Fusce eu sapien mauris, eget lacinia nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet augue sed nisl consectetur posuere. Praesent interdum quam id lectus consectetur vel aliquam odio dictum. Nunc quis molestie nunc. Curabitur vel justo vitae tortor sodales vestibulum. Fusce eu sapien mauris, eget lacinia nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi.</p>
</div>
<div class= "post">
<h1>Post Two</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet augue sed nisl consectetur posuere. Praesent interdum quam id lectus consectetur vel aliquam odio dictum. Nunc quis molestie nunc. Curabitur vel justo vitae tortor sodales vestibulum. Fusce eu sapien mauris, eget lacinia nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi.</p>
<p>Cras aliquam blandit diam, in facilisis sapien commodo nec. Integer non felis non sem dapibus congue a nec enim. Mauris risus purus, sagittis vel imperdiet posuere, egestas quis massa. Nulla nec neque nisi, sit amet eleifend enim. Nam nec rhoncus metus. Phasellus convallis augue in mauris eleifend non volutpat felis feugiat. Morbi a tellus sed metus tincidunt adipiscing et ut nisi. Suspendisse sollicitudin orci a velit ornare sed interdum ante laoreet. Vestibulum tincidunt, tellus suscipit tincidunt consequat, mi lectus placerat tortor, et suscipit sapien elit malesuada purus. Vestibulum convallis scelerisque neque, non vehicula lorem interdum vel. Curabitur a purus vel est tincidunt dictum a cursus lectus. Suspendisse potenti. Quisque porta molestie convallis. Aenean a eros in odio pulvinar pellentesque.</p>
</div>
<div class= "post">
<h1>Post Three</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet augue sed nisl consectetur posuere. Praesent interdum quam id lectus consectetur vel aliquam odio dictum. Nunc quis molestie nunc. Curabitur vel justo vitae tortor sodales vestibulum. Fusce eu sapien mauris, eget lacinia nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi.</p>
<p>Cras aliquam blandit diam, in facilisis sapien commodo nec. Integer non felis non sem dapibus congue a nec enim. Mauris risus purus, sagittis vel imperdiet posuere, egestas quis massa. Nulla nec neque nisi, sit amet eleifend enim. Nam nec rhoncus metus. Phasellus convallis augue in mauris eleifend non volutpat felis feugiat. Morbi a tellus sed metus tincidunt adipiscing et ut nisi. Suspendisse sollicitudin orci a velit ornare sed interdum ante laoreet. Vestibulum tincidunt, tellus suscipit tincidunt consequat, mi lectus placerat tortor, et suscipit sapien elit malesuada purus. Vestibulum convallis scelerisque neque, non vehicula lorem interdum vel. Curabitur a purus vel est tincidunt dictum a cursus lectus. Suspendisse potenti. Quisque porta molestie convallis. Aenean a eros in odio pulvinar pellentesque.</p>
</div>
<div class= "post">
<h1>Post Four</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec aliquet augue sed nisl consectetur posuere. Praesent interdum quam id lectus consectetur vel aliquam odio dictum. Nunc quis molestie nunc. Curabitur vel justo vitae tortor sodales vestibulum. Fusce eu sapien mauris, eget lacinia nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla facilisi.</p>
<p>Cras aliquam blandit diam, in facilisis sapien commodo nec. Integer non felis non sem dapibus congue a nec enim. Mauris risus purus, sagittis vel imperdiet posuere, egestas quis massa. Nulla nec neque nisi, sit amet eleifend enim. Nam nec rhoncus metus. Phasellus convallis augue in mauris eleifend non volutpat felis feugiat. Morbi a tellus sed metus tincidunt adipiscing et ut nisi. Suspendisse sollicitudin orci a velit ornare sed interdum ante laoreet. Vestibulum tincidunt, tellus suscipit tincidunt consequat, mi lectus placerat tortor, et suscipit sapien elit malesuada purus. Vestibulum convallis scelerisque neque, non vehicula lorem interdum vel. Curabitur a purus vel est tincidunt dictum a cursus lectus. Suspendisse potenti. Quisque porta molestie convallis. Aenean a eros in odio pulvinar pellentesque.</p>
</div>
</div>
</div>
<footer>
<div id = "copyright">
<small>© 2013 Zachary Salmon</small>
</div>
</footer>
</body>
</html>