-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (98 loc) · 3.04 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
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html>
<head>
<title>Ecard Blog</title>
<link rel="stylesheet" href="css/stylesheet.css" />
</head>
<body>
<header>
<img src="images/logo.png" alt="Logo">
</header>
<div id="wrapper">
<div id="main">
<article>
<header>
<h1>Ecard of the Day</h1>
</header>
<div>
<img class="blogimage" src="images/ecard-nycstartups.jpg" alt="NYC Startups">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin a consectetur purus.
Pellentesque at leo erat, id pellentesque sapien.
Cras id purus sem.
Nulla lacinia consequat nulla, vitae porttitor urna venenatis id.
Nam iaculis risus ac mauris vestibulum malesuada.
Nulla dolor mi, cursus sed ornare vel, feugiat sed nibh.
Suspendisse vitae pulvinar ligula.
In eu dui erat.
Etiam sit amet malesuada turpis. Duis dapibus feugiat euismod.
Suspendisse vitae consequat nunc. Vivamus aliquet vulputate varius.
<a>DOWNLOAD</a></p>
<footer>
<hr style="border-top: dotted 1px;">
<p>Posted by <a>Steve Smith</a> on August 2, 2012 / Comments (<a>3</a>)</p>
<hr>
</footer>
</article>
<article>
<header>
<h1>Doing The Big Work</h1>
</header>
<div>
<img class="blogimage" src="images/ecard-courage.jpg" alt="Courage">
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Proin a consectetur purus.
Pellentesque at leo erat, id pellentesque sapien.
Cras id purus sem.
Nulla lacinia consequat nulla, vitae porttitor urna venenatis id.
Nam iaculis risus ac mauris vestibulum malesuada.
Nulla dolor mi, cursus sed ornare vel, feugiat sed nibh.
Suspendisse vitae pulvinar ligula.
In eu dui erat.
Etiam sit amet malesuada turpis.
Duis dapibus feugiat euismod.
Suspendisse vitae consequat nunc.
Vivamus aliquet vulpatate varius.
<a>DOWNLOAD</a></p>
<footer>
<hr style="border-top: dotted 1px;">
<p>Posted by <a>Steve Smith</a> on August 2, 2012 / Comments (<a>3</a>)</p>
<hr>
</footer>
</article>
</div>
<div id="nav">
<ul>
<li>ARCHIVE</li>
<li>January</li>
<li>February</li>
<li>March</li>
<li>April</li>
<li>May</li>
<li>June</li>
<li>July</li>
</ul>
<ul>
<li>BLOGROLL</li>
<li>Mailchimp</li>
<li>Shopify</li>
<li>The Next Web</li>
<li>Mint.com</li>
<li>Mashable</li>
</ul>
<div>
<img class="ads" src="images/ad-cut-and-paste.gif" alt="Cut and Paste Ad" style="margin:8px 0px"><br>
<img class="ads" src="images/ad-postcard-tee.png" alt="Postcard Tee Ad" style="margin:8px 0px"><br>
<img class="ads" src="images/ad-submit-your-own.png" alt="Submit Your Own Ad" style="margin:8px 0px">
</div>
</div>
</div>
<footer class="end">
<img src="images/social-icon-twitter.png" alt="Twitter">
<img src="images/social-icon-facebook.png" alt="Facebook">
<img src="images/social-icon-pinterest.png" alt="Pinterest">
</footer>
</body>
</html>