-
Notifications
You must be signed in to change notification settings - Fork 2
/
blog.html
168 lines (168 loc) · 7.92 KB
/
blog.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Garden Truck | 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">
<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/sForm.js"></script>
<script src="js/jquery.equalheights.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<link rel="stylesheet" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<header>
<div class="container_12">
<div class="grid_12">
<div class="h_phone">Need Help? Call Us +1 (800) 123 4567</div>
<h1><a href="index.html"><img src="images/logo.png" alt=""></a> </h1>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="menu_block">
<div class="container_12">
<div class="grid_12">
<div class="socials"><a href="#"></a><a href="#"></a></div>
<div class="autor"> <a href="#">User Login</a> Social </div>
<nav>
<ul class="sf-menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a>
<ul>
<li><a href="#"> Services List</a>
<ul>
<li><a href="#">Seeds</a></li>
<li><a href="#">Traits</a></li>
<li><a href="#">Safety Control</a></li>
</ul>
</li>
<li><a href="#">Overview</a></li>
<li><a href="#">FAQS</a></li>
</ul>
</li>
<li><a href="products.html">Products</a></li>
<li class="current"><a href="blog.html">Blog</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</header>
<div class="content">
<div class="white wt2">
<div class="container_12">
<div class="grid_12">
<h3>Blog</h3>
</div>
<div class="grid_8">
<div class="blog">
<time datetime="2045-01-01">May 28</time>
<div class="blog_title">Etiam Quis Ante </div>
<div class="clear"></div>
<img src="images/page5_img1.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<div class="text1">Author: <a href="#">admin</a></div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elitylot. Integer semper dapibus pharetra. Aenean a rhoncus justo. Aenean consectetur tellus non purus accumsan id mollisar lorem commodo. Etiam quis ante mattis laoreet risus eterto condimentum dui. Sed id elementum nibh. Nunc consewity ecetur metus eu massa feugiat pellentesque. Praesentaloi accumsan eu sem non consectetur. Morbi in vulputatertelo purus. Proin pharetra lacus fermentum augue rhoncuserw dapibus id euismod ante rutrum. </p>
Donec fringilla tincidunt tellus ut venenatis. Quisquetromot aliquam placerat sapien ut consequat. Nulla tincidunt odiot adipiscing libero ultricies, id euismod ante rutrum. Maurisat placerat ipsum nec velit dignissim vel congue dolorerotylok ultrcies. Pellentesque luctus massa tincidunt odio suscipite vitae vulputate mi venenatis. Lorem ipsum dolor sit ametw consectetur adipiscing elit. Integer semper dapibus pharyti etra. Aenean a rhoncus justonean consectetur. <br>
<a href="#" class="btn">More</a> </div>
</div>
<div class="blog">
<time datetime="2045-01-01"> May 30</time>
<div class="blog_title">Astretiam Quistro</div>
<div class="clear"></div>
<img src="images/page5_img2.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<div class="text1">Author: <a href="#">admin</a></div>
<p>Moreorem ipsum dolor sit amet, consectetur adipiscingalor elitylot. Integer semper dapibus pharetra. Aenean a rhoust jus. Tenean consectetur tellus non purus accumsan idtrew mollisar lorem commodo. Giam quis ante mattis laoreetuliw risus eterto condimentum dui. Ked id elementum nibhewyti. Nunc consewitecetur metus eu massa feugiatwertolottinore pellentesque.Taesentaloi accumsan eu sem non consecre tetur. Morbi in vulputatertelo purus. Proin pharetra morenil lacusalo fermentum augue rhoncuserw dapibus id euikolut smod ante rutrum. </p>
Jionec fringilla tincidunt tellus ut venenatis. Luisquetromot aliquam placerat sapien ut consequat. Hulla tincidunt odiot adipiscing libero ultrici id euismod ante rutrume. Maurisatiu placerat ipsum nec velit dignissim vel congue dolorerotylok ultrcies. Dellentesque luctus massa tincidunt odio suscipite vitae vulputate mi venenatis. Lorem ipsum dolor sit ametw consectetur adipiscing elitteger semper dapibus. <br>
<a href="#" class="btn">More</a> </div>
</div>
</div>
<div class="grid_3 prefix_1">
<h5>Categories</h5>
<ul class="list">
<li><a href="#">Dokhasellus id adipiscing nue. </a></li>
<li><a href="#">Hokhaselres adipiscintr nute. </a></li>
<li><a href="#">Okhasellu idra adipiscinew rewq.</a></li>
<li><a href="#">Mokhasellus iads dipiscin bioue. </a></li>
<li><a href="#">Bjookhasellue werto sddipiscing. </a></li>
<li><a href="#">Molokhase asd adipiscing utye. </a></li>
<li><a href="#">Mojlokhaselas dert dipiscinoli nuolit. </a></li>
<li><a href="#">Vokhasellew avrfipiscinjo nasghty. </a></li>
</ul>
<div class="blog_search">
<h5>Search</h5>
<form id="form1" action="#">
<span>Enter keywords</span>
<input type="text" value="" >
<a onClick="document.getElementById('form1').submit()" href="#"></a>
</form>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<footer>
<div class="container_12">
<div class="grid_2">
<div class="copy"> <a href="index.html" class="footer_logo"><img src="images/footer_logo.png" alt=""></a> © 2045 <a href="#">Privacy Policy</a> </div>
</div>
<div class="grid_2">
<ul>
<li><a href="#">Contact</a></li>
<li><a href="#">Delivery</a></li>
<li><a href="#">Legal Notice</a></li>
<li><a href="#">Terms and Conditions</a></li>
<li><a href="#">About Us</a></li>
</ul>
</div>
<div class="grid_2">
<ul>
<li><a href="#">New Products</a></li>
<li><a href="#">Top Sellers</a></li>
<li><a href="#">Specials</a></li>
<li><a href="#">Manufacturers</a></li>
<li><a href="#">Suppliers</a></li>
</ul>
</div>
<div class="grid_2">
<ul>
<li><a href="#">Science & Safety</a></li>
<li><a href="#">Product </a></li>
<li><a href="#">Our Brands</a></li>
<li><a href="#">Agricultural </a></li>
<li><a href="#">Traits & Technologies</a></li>
</ul>
</div>
<div class="grid_3 prefix_1">
<h4>Newsletter</h4>
<form id="newsletter" action="#">
<div class="success">Your subscribe request has been sent!</div>
<label class="email"> <span>Enter e-mail address</span>
<input type="email" value="" >
<a href="#" class="btn" data-type="submit">Subscribe</a> <span class="error">*This is not a valid email address.</span> </label>
</form>
</div>
<div class="clear"></div>
</div>
<div class="f_bot">
<div class="container_12">
<div class="grid_12">Design by: <a href="http://www.templatemonster.com/">TemplateMonster.com</a></div>
</div>
</div>
</footer>
</body>
</html>