-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathitem.html
138 lines (108 loc) · 4.1 KB
/
item.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Shop Item - Start Bootstrap Template</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/shop-item.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/fontawesome-free-5.15.3-web/css/all.min.css">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="index.html">Sneaker Store</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<form class="form-inline">
<input class="form-control mr-sm-2 inputSearch" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0 btn-Search" type="submit">Search</button>
</form>
</li>
<li class="nav-item active">
<a class="nav-link" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="list-item.html">Products</a>
</li>
<li class="nav-item">
<a class="nav-link myAccount" href="account.html">Account</a>
</li>
<li class="nav-item logout-li">
<a class="nav-link logout" href="#">Log out</a>
</li>
<li class="nav-item cart-li">
<a class="nav-link" href="cart.html"><i class="fas fa-cart-plus"></i></a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Content -->
<div class="container mt-5">
<div class="row">
<div class="col-lg-3">
<h1 class="my-4">SNEAKER STORE</h1>
<div class="list-group">
<p class="addcategory"></p>
</div>
</div>
<!-- /.col-lg-3 -->
<div class="col-lg-9">
<div class="card mt-4">
<img class="card-img-top img-fluid" src="http://placehold.it/900x400" alt="">
<div class="card-body">
<h3><span class="card-title productName">Product Name</span></h3>
<h4><span class="productType">Type</span></h4>
<h4><span class="productColor">Color</span></h4>
<p class="card-text productDes"></p>
<h2><span class="productPrice">1500000</span> VNĐ</h2>
</div>
<button type="button" class="btn btn-primary btn-addtocart">Add to cart</button>
</div>
<!-- /.card -->
<div class="card card-outline-secondary my-4">
<div class="card-header">
Product Reviews
</div>
<div class="card-body">
<p>Comment</p>
<small class="text-muted">Posted by Anonymous on 3/1/17</small>
<hr>
<a href="#" class="btn btn-success">Leave a Review</a>
</div>
</div>
<!-- /.card -->
</div>
<!-- /.col-lg-9 -->
</div>
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright © Your Website 2020</p>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="vendor/axios.min.js"></script>
<script type="text/javascript" src="js/cookie.js"></script>
<script type="text/javascript" src="js/product.js"></script>
<script type="text/javascript" src="js/one-product.js"></script>
<script type="text/javascript" src="js/account.js"></script>
</body>
</html>