-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmotobike.html
193 lines (161 loc) · 6.59 KB
/
motobike.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
193
<!doctype html>
<html>
<head>
<title>Moto Bike</title>
<link href="css/style.css" type="text/css" rel="stylesheet">
<link href="css/grid.css" type="text/css" rel="stylesheet">
</head>
<body>
<main>
<!------------------------ header ----------------------->
<header>
<div class="container">
<div class="row">
<a href="index.html" class="logo"><img src="images/logo.png"></a>
<div class="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="motobike.html">Motorbike</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
</header>
<!------------------------ content area ----------------------->
<section>
<div class="clearfix">
<div class="sub-header">
<div class="container">
<h1>Motobike</h1>
Use the form below to get in touch with us. Share your specific requirements and we'll be happy to reply back shortly. You are also welcome to contact us via phone, emial or at our office during working hours.
</div>
</div>
<div class="container">
<div class="row">
<div class="adjust-4">
<div class="wrap-col">
<article>
<div class="art-header">
<a href="#"><h3>Nam libero tempore, cum soluta nobis est</h3></a>
<div>Posted on June 22, 2010 in:<a href="#"> Event</a></div>
</div>
<div>
<img src="images/6.jpg">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. At vero eos et accusam et justo duo dolores et ea rebum. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
<a href="#">Read More...</a>
</article>
<article>
<div class="art-header">
<a href="#"><h3>Nam libero tempore, cum soluta nobis est</h3></a>
<div>Posted on June 22, 2010 in:<a href="#"> Event</a></div>
</div>
<div>
<img src="images/7.jpg">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. At vero eos et accusam et justo duo dolores et ea rebum. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
<a href="#">Read More...</a>
</article>
<article>
<div class="art-header">
<a href="#"><h3>Nam libero tempore, cum soluta nobis est</h3></a>
<div>Posted on June 22, 2010 in:<a href="#"> Event</a></div>
</div>
<div>
<img src="images/5.jpg">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. At vero eos et accusam et justo duo dolores et ea rebum. Consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
<a href="#">Read More...</a>
</article>
</div>
</div>
<!------------------------ widgets or sidebar in content area ----------------------->
<div class="adjust-1">
<div class="wrap-col wrap-sidebar">
<div class="widget wid-meta">
<div class="wid-header">
<h4 class="orange">Meta</h4>
</div>
<div class="wid-content">
<ul class="link">
<li><a href="#">Log in</a></li>
<li><a href="#">Entries RSS</a></li>
<li><a href="#">comment RSS</a></li>
<li><a href="#">wordpress in</a></li>
</ul>
</div>
</div>
<div class="widget wid-meta">
<div class="wid-header">
<h4 class="orange">Lasted</h4>
</div>
<div class="wid-content">
<p>Six-month sales at BMW brand rose 8 percent to 804,000 cars, expanding the lead over runner-up Audi to 24,000 from 11,000 after five months. Half-year sales at Audi and Mercedes rose 6 percent each to 780,500 and 694,000 respectively.</p>
</div>
</div>
<div class="widget">
<div class="wid-header">
<h4 class="orange">Recent Posts</h4>
</div>
<div class="wid-content">
<ul class="link">
<li><a href="#">Dodge Charger, F-250 popular with car theives</a></li>
<li><a href="#">Dodge Charger, F-250 popular with car theives</a></li>
<li><a href="#">Dodge Charger, F-250 popular with car theives</a></li>
<li><a href="#">Dodge Charger, F-250 popular with car theives</a></li>
</ul>
</div>
</div>
<div class="widget wid-archive">
<div class="wid-header">
<h4 class="orange">Archive</h4>
</div>
<div class="wid-content">
<select>
<option vlaue"sdf" selected>Select month</option>
<option vlaue"sdf" >july</option>
<option vlaue"sdf" >august</option>
<option vlaue"sdf">december</option>
</select>
</div>
</div>
<div class="widget">
<div class="wid-header">
<h4 class="orange">Tags</h4>
</div>
<div class="wid-content">
<a href="#">Animals</a>
<a href="#">Animals</a>
<a href="#">Animals</a>
<a href="#">Animals</a>
<a href="#">Animals</a>
<a href="#">Animals</a>
<a href="#">Animals</a>
<a href="#">Animals</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!------------------------ footer ----------------------->
<footer>
<div class="wrap-footer">
<div class="container">
<div class="row">
<h3>Contact</h3>
<span>Phone: / +80 *** ** ****</span><br>
<span>Email / info@*****.com</span> <br>
<span>Studio / ***** **. 14/** Light City</span><br>
<span><strong>Copyright 20xx - <a href="#">Fahad chaudhry</a> Templates Designed by Fahad chaudhry</strong></span>
</div>
</div>
</div>
</footer>
</main>
</body>
</html>