-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog_item_page.html
105 lines (102 loc) · 4.16 KB
/
blog_item_page.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
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blog ITem</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div id="container">
<div id="header">
<img src="images/Gridzilla.png">
<input type="text" name="search" placeholder="Enter your search...">
</div>
<ul id="nav">
<li><a href="home.html">HOME<span></span></a></li>
<li><a href="about.html">ABOUT<span></span></a></li>
<li><a href="#" class="active">BLOG<span></span></a></li>
<li><a href="contact.html">CONTACT<span></span></a></li>
</ul>
<div class="wrapper">
<h1 id="title">Sticker Mule. Best Place For Your Sticker Needs!</h1>
</div>
<div class="img-item">
<img src="images/item-img.png">
</div>
<div class="blog-item">
<p class="blog-head">
Date<br>
<span>April 15, 2012</span>
</p>
<p class="blog-head">
Tags<br>
<span>Website | Design</span>
</p>
<p class="blog-head">
Author<br>
<span>Michael Reimer</span>
</p>
<p class="blog-text">
Lorem ipsum dolor sit amet, mollis epicuri pri ei, perpetua honestatis ad vix. Ne duo ludus putent,
cu causae tamquam voluptua duo. Agam officiis no duo, ut reque decore sea. Cu eripuit accusam vix.
Facete blandit detraxit pri cu, sea soluta doming civibus ea.
</p>
<p class="blog-text">
Eum eu tale clita iuvaret, cu est saperet forensibus interesset, cum ne case iusto oportere.
Id idque indoctum eum, menandri mediocrem has ei. At usu modo quaerendum. Sit ei dicunt tacimates,
mea ea enim eirmod suscipiantur, amet dicit ancillae vel in. Ex mea augue eloquentiam, his postea dolorem suavitate ea.
Mel hendrerit accommodare concludaturque ex.
</p>
<button class="moreButton"><img src="images/link%20icon.png"> Visit Website</button>
</div>
<div class="wrapper" style="clear: both">
<h1>Sticker Mule. Best Place For Your Sticker Needs!</h1>
</div>
<div class="moreArticles">
<div class="similar-article">
<img src="images/img5.png" class="img-art">
<h3>Character Design</h3>
<p class="data">June 15, 2012</p>
</div>
<div class="similar-article">
<img src="images/img2.png" class="img-art">
<h3>Top iPhone Apps</h3>
<p class="data">June 15, 2012</p>
</div>
<div class="similar-article">
<img src="images/img10.png" class="img-art">
<h3>Social Media Buttons</h3>
<p class="data">June 15, 2012</p>
</div>
<div class="similar-article">
<img src="images/img1.png" class="img-art">
<h3>10 Amazing Websites</h3>
<p class="data">June 15, 2012</p>
</div>
</div>
<footer>
<div id="social-media">
<a href="http://twitter.com" class="social-icon">
<img src="images/Twitter%20Icon.png">
</a>
<a href="http://rss.com" class="social-icon">
<img src="images/RSS%20Icon.png">
</a>
<a href="http://facebook.com" class="social-icon">
<img src="images/Facebook%20Icon.png">
</a>
<a href="http://pinterest.com" class="social-icon">
<img src="images/Pinterest.png">
</a>
</div>
<div id="contacts">
<h4>Best PSD Freebies | [email protected]</h4>
<p>
Copyright 2012 Gridzilla Theme
<a href="http://bestpsdfreebies.com">www.bestpsdfreebies.com</a>
</p>
</div>
</footer>
</div>
</body>
</html>