-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
168 lines (160 loc) · 8.77 KB
/
404.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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Không Tìm Thấy Trang</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="./Img/Assets/SangLogo.png">
<!-- Bootstrap CDN -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Font Awesome CDN-->
<script src="https://kit.fontawesome.com/1b32f59f62.js" crossorigin="anonymous"></script>
<!-- Custom Stylesheet -->
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/404.css">
</head>
<body>
<!-- Phần đầu này bao gồm thanh trên và Nav sử dụng riêng gói style.css -->
<header class="container-fluid">
<div class="row bg-hd">
<div class="col-lg-9 col-md-7 col-sm-4 col-5">
<a style="color: #fff;" data-toggle="tooltip" data-placement="top" title="Kết nối tài khoản mạng xã hội của bạn để theo dõi những bài viết mới nhất của tôi">Kết Nối</a> 
<a href="https://www.facebook.com/HoangSang17TH" data-toggle="tooltip" data-placement="top" title="FaceBook" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.instagram.com/HoangSang17TH" data-toggle="tooltip" data-placement="top" title="Instagram" target="_blank"><i class="fab fa-instagram"></i></a>
<a href="https://bit.ly/Sub17Th" data-toggle="tooltip" data-placement="top" title="Youtube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
<div class="col-lg-3 col-md-5 col-sm-8 col">
<a href="registration.html" data-toggle="tooltip" data-placement="top" title="Trở thành thành viên của Hoàng Sang để nhận được nhiều ưu đãi!"><i class="fas fa-key"></i> Đăng Ký </a>|
<a href="login.html" data-toggle="tooltip" data-placement="top" title="Đăng nhập để sử dụng nhiều tính năng hơn!"><i class="fas fa-user-tie"></i> Đăng Nhập</a>
</div>
</div>
</header>
<!-- Phần này là thanh điều hướng đáp ứng bắt trước apple -->
<nav class="navbar navbar-expand-lg navbar-light sticky-top">
<button class="navbar-toggler m-0" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand mx-auto " href="index.html"><img src="./Img/Assets/SangLogo.png" alt="Logo Hoàng Sang" width="30px" height="30px"></a>
<button class="btn d-inline" data-toggle="tooltip" data-placement="top" title="Giỏ hàng hiện tại của bạn"><i class="fas fa-cart-plus"></i></button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active mx-auto">
<a class="nav-link" href="index.html">Trang Chủ</a>
</li>
<li class="nav-item mx-auto">
<a class="nav-link" href="./html/Sneaker-Fest.html">Sneaker Fest</a>
</li>
<li class="nav-item mx-auto">
<a class="nav-link" href="./html/Uu-dai.html">Ưu đãi</a>
</li>
<li class="nav-item mx-auto">
<a class="nav-link" href="./html/Tin-tuc.html">Tin Tức</a>
</li>
<li class="nav-item mx-auto">
<a class="nav-link" href="./html/Ve-chung-toi.html">Về Chúng Tôi</a>
</li>
</ul>
<form class="form-inline search-box">
<input class="search-txt" type="search" placeholder=" Tìm Kiếm Sản Phẩm">
<button class="search-btn btn mx-auto" type="submit" data-toggle="tooltip" data-placement="top" title="Tìm kiếm sản phẩm"><i class="fas fa-search"></i></button>
</form>
</div>
</nav>
<div class="container-fluid">
<div class="row bg-warning">
<div class="col text-center">
<h1>404</h1>
<h2>Trời ơi, liên kết này không hoạt động.</h2>
</div>
</div>
<div class="row text-center justify-content-center my-4">
<div class="col-12">
<p>Bạn có thể thử những liên kết sau</p>
</div>
<div class="col-4 col-sm-1">
<a href="https://www.facebook.com/HoangSang17TH" data-toggle="tooltip" data-placement="top" title="FaceBook" target="_blank"><i class="fab fa-facebook"></i></a>
</div>
<div class="col-4 col-sm-1">
<a href="https://www.instagram.com/HoangSang17TH" data-toggle="tooltip" data-placement="top" title="Instagram" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
<div class="col-4 col-sm-1">
<a href="https://bit.ly/Sub17Th" data-toggle="tooltip" data-placement="top" title="Youtube" target="_blank"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
<footer class="container-fluid">
<div class="row pt-3 pb-3 bg-light dk pt-5">
<div class="col-lg-6 col-md-12 col-sm-12">
<h4>Đăng kí nhận bản tin Hoàng Sang</h4>
<p>Đừng bỏ lỡ hàng ngàn sản phẩm và chương trình siêu hấp dẫn</p>
</div>
<div class="col-lg-4 col-md-10 col-sm-9">
<div class="form-group">
<input class="form-control" type="text" placeholder="Địa chỉ email của bạn">
</div>
</div>
<div class="col-lg-2 col-md-2 col-sm-3">
<button class="btn btn-primary">Đăng Ký</button>
</div>
</div>
<div class="row mt-3 m2">
<div class=" ft col-lg-3 col-md-6 col-sm-6 col-12">
<p>DANH MỤC SẢN PHẨM</p>
<p><a href="">Adidas</a></p>
<p><a href="">Air</a></p>
<p><a href="">OFF WHITE</a></p>
<p><a href="">FILA</a></p>
<p><a href="">Nike</a></p>
<p><a href="">Converse</a></p>
</div>
<div class="ft col-lg-3 col-md-6 col-sm-6 col-12">
<p>HỖ TRỢ KHÁCH HÀNG</p>
<p><a href="">Các câu hỏi thường gặp</a></p>
<p><a href="">Gửi yêu cầu hỗ trợ </a></p>
<p><a href="">Hướng dẫn đặt hàng</a></p>
<p><a href="">Phương thức vận chuyển</a></p>
<p><a href="">Chính sách đổi trả</a></p>
<p><a href="">Chính sách hàng nhập khẩu</a></p>
<p><a href="">Báo lỗi bảo mật</a></p>
</div>
<div class="ft col-lg-3 col-md-6 col-sm-12 col-12">
<p>NEW</p>
<p><a href="./html/Store-Locate.html">Cửa Hàng</a></p>
<p><a href="./html/Ve-chung-toi.html">Về Chúng Tôi</a></p>
</div>
<div class="ft col-lg-3 col-md-6 col-sm-12 pttt col-12">
<p>PHƯƠNG THỨC THANH TOÁN</p>
<img src="./Img/Assets/visa.svg" alt="">
<img src="./Img/Assets/mastercard.svg" alt="">
<img src="./Img/Assets/jcb.svg" alt="">
<img src="./Img/Assets/cash.svg" alt="">
<img src="./Img/Assets/internet-banking.svg" alt="">
<img src="./Img/Assets/installment.svg" alt="">
</div>
</div>
<div class="row bg-light">
<div class="col bq">© 2020 - Bản quyền của Công Ty Cổ Phần Hoàng Sang</div>
</div>
<div class="row bg-light">
<div class="col bq">
<small>Chưa được cấp phép</small>
</div>
</div>
</footer>
<!-- Start JS Bootstrap-->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
$('#myCollapsible').collapse({
toggle: false
})
$('.carousel').carousel()
</script>
<!-- End JS -->
</body>
</html>