-
Notifications
You must be signed in to change notification settings - Fork 0
/
products.php
217 lines (212 loc) · 9.69 KB
/
products.php
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
<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml" dir="ltr" class="ltr" lang="ru" xmlns:og="//ogp.me/ns#" xmlns:fb="//www.facebook.com/2008/fbml">
<head>
<link rel='shortcut icon' href='img/favicon1.ico' />
<title>firs land</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name='description' content=''>
<meta name='keywords' content=''>
<meta name="title" content="" />
<link rel='stylesheet' href='css/style.css?v=<?=date("di");?>'>
</head>
<body class='products-list'>
<header class='disrow'>
<div class='wrap'>
<div class='logo'>FooseShoes</div>
<div class='control'>
<span class='pfiod bgi srch'></span>
<span class='pfiod auth'>Login or register</span>
</div>
</div>
</header>
<section class='disrow' id='top-nav'>
<nav class="wrap">
<ul class='pfiod'>
<a href='#'><li>Home</li></a>
<a href='#'><li>Products</li></a>
<a href='#'><li>About</li></a>
<a href='#'><li>Pages</li></a>
<a href='#'><li>Blog</li></a>
<a href='#'><li>Contact</li></a>
</ul>
<div class='pfiod' id='mini-cart'>
<div class='pfiod'><img src='img/wish.png'><span>123</span></div>
<div class='pfiod'><img src='img/mini-cart.png'><span>123</span></div>
</div>
</nav>
</section>
<section class='disrow bgi' id='mbann'>
<div class='bgi mfootb'>
<div class=' wrap'>
<figure class='pfiod'>
<div class='disrow'>
<div class='pfiod prc'>$145,99</div>
<h1 class='pfiod'>Pink Shoes<br>2013 Collection</h1>
</div>
<h2 class='disrow'>Nunc non fermentum nunc. Sed ut ante eget leo tempor consequat sit amet eu orci. Donec dignissim dolor eget..</h2>
</figure>
</div>
</div>
</section>
<section class='disrow' id='pcats'>
<nav class='wrap'>
<div class='pfiod ttl'>Shop by</div>
<ul class='pfiod filtre'>
<li>Brands<img src='img/fill-arr.png'></li>
<li>Categories<img src='img/fill-arr.png'></li>
<li>Price<img src='img/fill-arr.png'></li>
</ul>
</nav>
</section>
<section class='disrow' id='products'>
<div class='wrap'>
<figcaption class='disrow'>
<div class='pfiod'>All Products</div>
<ul class='pfiod' id='breadrumbs'>
<li><a href=''>Home</a>></li>
<li>All Products</li>
</ul>
<div class='pfiod sort'><div class='view'>View as<img src='img/grid.png'><img src='img/rwos.png'></div><button>Sort alphabetically<img src='img/arrd.png'></button></div>
</figcaption>
<main class='disrow lates'>
<figure class='pfiod product-blc'>
<div class='disrow bgi thumb' style='background-image:url(img/products/1.png)'><div class="prc">$145,99</div></div>
<div class='disrow pname'>Even&Odd</div>
</figure>
<figure class='pfiod product-blc'>
<div class='disrow bgi thumb' style='background-image:url(img/products/2.png)'><div class="prc">$145,99</div><div class='disc'>on sale!</div></div>
<div class='disrow pname'>Even&Odd</div>
</figure>
<figure class='pfiod product-blc'>
<div class='disrow bgi thumb' style='background-image:url(img/products/3.png)'><div class="prc">$145,99</div></div>
<div class='disrow pname'>Even&Odd</div>
</figure>
<figure class='pfiod product-blc'>
<div class='disrow bgi thumb' style='background-image:url(img/products/1.png)'><div class="prc">$145,99</div></div>
<div class='disrow pname'>Even&Odd</div>
</figure>
<figure class='pfiod product-blc'>
<div class='disrow bgi thumb' style='background-image:url(img/products/2.png)'><div class="prc">$145,99</div><div class='disc'>on sale!</div></div>
<div class='disrow pname'>Even&Odd</div>
</figure>
<figure class='pfiod product-blc'>
<div class='disrow bgi thumb' style='background-image:url(img/products/3.png)'><div class="prc">$145,99</div></div>
<div class='disrow pname'>Even&Odd</div>
</figure>
<figure class='pfiod product-blc'>
<div class='disrow bgi thumb' style='background-image:url(img/products/1.png)'><div class="prc">$145,99</div></div>
<div class='disrow pname'>Even&Odd</div>
</figure>
<figure class='pfiod product-blc'>
<div class='disrow bgi thumb' style='background-image:url(img/products/2.png)'><div class="prc">$145,99</div><div class='disc'>on sale!</div></div>
<div class='disrow pname'>Even&Odd</div>
</figure>
<figure class='pfiod product-blc'>
<div class='disrow bgi thumb' style='background-image:url(img/products/3.png)'><div class="prc">$145,99</div></div>
<div class='disrow pname'>Even&Odd</div>
</figure>
</main>
<div class='disrow shop-info prods-shpi'>
<div class='pfiod bl'>
<h3>Free Shipping</h3>
<p>Vivamus metus turpis, bibendum vitae euismod vel, vulputate vel nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec erat sem, </p>
</div>
<div class='pfiod bl'>
<h3>Testimonials</h3>
<p>
vel, vulputate vel nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec erat sem, vehicula id dictum sit [...]
<div class='auth'>- John Doe -</div>
</p>
</div>
<div class='pfiod bl'>
<h3>Blog news</h3>
<a href='#'>
<article class='disrow'>
<div class='pfiod dt'>Apr<div>01</div></div>
<div class='pfiod cont'>
<h4>Nice & clean. The best for you blog!</h4>
<p>
Vivamus metus turpis, bibendum vitae euismod vel, vulputate vel nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec erat sem, vehicula id dictum sit [...]
NANDO PAPPALARDO
Vivamus metus turpis, bibendum vitae euismod vel, vulputate vel nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec erat sem,
</p>
</div>
</article>
</a>
<a href='#'>
<article class='disrow'>
<div class='pfiod dt'>Apr<div>01</div></div>
<div class='pfiod cont'>
<h4>Nice & clean. The best for you blog!</h4>
<p>
Vivamus metus turpis, bibendum vitae euismod vel, vulputate vel nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec erat sem, vehicula id dictum sit [...]
NANDO PAPPALARDO
Vivamus metus turpis, bibendum vitae euismod vel, vulputate vel nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec erat sem,
</p>
</div>
</article>
</a>
</div>
</div>
</div>
</section>
<footer class='disrow' id='prefoot'>
<div class='wrap'>
<section class='pfiod'>
<h3>TEXT WIDGET</h3>
<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
</section>
<section class='pfiod'>
<h3>TWITTER WIDGET</h3>
<article class='disrow'>
<p><a href='#'>@ericafustero</a> Why thank you. Your work looks awesome by the way! <a href='#'>@treemelody</a></p>
<div>19 days ago</div>
</article>
<article class='disrow'>
<p><a href='#'>@roymarvelous</a> You can seek a refund through TF if it is not as advertised - but it is :)</p>
<div>21 days ago</div>
</article>
</section>
<section class='pfiod'>
<h3>FLICKR WIDGET</h3>
<p>
<a href='#'><div class='pfiod bgi' style="background-image:url(img/flic/1.png);"></div></a>
<a href='#'><div class='pfiod bgi' style="background-image:url(img/flic/2.png);"></div></a>
<a href='#'><div class='pfiod bgi' style="background-image:url(img/flic/3.png);"></div></a>
<a href='#'><div class='pfiod bgi' style="background-image:url(img/flic/4.png);"></div></a>
<a href='#'><div class='pfiod bgi' style="background-image:url(img/flic/5.png);"></div></a>
<a href='#'><div class='pfiod bgi' style="background-image:url(img/flic/6.png);"></div></a>
</p>
</section>
</div>
</footer>
<footer class='disrow' id='mfoot'>
<div class='wrap'>
<section class='pfiod subs'>
<input type='text' name='smail' placeholder='Enter email for newsletter'>
<img src='img/rg-arr.png'>
</section>
<section class='pfiod widg'>
<a href='#' target='_blank'><img src='img/soc/w5.png'></a>
<a href='#' target='_blank'><img src='img/soc/w4.png'></a>
<a href='#' target='_blank'><img src='img/soc/w3.png'></a>
<a href='#' target='_blank'><img src='img/soc/w2.png'></a>
<a href='#' target='_blank'><img src='img/soc/w1.png'></a>
</section>
</div>
</footer>
<footer class='disrow' id='copyright'>
<div class='wrap'>
<div class='pfiod'>
<p>Copyright © WeddSystem 2013.</p>
<p>Designed by EnzoLiVolti.</p>
</div>
<nav>
<a href='#'>Home</a>/<a href='#'>Support</a>/<a href='#'>Terms and Conditions</a>/<a href='#'>Faqs</a>/<a href='#'>Contact us</a>
</nav>
</div>
</footer>
</body>
</html>