-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstore.html
148 lines (148 loc) · 8.01 KB
/
store.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
<!DOCTYPE html>
<html>
<head>
<title>The Generics | Store</title>
<meta name="description" content="This is the description">
<link rel="stylesheet" href="style.css" />
<script src="store.js" ></script>
</head>
<body>
<header class="main-header">
<nav class="main-nav nav">
<ul>
<li><a href="index.html">TRANG CHỦ</a></li>
<li><a href="store.html">CỬA HÀNG</a></li>
<li><a href="about.html">VỀ CHÚNG TÔI</a></li>
</ul>
</nav>
<h1 class="band-name band-name-large">Mobile Store</h1>
</header>
<section class="container content-section">
<h2 class="section-header">CHÀO MỪNG BẠN ĐẾN VỚI CỬA HÀNG CỦA CHÚNG TÔI</h2>
<div class="shop-items">
<div class="shop-item frame">
<img class="shop-item-image" src="Images/ss.jpg" >
<span class="shop-item-title">Samsung Glaxy A11</span>
<div class="shop-item-details">
<span class="shop-item-price">3.390.000đ </span> <strike class="strike">3.690.000đ</strike>
</div>
<button class="btn btn-primary shop-item-button" type="button">Thêm vào giỏ hàng</button>
</div>
<div class="shop-item frame">
<img class="shop-item-image" src="Images/op.jpg">
<span class="shop-item-title">Oppo A91</span>
<div class="shop-item-details">
<span class="shop-item-price">6.490.000đ </span> <strike class="strike">6.990.000đ</strike>
</div>
<button class="btn btn-primary shop-item-button"type="button">Thêm vào giỏ hàng</button>
</div>
<div class="shop-item frame">
<img class="shop-item-image" src="Images/ip.jpg">
<span class="shop-item-title">Iphone 11 Pro Max 64GB</span>
<div class="shop-item-details">
<span class="shop-item-price">31.990.000đ </span> <strike class="strike">33.990.000đ</strike>
</div>
<button class="btn btn-primary shop-item-button" type="button">Thêm vào giỏ hàng</button>
</div>
<div class="shop-item frame">
<img class="shop-item-image" src="Images/xi.jpg">
<span class="shop-item-title">Xiaomi Redmi Note 8</br>(4GB/128GB)</span>
<div class="shop-item-details">
<span class="shop-item-price">6.490.000đ </span> <strike class="strike">6.990.000đ</strike>
</div>
<button class="btn btn-primary shop-item-button"type="button">Thêm vào giỏ hàng</button>
</div>
<div class="shop-item frame">
<img class="shop-item-image" src="Images/a50.jpg">
<span class="shop-item-title">Samsung Glaxy A50s</span>
<div class="shop-item-details">
<span class="shop-item-price">6.190.000đ </span><strike class="strike">6.990.000đ</strike>
</div>
<button class="btn btn-primary shop-item-button"type="button">Thêm vào giỏ hàng</button>
</div>
<div class="shop-item frame">
<img class="shop-item-image" src="Images/a51.jpg">
<span class="shop-item-title">Samsung Glaxy A51</br>(8GB/128GB)</span></span>
<div class="shop-item-details">
<span class="shop-item-price">7.990.000đ </span><strike class="strike">8.390.000đ</strike>
</div>
<button class="btn btn-primary shop-item-button"type="button">Thêm vào giỏ hàng</button>
</div>
<div class="shop-item frame">
<img class="shop-item-image" src="Images/vivo.png " style="width: 250px;height: 200px;">
<span class="shop-item-title mobile">Vivo U10</span>
<div class="shop-item-details">
<span class="shop-item-price">3.790.000đ </span><strike class="strike">3.990.000đ</strike>
</div>
<button class="btn btn-primary shop-item-button"type="button">Thêm vào giỏ hàng</button>
</div>
<div class="shop-item frame">
<img class="shop-item-image" src="Images/realme.jpg">
<span class="shop-item-title ">Realme 6 </br>(4GB/128GB)</span>
<div class="shop-item-details">
<span class="shop-item-price">5.990.000đ </span><strike class="strike">6.990.000đ</strike>
</div>
<button class="btn btn-primary shop-item-button"type="button">Thêm vào giỏ hàng</button>
</div>
</div>
</section>
<section class="container content-section">
<h2 class="section-header">Điện thoại nổi bật nhất</h2>
<div class="shop-items">
<div class="shop-item frame1">
<img class="shop-item-image" src="Images/reno2.jpg">
<span class="shop-item-title">OPPO Reno2 F</span>
<div class="shop-item-details">
<span class="shop-item-price">7.990.000đ </span><strike class="strike">8.990.000đ</strike>
</div>
<button class="btn btn-primary shop-item-button"type="button">Thêm vào giỏ hàng</button>
</div>
<div class="shop-item frame1">
<img class="shop-item-image" src="Images/note10.jpg">
<span class="shop-item-title">Samsung Glaxy Note 10 Lite</span>
<div class="shop-item-details">
<span class="shop-item-price">12.490.000đ <strike class="strike">13.990.000đ</strike></span>
</div>
<button class="btn btn-primary shop-item-button"type="button">Thêm vào giỏ hàng</button>
</div>
</div>
</section>
<section class="container content-section">
<h2 class="section-header">Giỏ Hàng</h2>
<div class="cart-row">
<span class="cart-item cart-header cart-column">Sản phẩm</span>
<span class="cart-price cart-header cart-column">Giá</span>
<span class="cart-quantity cart-header cart-column">Số lượng</span>
</div>
<div class="cart-items">
</div>
<div class="cart-total">
<strong class="cart-total-title">Tổng cộng</strong>
<span class="cart-total-price">0đ</span>
</div>
<button class="btn btn-primary btn-purchase" type="button">Thanh toán</button>
</section>
<footer class="main-footer">
<div class="container main-footer-container">
<h3 class="band-name">Mobile Store</h3>
<ul class="nav footer-nav">
<li>
<a href="https://www.youtube.com" target="_blank">
<img src="Images/YouTube Logo.png">
</a>
</li>
<li>
<a href="https://www.spotify.com" target="_blank">
<img src="Images/Spotify Logo.png">
</a>
</li>
<li>
<a href="https://www.facebook.com" target="_blank">
<img src="Images/Facebook Logo.png">
</a>
</li>
</ul>
</div>
</footer>
</body>
</html>