-
Notifications
You must be signed in to change notification settings - Fork 0
/
shopping_bag.html
140 lines (136 loc) · 5.81 KB
/
shopping_bag.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Shopping bag</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/shopping_bag/shopping_bag.css">
<link rel="stylesheet" type="text/css" href="css/shopping_bag/@mobile.css">
<link rel="stylesheet" type="text/css" href="css/shopping_bag/@tablet.css">
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans">
<link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Roboto'>
<script src="js/shopping_bag.js"></script>
</head>
<body>
<header class="main-content">
<div class="main-logo">Template</div>
<div class="login-bag">
<a class="bag button-element" href="shopping_bag.html"><p id="bagValue">Bag</p><img src="img/icons/ico_bag.png"></a>
<a class="login button-element" href="#">E-mail sign up</a>
</div>
<button class="tablet-menu button-element" type="button"><img id="switch" src="img/promo/mobile/menu.png"></button>
<ul class="menu list-elements">
<li><a href="#">Woman</a></li>
<li><a href="#">Man</a></li>
<li><a href="#">Handbags</a></li>
<li><a href="#">Accessories</a></li>
<li><a href="#">Sale</a></li>
<li><a href="#">New Arrivals</a></li>
<li><a href="#">Clearance</a></li>
<li><a href="#">Store Locator</a></li>
<li class="form-search">
<form class="search">
<input id="search-input" type="text" placeholder="Style Name">
<button class="button-element" id="search-ico" type="button"><img src="img/icons/ico_search.png">
</button>
</form>
</li>
</ul>
</header>
<article class="new-arrivals-content">
<div class="title-wrap">
<h2 class="title">Shopping bag</h2>
</div>
<div class="new-arrivals">
<section id="cloneNode">
<figure>
<img src="img/bag/photo.png">
<figcaption class="bottom-info">£390.25</figcaption>
</figure>
<div class="side-info">
<h4>Only Skinny jeans</h4>
<p>Color: Philippa wash</p>
<p>Size: UK 17</p>
<p>Quantity: 1</p>
<button type="button"><a href="#">Remove item</a></button>
</div>
</section>
</div>
<div class="title-wrap-2">
<h2 class="title-2">You've qualified for Free UK Next Day Delivery on your order. Don't forget to enter the code
nexday at checkout</h2>
</div>
<div class="shop-ctrl">
<div class="button-element clear-bag"><a href="#">Empty bag</a></div>
<button class="button-element big-button">Buy now</button>
<div class="second-bag">Bag is empty</div>
</div>
</article>
<footer>
<div class="footer-main-container">
<div class="lists-container">
<section class="quick-links-padded-left list-elements"><b>Quick Links</b><br>
<ul>
<li><a href="#">Store locator</a></li>
<li><a href="#">Gift cards</a></li>
<li><a href="#">Size guide</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Support</a></li>
</ul>
</section>
<section class="quick-links list-elements"><b>Customer Care</b><br>
<ul>
<li><a href="#">Customer service</a></li>
<li><a href="#">Track my order</a></li>
<li><a href="#">Return policy</a></li>
<li><a href="#">Shipping & delivery</a></li>
<li><a href="#">Contact us</a></li>
<li><a href="#">Careers</a></li>
</ul>
</section>
<section class="quick-links-padded-left"><b>Questions</b><br>
<button class="right-content" type="button"><a href="#">Tweet us <b>@template</b></a></button>
<br>
<p class="social-info">We have our own delivery service which operates in 23 major European cities.
Delivery time - 3-5 days.</p>
<section class="hidden-quick-links"><b>Order by phone</b><br>
<p class="right-content phone">8-800-409-47-12</p>
</section>
<a href="#"><img class="right-content button-element" src="img/icons/fb.png"></a>
<a href="#"><img class="right-content button-element" src="img/icons/twi.png"></a>
</section>
<section class="quick-links desk-only"><b>Order by phone</b><br>
<p class="right-content phone">8-800-409-47-12</p>
</section>
</div>
</div>
</footer>
<footer class="mobile-footer">
<ul class="list-elements">
<li><a href="#">Legal notice</a></li>
<li><a href="#">Private police</a></li>
<li><a href="#">Site map</a></li>
</ul>
<a href="#"><img class="button-element" src="img/icons/fb.png"></a>
<a href="#"><img class="button-element" src="img/icons/twi.png"></a>
</footer>
<footer class="desk-footer">
<div class="footer-main-container end-line">
<address class="footer2-left-block">
<b>© 2010–2015, The Template Group inc.</b>
</address>
<div class="footer2-medium-block"><b>Share</b></div>
<div class="footer2-medium-block">
<button type="button"><a href="#">1437</a></button>
</div>
<div class="footer2-right-block">
<ul class="list-elements">
<li><a href="#">Legal notice</a></li>
<li><a href="#">Private police</a></li>
<li><a href="#">Site map</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>