-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-2.html
192 lines (179 loc) · 8.5 KB
/
index-2.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html lang="en">
<head>
<title>Blog</title>
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico">
<link rel="shortcut icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/font-awesome.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.1.1.js"></script>
<script src="js/superfish.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.ui.totop.js"></script>
<script>
$(document).ready(function(){
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http//windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http//storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body class="">
<!--==============================header=================================-->
<header>
<div class="container_12">
<div class="grid_12">
<h1><a href="index.html"><img src="images/logo.png" alt="Boo House"></a> </h1>
<div class="menu_block">
<nav class="" >
<ul class="sf-menu">
<li><a href="index.html">About</a></li>
<li><a href="index-1.html">Products</a></li>
<li class="current"><a href="index-2.html">Blog</a></li>
<li><a href="index-3.html">Recipes</a></li>
<li><a href="index-4.html">Contacts</a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</header>
<!--==============================Content=================================-->
<div class="content"><div class="ic">More Website Templates @ TemplateMonster.com - September 21, 2013!</div>
<div class="container_12">
<div class="grid_12">
<h3>Our BLog</h3> </div>
<div class="grid_7">
<div class="blog">
<img src="images/page3_img1.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<h4><a href="#">Vivamus at magna non nunc </a></h4>
<time datetime="2013-01-01">October 13, 2013</time>Lorem ipsum dolor sit aconsectetur adipiscing elit. In mollis erat mat. neque facilisis, sit amet ultricies erat rutrum. Cras facilisis, nulla vel viverra auctor, leo ame magna sodales felis, quis malesuada nibh odio ut velit. Proin pharetra luctus dia a scelerisque eros.
<br>
<a href="#" class="link1">Learn More</a>
</div>
</div>
<div class="blog">
<img src="images/page3_img2.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<h4><a href="#">Quisque viverra nulla nun</a></h4>
<time datetime="2013-01-01">October 13, 2013</time>Cobeem ipsum dolor sit aconsectetur adipiscing elit. In mollis erat mat. neque facilisis, sit amet ultricies erat rutrum. Cras facilisis, nulla vel viverra auctor, leo ame magna sodales felis, quis malesuada nibh odio ut velit. Proin pharetra luctus dia.
<br>
<a href="#" class="link1">Learn More</a>
</div>
</div>
<div class="blog">
<img src="images/page3_img3.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<h4><a href="#">Integer convallis orci vel </a></h4>
<time datetime="2013-01-01">October 13, 2013</time>Lorem ipsum dolor sit aconsectetur adipiscing elit. In mollis erat mat. neque facilisis, sit amet ultricies erat rutrum. Cras facilisis, nulla vel viverra auctor, leo ame magna sodales felis, quis malesuada nibh odio ut velit. Proin pharetra luctus dia a scelerisque eros.
<br>
<a href="#" class="link1">Learn More</a>
</div>
</div>
<div class="blog">
<img src="images/page3_img4.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<h4><a href="#">Amus at magna non nuno </a></h4>
<time datetime="2013-01-01">October 13, 2013</time>Hew ipsum dolor sit aconsectetur adipiscing elit. In mollis erat mat. neque facilisis, sit amet ultricies erat rutrum. Cras facilisis, nulla vel viverra auctor, leo ame magna sodales felis, quis malesuada nibh odio ut velit. Proin pharetra luctus dia a scelerisqu.
<br>
<a href="#" class="link1">Learn More</a>
</div>
</div>
</div>
<div class="grid_4 prefix_1">
<h4>Categories</h4>
<ul class="list">
<li><a href="#">Duis massa elit, auctor non pellentesque vel.</a></li>
<li><a href="#">Nullam eget dignissim nisi, aliquam feugiat nibh. </a></li>
<li><a href="#">Ut nisi nibh, sagittis ut semper elementum.</a></li>
<li><a href="#">Pellentesque a odiohasellus vitae libero vel.</a></li>
<li><a href="#">Justo pretium dignissieger semper in estgue.</a></li>
<li><a href="#"> In laoreet lacus eros, vel pulvinar urna ultut.</a></li>
</ul>
<h4 class="head1">Recent Posts</h4>
<div class="post">
<div class="l_blox">
<img src="images/page3_img5.jpg" alt="">
<time datetime="2013-01-01">2013-07-04</time>
</div>
<div class="extra_wrapper"><a href="#">Cras facilisis, nulla vel viverra auctor, leo ame magna dales felis, quis malesuada nibher odio ut velit. Proin pharetra li luctus dia a scelerisque mi
convallis accumsan. </a></div>
</div>
<div class="post">
<div class="l_blox">
<img src="images/page3_img6.jpg" alt="">
<time datetime="2013-01-01">2013-08-07</time>
</div>
<div class="extra_wrapper"><a href="#">Joas facilisis, nulla vel viverra auctor, leo ame magna dales felis, quis malesuada nibher odio ut velit. Proin pharetra li luctus dia a scelerisque mi
convallis accumer. </a></div>
</div>
<h4 class="head1">Recent Comments</h4>
<div class="comm">
<div class="user">
<img src="images/page3_img7.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<p><a href="#">Admin</a></p>
<time datetime="2013-01-01">September 14, 2013</time>
</div>
</div>
Maecenas vehicula egestas venenatis. Fertolo milotti.
Duis massa elit, auctor non pellentesque vel.
</div>
<div class="comm">
<div class="user">
<img src="images/page3_img7.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<p><a href="#">Admin</a></p>
<time datetime="2013-01-01">September 14, 2013</time>
</div>
</div>
Neraecenas vehicula egestas venenatis. Fertolo milottiis massa elit, auctor non pellentesq.
</div>
</div>
</div>
</div>
<!--==============================footer=================================-->
<div class="bottom_block">
<div class="container_12">
<div class="grid_10 prefix_1">
<div class="column"><a href="#">Useful Info</a><br><a href="#">Our Staff</a></div>
<div class="column"><a href="#">News & Events
</a><br><a href="#">Our Guarantee</a></div>
<div class="column"><a href="#">FAQs
</a><br><a href="#">Contacts</a></div>
<div class="clear"></div>
<div class="socials">
<a href="#"><i class=" icon-facebook"></i></a>
<a href="#"><i class="icon-twitter"></i></a>
<a href="#"><i class=" icon-google-plus "></i></a>
<a href="#"><i class=" icon-pinterest"></i></a>
</div>
</div>
</div>
</div>
<footer>
<div class="container_12">
<div class="grid_12">
<div class="copy">
OrganicFood (C) 2013 | <a href="#">Privacy Policy</a> | Website Template Designed by <a href="http//www.templatemonster.com/" rel="nofollow">TemplateMonster.com</a>
</div>
</div>
</div>
</footer>
</body>
</html>