-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathordering.html
103 lines (85 loc) · 4.39 KB
/
ordering.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
<!DOCTYPE html>
<head >
<title>TimeToTea</title>
<link rel="stylesheet" href="ordering.css"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, maximum-scale=1.0">
</head>
<body>
<a href="index.html">
<header id="header">
Time To Tea)))<img src="IMG_20200119_184803_578.jpg" width="80px" id="headerImg"/>
</header>
</a>
<form action="" method="POST" name="test" id="form" onSubmit="return false;">
<input id="say" hidden="true" name="bascet" value=""/>
<hr color="#dcd777" size="2px"/><b style="color:#2b2807;">Контактні дані</b><hr color="#dcd777" size="2px"/>
<p>
<label for="name">Ім'я</label>
<input name="name" id="name" value="">
</p><p>
<label for="lastName">Прізвище</label>
<input name="lastName" id="lastName" value=""></p>
</p><p>
<label for="number">Номер телефону</label>
<input name="number" id="number" type="tel" value="">
</p><p>
<label for="email">Електронна пошта</label>
<input name="email" id="email" type="email" value="">
</p>
<hr color="#dcd777" size="2px"/><b style="color:#2b2807;">Вибір доставки</b><hr color="#dcd777" size="2px"/>
<p><b id="express">кур'єрська доставка<img src="dostavka.png" class="imgDelivery"/></b></p>
<p><b id="branch">в відділення нової пошти<img src="v1.png" class="imgDelivery"/></b></p>
<div id="deliveryBranch" hidden="1">
<p>
<label for="regionBranch">область</label>
<input name="regionBranch" id="regionBranch" value="">
</p><p>
<label for="sityBranch">місто</label>
<input name="sityBranch" id="sityBranch" value="">
</p><p>
<label for="nBranch">номер відділення</label>
<input name="nBranch" id="nBranch" value="">
</p>
</div>
<div id="expressDelivery" hidden="1">
<p>
<label for="regionExpress">область</label>
<input name="regionExpress" id="regionExpress" value="">
</p><p>
<label for="sityExpress">місто</label>
<input name="sityExpress" id="sityExpress" value="">
</p><p>
<label for="streetExpress">вулиця</label>
<input name="streetExpress" id="streetExpress" value="">
</p><p>
<label for="houseExpress">будинок</label>
<input name="houseExpress" id="houseExpress" type="number" value="">
</p><p>
<label for="apartmentExpress">квартира</label>
<input name="apartmentExpress" id="apartmentExpress" type="number" value="">
</p>
</div>
<hr color="#dcd777" size="2px"/><b style="color:#2b2807;">Вибір оплати</b><hr color="#dcd777" size="2px"/>
<div id="payment">
<b><label for="paymentCard">Наложеним платежем</label></b>
<input type="radio" name="paymentImposed" id="paymentCard"/>
<b><label for="paymentImposed">Переказ на картку</label></b>
<input type="radio" name="paymentImposed" id="paymentImposed"/>
</div>
<hr color="#e0ecb3" size="2px"/><b style="color:#2b2807;"></b><hr color="#e0ecb3" size="2px"/>
<label for="noCallBack"><b style="color:#2b2807;">не потрібно передзвонювати для підтвердження замовлення</b></label>
<input type="checkbox" name="noCallBack" id="noCallBack"/>
<hr color="#dcd777" size="3px"/>
<p></p>
<div>
<button id="button" style="width: 100px; height: 40px; background-color:#0c4836d0;"><b style="color:#e0edb1;">Замовлення</b></button>
</div>
</form>
<footer>
<strong>@TimeToTea</strong> комерційний проект<br/> Cпрямований на відкриття великої і прекрасної
культури китайських пуерів та улунів для повсякденного життя.
</footer>
<script src="ordering.js"></script>
</body>