-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdetail.html
200 lines (164 loc) · 8.57 KB
/
detail.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="./css/details.min.css">
<title>Detail - Shoes CyberSoft</title>
<link rel="icon" href="./images/logoWebsite.ico">
<!-- FONT -->
<!-- FontInter -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;300;500;700&display=swap" rel="stylesheet">
<!-- (Optional) Use CSS or JS implementation -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/js/all.min.js"
integrity="sha512-6PM0qYu5KExuNcKt5bURAoT6KCThUmHRewN3zUFNaoI6Di7XJPTMoT6K0nsagZKk2OB4L7E3q1uQKHNHd4stIQ=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Bootstrap CSS v5.2.0-beta1 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
</head>
<body>
<!-- HEADER -->
<header class="header fixed-top">
<div class="container_header">
<!-- NAVBAR 1 -->
<nav class="navbar1 navbar-expand-lg bg-light bg-transparent">
<div class="container-navbar1">
<!-- LOGO -->
<div class="content-navbar1">
<div class="logo-company">
<img class="logoImage" src="./images/imageLogo.png">
</div>
<div class="loginRegister mb-2 mb-lg-0">
<img class="imageCart" src="./images/imageCart.png">
<p class="numberProductIncart" name="0">0</p>
<a class="gotoLogin" href="#">Login</a>
<a class="gotoRegister" href="register.html">Register</a>
</div>
</div>
</div>
</nav>
<!-- NAVBAR 2-->
<nav class="navbar navbar-expand-lg bg-light">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Men</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Woman</a>
</li>
<li class="nav-item">
<a class="nav-link disabled">Kid</a>
</li>
<li class="nav-item">
<a class="nav-link disabled">Sport</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<!-- HEADER END -->
<!-- MAIN -->
<div class="main-product-detail">
<div class="container-detail">
<div class="row" id="detail-choosen-shoes">
<!-- Detail Element -->
</div>
</div>
</div>
<div class="main_products">
<div class="container_products">
<p class="products_title"> - Related Products - </p>
<div class="row row-cols-1 row-cols-md-3 g-4" id="product_features">
<!-- List Elements -->
</div>
</div>
</div>
<!-- MAIN END -->
<!-- FOOTER -->
<footer class="footer">
<div class="footer_embrace ">
<div class="footer_container ">
<div class="row first_row">
<div class="col-lg-4 col-md-6 pr-lg-5 mt-md-0 mt-5 column_contact_info">
<h6 class="name_column">GET HELP</h6>
<p class="content_contact_us mb-2"> Contact us </p>
<p class="content_shopping mb-2"> Shopping </p>
<p class="content_nikeid mb-2"> NIKEID </p>
<p class="content_nike+ mb-2"> Nike+ </p>
</div>
<div class="col-lg-4 col-md-6 pr-lg-5 mt-md-0 mt-5 column_contact_info">
<h6 class="name_column"> ORDERS </h6>
<p class="content_payment_options mb-2"> Payment options </p>
<p class="content_shipping_and_delivery mb-2"> Shipping and delivery </p>
<p class="content_returns mb-2"> Returns </p>
</div>
<div class="col-lg-4 col-md-6 pr-lg-5 mt-md-0 mt-5 column_contact_info">
<h6 class="name_column"> REGISTER </h6>
<p class="content_register mb-2">
Create one account to manage everything you do with Nike, from your shopping, preferences to
your Nike+ activity. </p>
<p class="content_learn_more mb-2"><a href="register.html">Learn more</a></p>
</div>
</div>
<div class="row second_row">
<div class="col-lg-4 col-md-6 pr-lg-5 mt-md-0 mt-5 column_contact_info">
<h6 class="name_column">EMAIL SIGN UP</h6>
<p class="content_contact_info mb-2">
Be the first to know about new products and special offers. </p>
<p class="content_sign_up_now mb-2"><a href="#">Sign up now</a></p>
</div>
<div class="col-lg-4 col-md-6 pr-lg-5 mt-md-0 mt-5 column_contact_info">
<h6 class="name_column"> GIFT CARDS </h6>
<p class="content_contact_info mb-2">
Give the gift that always fits. </p>
<p class="content_sign_up_now mb-2"><a href="#">View cards</a></p>
</div>
<div class="col-lg-4 col-md-6 pr-lg-5 mt-md-0 mt-5 column_contact_info">
<h6 class="name_column"> STORES NEAR YOU </h6>
<p class="content_contact_info mb-2">
Locate a Nike retail store of authorized retailer. </p>
<p class="content_sign_up_now mb-2"><a href="#">Search</a></p>
</div>
</div>
</div>
</div>
</footer>
<!-- FOOTER END -->
<!-- JQUERY -->
<script src="https://code.jquery.com/jquery-3.4.1.js"
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<!-- BOOTSTRAP -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.1.3/axios.min.js"
integrity="sha512-0qU9M9jfqPw6FKkPafM3gy2CBAvUWnYVOfNPDYKVuRTel1PrciTj+a9P3loJB+j0QmN2Y0JYQmkBBS8W+mbezg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Import JS -->
<script type="module" src="./models/User.js"></script>
<script src="./controllers/detail.js"></script>
<script src="./util/LocalStorageFunction.js"></script>
<script src="./util/Validation.js"></script>
</body>
</html>