-
Notifications
You must be signed in to change notification settings - Fork 2
/
services.html
183 lines (183 loc) · 9.56 KB
/
services.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Garden Truck | Services</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 class="current"><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><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="black bl1 bl2">
<div class="container_12">
<div class="grid_12">
<h3 class="head1">Services Overview</h3>
</div>
<div class="grid_6"> <img src="images/page3_img1.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<p class="p3 col1">Uokhasellus id adipiscing nu. </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. <br>
<a href="#" class="btn bt1">More</a> </div>
</div>
<div class="grid_6"> <img src="images/page3_img2.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<p class="p3 col1">Dokhasellus ad adipiscing nuwe. </p>
Klorem ipsum dolor sit amet, consectetur adipiscing elittet. Hnteger semper dapibus pharetra. Oenean a rhoncusyerli justo. Fenean consectetur tellus non purus accumsan idas mollisar lem commodo. Gtiam quis ante mattis laoreet risus eterto condimentum dui. Sed id elementum nibh. Nunctrew consewityecetur metus eu massa feugiat pellentesquejolw. Praesentaloi accumsan eu sem non consectetur. <br>
<a href="#" class="btn bt1">More</a> </div>
</div>
<div class="clear cl3"></div>
<div class="grid_6"> <img src="images/page3_img3.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<p class="p3 col1">Mokhasellay ida adipiscing ntrule. </p>
Hoorem ipsum dolor sit amet, consectetur adipiscing elitltri ylot. Integer semper dapibus pharetra. Aenean a rhoncusy justo. Aenean consectetur tellus non purus accumsan idol mollisar lorem commodo. Tiam quis ante mattis laoreetweti risus eterto condimentum dui. Sed id elementum nibholotr. Nunc consewity rewtylomer. Gecetur metus eu massakolpe feugiat pellentesquaesentaloi accumsan. <br>
<a href="#" class="btn bt1">More</a> </div>
</div>
<div class="grid_6"> <img src="images/page3_img4.jpg" alt="" class="img_inner fleft">
<div class="extra_wrapper">
<p class="p3 col1">Nokhasellus adipiscing nurewq. </p>
Borem ipsum dolor sit amet consectetur adipiscing elitylot. Integer semper dapibus pharetra. Lenean a rhoncus justo. Aenean consectetur tellus non purus accumsan id mollisar lorem commodo. Otiam uis 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. <br>
<a href="#" class="btn bt1">More</a> </div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="white wt2">
<div class="container_12">
<div class="grid_4">
<h3>Services List</h3>
<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 asue. </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>
<div class="grid_8">
<h3>Our Methods</h3>
<img src="images/page3_img5.jpg" alt="" class="img_inner fleft i1">
<div class="extra_wrapper">
<div class="col1"><a href="#">Hiokhasellu itrd erdipiscinoli nuew.</a></div>
Borem ipsum dolor sit amet consectetur adipiscing elitylot. Integer semper dapibus pharetra. Lenean atroli rhoncus justo. Aenean consectetur tellus non purus accumsan id mollisar lorem commodo. Otiam uis antet mattis laoreet risus eterto condimentum dui. Sed id elementum nibh. Nunc consewity ecetur metus eutrolur massa feugiat pellentesque. Praesentaloi accumsan eu sem non consectetur. Integer semper dapibus. </div>
<div class="clear cl4"></div>
<img src="images/page3_img6.jpg" alt="" class="img_inner fleft i1">
<div class="extra_wrapper">
<div class="col1"><a href="#">Nlookhaselluy ida adipiscinhi nuesa.</a></div>
Vhorem ipsum dolor sit amet consectetur adipiscing elitylot. Integer semper dapibus pharetra. Leneantrewi atroli rhoncus justo. Trenean consectetur tellus non purus accumsan id mollisar lorem commodo. Ktiam uis ante mattis oreet risus fsterto condimentum dui. Ked id elementum nibas. Func consewity ecetur metusewr eutrolur massa feugiat pellentesque. Varaesentaloi accumsan eu sem non consectetur. </div>
<div class="cl5 clear"></div>
<img src="images/page3_img7.jpg" alt="" class="img_inner fleft i1">
<div class="extra_wrapper">
<div class="col1"><a href="#">Nkokhasellus nit adipisci molore.</a></div>
Mklotreorem ipsum dolor sit amet consectetur ipiscing elitylot. Integer semp dapibus pharetra. Leneantroliy atroli rhoncus justo. Menean consectetur tellus non purus accumsan id mollisar lorem commodo. Atiam uis ante mattis laoreet risus eterto condimentum dui. Sed id elementum nibh. Nunc consewity ecetur metustrell eutrolur massa feugiat pellentesque. Hraesentaloi accumsan eu sem non consectetuol. </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>