-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathorder.html
210 lines (182 loc) · 10.6 KB
/
order.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Order</title>
<link rel="stylesheet" href="./css/order.css">
<link rel="stylesheet" href="./css/default.css">
<link rel="shourtcut icon" href="favicon.ico">
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header__container">
<a href="index.html" class="header__logo logo">
<img src="./img/header/logo.svg" alt="logo">
</a>
<div class="header__menu menu">
<div class="menu__icon">
<span></span>
</div>
<nav class="menu__body">
<ul class="menu__list">
<li><a href="shop.html" class="menu__link">Shop</a></li>
<li><a href="menu.html" class="menu__link">Menu</a></li>
<li><a href="#" class="menu__link choose">Order</a></li>
<li><a href="findus.html" class="menu__link">Find us</a></li>
</ul>
</nav>
</div>
<div class="header__basket basket">
<a href="#" class="basket__link">
<img src="./img/header/basket.svg" alt="Basket" class="basket__icon">
</a>
</div>
</div>
</header>
<main class="page">
<section class="order">
<div class="order__container">
<div class="order__title main-title">Delivery</div>
<div class="order__text main-text">"We understand that convenient and fast delivery is an important
aspect for our customers. Therefore, we are very pleased to provide delivery services for your
convenience."
</div>
<div class="shop__points points-shop">
<div class="shop__point point"></div>
<div class="shop__point point"></div>
<div class="shop__point point"></div>
</div>
<div class="order__row">
<h2 class="order-form-title">fill the form out</h2>
<form id="orderCustomer" class="order__form" action="#" method="post"
enctype="multipart/form-data">
<div class="order-name order_inner">
<div class="order-name__wrapper">
<label class="check-order" for="Name">First name</label>
<input id="Name" type="text" class="_miss order-input" value="" name="order name">
</div>
<div class="order-name__wrapper">
<label class="check-order" for="Last-name">Last name</label>
<input id="Last-name" type="text" class="_miss order-input" value=""
name="order name">
</div>
</div>
<div class="order-address order_inner">
<label class="check-order" for="Address">Street address</label>
<input id="Address" type="text" class="_miss order-input" value="" name="order address">
</div>
<div class="order-town order_inner">
<label class="check-order" for="Town">Town/City</label>
<input id="Town" type="text" class="_miss order-input" value="" name="order town">
</div>
<div class="order-postcode order_inner">
<label class="check-order" for="Postcode">Postcode</label>
<input id="Postcode" type="phone" class="_miss order-input" value=""
name="order postcode">
</div>
<div class="order-phone order_inner">
<label class="check-order" for="Phone">Phone (optional)</label>
<input id="Phone" type="gmail" class="order-input" value="" name="order phone">
</div>
<div class="order-email order_inner">
<label class="check-order" for="Email">Email address</label>
<input id="Email" type="gmail" class="_miss _email order-input" value=""
name="order email">
</div>
<div class="order-textarea order_inner">
<label class="check-order" for="Message">What products are you interested in?</label>
<textarea class="order-input order-input__textarea" id="Message"></textarea>
</div>
<div class="order-button__wrapper">
<button type="submit" class="order-send">Submit info</button>
</div>
</form>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__container">
<div class="footer__row">
<div class="footer__info info">
<div class="info__left">
<div class="info__find-us find-us">
<div class="find-us__title title">Find us</div>
<div class="find-us__wrapper">
<address class="find-us__address link_item">Unit 9, London, Taste street, 80700
</address>
<a href="#" class="find-us__location link_item">Find us on Google Maps</a>
</div>
</div>
<div class="info__contact-us contact-us">
<div class="contact-us__title title">Contact us</div>
<div class="contact-us__wrapper">
<div class="contact-us__phone link_item">+380673233388</div>
<div class="contact-us__gmail link_item">[email protected]</div>
</div>
</div>
</div>
<div class="info__right">
<div class="info__information information">
<div class="information__about title item_info"><a href="#">About us</a></div>
<div class="information__faq title item_info"><a href="#">FAQs</a></div>
<div class="information__work title item_info"><a href="#">Work with us</a></div>
<div class="information__social social-information title">
<div class="social-information__title title item_info"><a href="#">Social media</a>
</div>
<div class="social-information__row">
<a href="#" class="social-information__link-instagram socila_link">
<img src="./img/footer/instagram.svg" alt="Instagram">
</a>
<a href="#" class="social-information__link-facebook socila_link">
<img src="./img/footer/facebook.svg" alt="Facebook">
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__subscribe subscribe">
<div class="subscribe__title title">
Newsletter sign up
</div>
<div class="subscribe__text">
Do not miss the opportunity to try the best pastries in town - order now and see for
yourself!
</div>
<div class="subscribe__input">
<form id="form" action="#" method="post" enctype="multipart/form-data"
class="form__subscribe">
<label for="inputGmail"></label>
<input id="inputGmail" type="text" class="subscribe__form _req _email"
placeholder="Email address">
<button class="subscribe__button">sign up</button>
</form>
<div class="thanks">
<div class="thanks__wrapper thanksYou">
<h2 class="thanks__title">
Greeting, you success subscribed at this shop.
</h2>
<div class="thanks__text">Thank you!</div>
<div class="thanks__close close">X</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer__description description">
<div class="description__row">
<div class="description__copy">Copyright 2023, Tender & Baking</div>
<div class="description__policy">Privacy Policy, Terms & Conditions </div>
</div>
</div>
</div>
</footer>
</div>
<script src="./js/order.js"></script>
<script src="./js/script.js"></script>
</body>
</html>