-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcheckout.html
More file actions
145 lines (135 loc) · 6.76 KB
/
checkout.html
File metadata and controls
145 lines (135 loc) · 6.76 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>THE BRAND</title>
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800"
rel="stylesheet">
<link rel="stylesheet" href="css/fontello.css">
<link rel="stylesheet" href="sass/style.css?ver=23" type="text/css">
<link rel="shortcut icon" href="img/favicon.png" type="image/png">
<link rel="stylesheet"
href="node_modules/jquery-ui/themes/base/all.css">
</head>
<body>
<div class="wrapper" id="root">
<div class="content">
<div class="container fixed-top">
<header-main/>
<navigation/>
</div>
<section>
<div class="new-arrivals bounce-in-left">
<div class="container new-arrivals-flex">
<h1>NEW ARRIVALS</h1>
<div><a href="index.html">HOME</a>/<a href="product.html">WOMEN</a>/<a
href="product.html">NEW ARRIWALS</a></div>
</div>
</div>
<form class="container" action="javascript://">
<div class="checkout-type">
<p class="checkout-type__tittle">01. SHIPPING ADRESS</p>
<div class="checkout">
<div class="checkout-adress-left">
<p class="checkout-adress-left__tittle">Check as a
guest or register</p>
<p class="checkout-adress-left__detail">Register
with us for future convenience</p>
<p class="checkout-adress-left__tittle"><input
class="checkout-adress-left__input"
type="radio" name="checkout" value="guest">checkout
as guest</p>
<p class="checkout-adress-left__tittle"><input
class="checkout-adress-left__input"
type="radio" name="checkout"
value="register" checked>register and save
time!</p>
<p class="checkout-adress-left__detail">Register
with us for future convenience</p>
<div class="checkout-adress-left__flex"><i
class="icon-angle-double-right checkout-adress-left__double-right"></i>
<p class="checkout-adress-left__detail checkout-adress-left__detail_margin">
Fast and easy checkout</p></div>
<div class="checkout-adress-left__flex"><i
class="icon-angle-double-right checkout-adress-left__double-right"></i>
<p class="checkout-adress-left__detail checkout-adress-left__detail_margin">
Easy access to your order history and
status</p></div>
<button class="checkout-adress-left__button">
CONTINUE
</button>
</div>
<div class="checkout-adress-right">
<p class="checkout-adress-left__tittle">Already
registed?</p>
<p class="checkout-adress-left__detail">Please log
in below</p>
<div class="checkout-adress-right__field-tittle">
<p>EMAIL ADDRESS <sub
class="checkout-adress-right__field-tittle_sup">*</sub>
</p>
</div>
<input class="checkout-adress-right__input"
type="email">
<div class="checkout-adress-right__field-tittle">
<p>PASSWORD <sub
class="checkout-adress-right__field-tittle_sup">*</sub>
</p>
</div>
<input class="checkout-adress-right__input"
type="password">
<p class="checkout-adress-right__text-required">*
Required Fileds</p>
<div class="checkout-adress-right__log-in">
<button class="checkout-adress-left__button checkout-adress-left__button_padding">
LOG IN
</button>
<a href="javascript://"
class="checkout-adress-right__password-text">Forgot
Password ?</a>
</div>
</div>
</div>
</div>
<div class="checkout-type">
<p class="checkout-type__tittle">02. BILLING
INFORMATION</p>
</div>
<div class="checkout-type">
<p class="checkout-type__tittle">03. SHIPPING
INFORMAION</p>
</div>
<div class="checkout-type">
<p class="checkout-type__tittle">04. SHIPPING METHOD</p>
</div>
<div class="checkout-type">
<p class="checkout-type__tittle">05. PAYMENT METHOD</p>
</div>
<div class="checkout-type">
<p class="checkout-type__tittle">06. ORDER REVIEW</p>
</div>
</form>
</section>
<div class="container" id="reviews">
<!-- Генерация из js old_Rewiews.js-->
</div>
<subscribe-box/>
<container-brand/>
</div>
<footer-wrap/>
</div>
<script src="node_modules/vue/dist/vue.global.prod.js"></script>
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="jquery-ui-1.13.0.custom/jquery-ui.min.js"></script>
<script src="node_modules/owl.carousel/dist/owl.carousel.min.js"></script>
<script src="js/vue_main.js"></script>
<script src="js/old_Cart.js"></script>
<script src="js/old_autocomplete.js"></script>
<script src="js/old_Reviews.js"></script>
<script src="js/old_slider-range.js"></script>
<script src="js/old_owl-carousel.js"></script>
<script src="js/old_main.js" defer></script>
</body>
</html>