-
Notifications
You must be signed in to change notification settings - Fork 0
/
cardclass.html
162 lines (158 loc) · 6.87 KB
/
cardclass.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>PIZZA-SHOP</title>
<meta name="robots" content="none, noindex, nofollow">
<meta http-equiv="X-UA-Compatible" content="IE=Edge" >
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/FortAwesome/Font-Awesome@5.15.3/css/all.css" integrity="sha256-5a0xpHkTzfwkcKzU4wSYL64rzPYgmIVf7PO4TB5/6jQ=" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<link data-rh="true" rel="shortcut icon" type="image/x-icon" href="img/pizzashop.ico"/><link data-rh="true" rel="icon" type="image/x-icon" href="img/pizzashop.ico"/>
<link rel="stylesheet" href="css/cardstyle.css" />
<style>
</style>
</head>
<!-- BODYDOC -->
<body width="100%">
<div class="container-fluid">
<!-- BASKET -->
<div class="row bg-dark text-light">
<div class="col bg-dark nostyle text-light">
<div id="basketshop" class="px-3 basket bg-dark text-light">
<p> <img id="imgbasket" src="img/imgbasket.png" width="50px" /> </p>
<p> В корзине: <span id="quantity"> 0 </span> шт. </p>
<p> В сумме: <span id="intotal"> 0 </span> руб. </p>
<p><a href="#" class="badge badge-warning"> Оформить </a></p>
</div>
</div>
</div>
<!-- /BASKET -->
<!-- HEADER -->
<header>
<div class="row bg-dark borderorange">
<div class="col bg-dark nostyle">
<div class="nostyle">
<img src="img/1543572460905.jpg" class="imgsrc nostyle">
</div>
</div>
</div>
<div class="row bg-dark borderorange">
<div class="col bg-dark">
<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="cardclass.html"><img src="img/pizza-shop-displ2.png" class="shoplogo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Переключатель навигации">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<h3 class="navbar-nav">
<a class="nav-link text-light" href="#pizza13"><img align="middle" src="img/pizza3.png" height="80px"> Пицца сытная<span class="sr-only">(текущая)</span></a>
<a class="nav-link text-warning" href="#pizza46"><img align="middle" src="img/pizza1.png" height="80px"> Пицца особая</a>
<a class="nav-link text-danger" href="#pizza79"><img align="middle" src="img/pizza2.png" height="80px"> Пицца острая</a>
</h3>
</div>
</nav>
<!-- /NAVBAR -->
</div>
</div>
</header>
<!-- /HEADER -->
<!-- CONTENT -->
<content id="content">
<!-- Before -->
<div id="divrow" class="row bg-dark borderorange">
<!-- Prepend -->
<!-- CARDS 1-9 -->
<!-- Append -->
</div>
<!-- /CARDS 1-9 -->
<!-- MODAL WINDOW -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="exampleModalLabel"></h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img id="modalimage" src="" class="card-img-top" alt="Изображение" />
<p id="modaltext" class="card-text"> </p>
<!-- the form of fast order -->
<form id="fastform" onsubmit="regForm(this); return false;" autocomplete="off">
<div class="input-group my-2">
<input hidden
id="inputOrder"
type="text"
class="form-control"
placeholder="Название пиццы"
required name="PIZZANAME"
value="" />
</div>
<div class="input-group my-2">
<div class="input-group-prepend">
<div class="input-group-text"><i class="fas fa-user-ninja fa-lg"></i></div>
</div>
<input
type="text"
class="form-control"
placeholder="Количество пицц"
required name="PIZZAQUANT" />
</div>
<div class="input-group my-2">
<div class="input-group-prepend">
<div class="input-group-text"><i class="fas fa-user-ninja fa-lg"></i></div>
</div>
<input
type="text"
class="form-control"
placeholder="Телефон для связи"
required name="CLIENTPHONE" />
</div>
<div class="form-check mb-2">
<input class="form-check-input" type="checkbox" id="autoSizingCheck" required />
<label class="form-check-label" for="autoSizingCheck">
Даю согласие на обработку персональных данных
</label>
</div>
<input type="submit" class="form-control btn btn-danger" value="Сделать заказ" />
</form>
<!-- /the form of fast order -->
</div>
<div class="modal-footer">
<p><strong id="info"></strong></p>
<button id="closemod" hidden type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
</div>
</div>
</div>
</div>
<!-- /MODAL WINDOW -->
<!-- After -->
</content>
<!-- /CONTENT -->
<!-- FOOTER -->
<footer>
<div class="row bg-dark borderorange">
<div class="col bg-dark nostyle text-light">
<!-- Copyright -->
<div>
<h2 class="center"> Pizza-Shop by Sergey Tokarev © 2021 </h2>
<h4 class="center"> My GitHub Account <a href="My GitHub account GitHub.com/PythonProger">GitHub.com/PythonProger</a> </h4>
<h3 class="center"> This a class work is write on JS & AJAX </h3>
</div>
<!-- /Copyright -->
</div>
</div>
</footer>
<!-- /FOOTER -->
</div>
<script src="jsc/javascript.js"></script>
<script>
</script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<!-- Работу выполнил Сергей Токарев, учащийся курса frontend-разработки -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
</body>
</html>