-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
260 lines (248 loc) · 7.22 KB
/
index.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
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Cherry</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header>
<div class="top_line">
<div class="main_wrap">
<div class="logo">
<h1>Cherry</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
<div class="search">
<form action="#">
<input class="stext" type="search" value="Search..." />
<input class="button" type="submit" value="" />
</form>
</div>
</div>
</div>
<div class="main_wrap">
<div class="slider clearfix">
<div class="slider_img">
<div class="text">
<h2>Eaten berry</h2>
<h4 class="up">end go for a walk</h4><br/>
<h4 class="down">Lorem ipsum dolor sit.</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum vel, pariatur totam dolorum et ab dicta eveniet mollitia veritatis eligendi saepe enim doloremque ad? Impedit veritatis eius placeat ducimus alias doloribus, animi vel vitae reiciendis esse?</p>
</div>
</div>
</div>
</div>
<div class="main_wrap">
<nav class="menu">
<ul>
<li><a href="#">Lorem</a></li>
<li><a href="#">Ratione</a></li>
<li><a href="#">Rem</a></li>
<li><a href="#">Ipsam</a></li>
<li><a href="#">Aut?</a></li>
<li><a href="#">Accusamus</a></li>
<li><a href="#">Odio</a></li>
</ul>
</nav>
</div>
<div class="main_wrap">
<div class="bread">
<ul>
<li><a href="#">Home</a> / </li>
<li><a href="#"> Another page </a> / </li>
<li><p>This page</p></li>
</ul>
</div>
</div>
</header>
<div class="main_wrap">
<div class="contain clearfix">
<aside>
<div class="form">
<form action="#">
<h4>Contact Us</h4>
<p><input type="text" value="Your Name"/></p>
<p><input type="text" value="Daytime Number"/></p>
<p><input type="text" value="Email Adress"/></p>
<p><input type="text" value="City"/></p>
<p><select name="Problem" id="first">
<option selected="selected" value="Problem With..">Problem With..</option>
<option value="Other Choice">Other Choise</option>
</select></p>
<p><select name="Brand" id="second">
<option value="Brand">Brand..</option>
<option value="Adidas">Eum, veniam.</option>
</select></p>
<p><input class="but" type="submit" value="Lorem ipsum dolor." ></p>
</form>
</div>
<br>
<div class="descr">
<h4>Headline</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia inventore laudantium, voluptatum blanditiis, quia alias. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto.</p>
<p><a href="#">Lorem ipsum.</a></p>
</div>
</aside>
<article>
<div class="what">
<h2>What We Do...</h2>
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi et quod, fugit voluptate adipisci reprehenderit. Dolor, praesentium. Unde labore doloremque minima est ullam iusto. Reprehenderit a eligendi eaque commodi! Deleniti vero sit <a href="#">corporis officiis, sequi</a> nam quae libero sapiente ducimus, provident tempore expedita cumque amet nisi. Non nihil ducimus officia. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<div class="images">
<div class="img1">
<h4>Admin panel</h4>
<img src="img/admin.jpg" alt="admin">
</div>
<div class="img2">
<h4>Shortcodes</h4>
<img src="img/shortcodes.jpg" alt="shortcodes">
</div>
<div class="img3">
<h4>Videos</h4>
<img src="img/videos.jpg" alt="video">
</div>
</div>
</div>
<h2>Lists</h2>
<div class="list">
<div class="l1">
<h5>Lorem ipsum dolor.</h5>
<ul>
<li>Lorem ipsum dolor sit.</li>
<li>Illo voluptatibus fugiat!</li>
<li>Modi unde illo dicta.</li>
<li>Aliquam ducimus eveniet .</li>
<li class="move">Eligendi, itaque. Natus, ex!</li>
<li class="move">Praesentium debitis sed aut.</li>
<li class="move">Aut eos, est laudantium.</li>
<li>Molestias assumenda quo.</li>
<li>Quam aliquam, accusamus ipsa!</li>
</ul>
</div>
<div class="l2">
<h5>Lorem ipsum.</h5>
<ul>
<li class="unstyled">Lorem ipsum dolor sit.</li>
<li class="unstyled">Quos in odio, quae.</li>
<li class="unstyled">Deleniti, commodi beatae!</li>
<li class="unstyled">Voluptatibus placeat ipsa.</li>
<li>Nulla nisi esse, cupiditate.</li>
<li>Voluptas ad atque debitis.</li>
<li>Hic illo, dolor soluta.</li>
<li class="unstyled">Unde facilis, nobis ea.</li>
<li class="unstyled">Voluptatem quis, quia nam.</li>
</ul>
</div>
<div class="l3">
<h5>Lorem ipsum.</h5>
<ol>
<li>Lorem ipsum dolor sit.</li>
<li>Ipsa reprehenderit, quod nam?</li>
<li>Quisquam, atque adipisci eum?</li>
<li>Fugit aliquam alias cupiditate.</li>
<li>Tempora tempore cumque, totam.</li>
<li>Dolore porro, nemo fugit.</li>
</ol>
</div>
</div>
<div class="table">
<h2>Table</h2>
<table>
<tr>
<th>#</th>
<th>Maiores.</th>
<th>Doloremque.</th>
<th>Illum.</th>
<th>Quae.</th>
</tr>
<tr>
<td>1</td>
<td>Fugiat.</td>
<td>Ipsa?</td>
<td>Dolorum.</td>
<td><a href="#">Lorem ipsum.</a></td>
</tr>
<tr>
<td>2</td>
<td>Labore.</td>
<td>Excepturi!</td>
<td>Et.</td>
<td><a href="#">Lorem ipsum.</a></td>
</tr>
<tr>
<td>3</td>
<td>Perferendis?</td>
<td>Soluta.</td>
<td>Lorem ipsum.</td>
<td><a href="#">Lorem ipsum.</a></td>
</tr>
<tr>
<td>4</td>
<td>Ut.</td>
<td>Modi.</td>
<td>Non?</td>
<td><a href="#">Lorem ipsum.</a></td>
</tr>
<tr>
<td>5</td>
<td>Accusantium?</td>
<td>Autem.</td>
<td>Vitae.</td>
<td><a href="#">Lorem ipsum.</a></td>
</tr>
<tr>
<td>6</td>
<td>Rem.</td>
<td>Vel.</td>
<td>Earum.</td>
<td><a href="#">Lorem ipsum.</a></td>
</tr>
<tr>
<td>7</td>
<td>Quod.</td>
<td>Deleniti?</td>
<td>Veritatis.</td>
<td><a href="#">Lorem ipsum.</a></td>
</tr>
</table>
</div>
</article>
</div>
</div>
<footer>
<div class="main_wrap">
<div class="contacts">
<div class="hours">
<h2 class="red">CHERRY Hours</h2>
<p>Lorem ipsum.</p>
<ul>
<li>Lorem ipsum dolor.</li>
<li>Tempora, blanditiis, necessitatibus.</li>
<li>Rerum libero, veniam?</li>
</ul>
</div>
<div class="local">
<h2 class="foot">Local <span>C</span>HERRY</h2>
<ul>
<li><span class="col">Lorem ipsum dolor.</span></li>
<li><span class="col">Voluptatum, tempore, voluptatibus!</span></li>
<li><span class="col">Suscipit, impedit, porro.</span></li>
<li><span class="col">Voluptatum, possimus, blanditiis.</span></li>
<li><span class="col">Voluptatem, recusandae deserunt.</span></li>
</ul>
<p>Lorem ipsum dolor sit. 000-00-00</p>
</div>
<div class="la_local">
<h2 class="foot">Lorem ipsum dolor sit amet.</h2>
<p>Lorem ipsum dolor sit.</p>
<p>Lorem ipsum dolor sit amet.</p>
<p><a href="#">Lorem ipsum dolor.</a></p>
<p>Lorem ipsum dolor sit amet, consectetur.</p>
<p>Lorem ipsum dolor.</p>
<p>Lorem ipsum dolor sit amet, consectetur.</p>
</div>
</div>
</div>
</footer>
</body>
</html>