-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
139 lines (117 loc) · 4.28 KB
/
index.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
<!DOCTYPE html>
<html lang="vi">
<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" />
<title>Thế giới điện thoại</title>
<link rel="shortcut icon" href="img/favicon.ico" />
<!-- Load font awesome icons -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
crossorigin="anonymous"
/>
<!-- owl carousel libraries -->
<link rel="stylesheet" href="js/owlcarousel/owl.carousel.min.css" />
<link rel="stylesheet" href="js/owlcarousel/owl.theme.default.min.css" />
<script src="js/Jquery/Jquery.min.js"></script>
<script src="js/owlcarousel/owl.carousel.min.js"></script>
<!-- tidio - live chat -->
<!-- <script src="//code.tidio.co/bfiiplaaohclhqwes5xivoizqkq56guu.js"></script> -->
<!-- our files -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/topnav.css" />
<link rel="stylesheet" href="css/header.css" />
<link rel="stylesheet" href="css/banner.css" />
<link rel="stylesheet" href="css/taikhoan.css" />
<link rel="stylesheet" href="css/trangchu.css" />
<link rel="stylesheet" href="css/home_products.css" />
<link rel="stylesheet" href="css/pagination_phantrang.css" />
<link rel="stylesheet" href="css/footer.css" />
<!-- js -->
<script src="data/products.js"></script>
<script src="js/classes.js"></script>
<script src="js/dungchung.js"></script>
<script src="js/trangchu.js"></script>
</head>
<body>
<div class="wrapper">
<script>
addTopNav();
</script>
<section>
<script>
addHeader();
</script>
<div class="banner">
<div class="owl-carousel owl-theme"></div>
</div>
<!-- End Banner -->
<img src="img/banners/blackFriday.gif" alt="" style="width: 100%" />
<br />
<div class="companyMenu group flexContain"></div>
<div class="flexContain">
<div class="pricesRangeFilter dropdown">
<button class="dropbtn">Giá tiền</button>
<div class="dropdown-content"></div>
</div>
<div class="promosFilter dropdown">
<button class="dropbtn">Khuyến mãi</button>
<div class="dropdown-content"></div>
</div>
<div class="starFilter dropdown">
<button class="dropbtn">Số lượng sao</button>
<div class="dropdown-content"></div>
</div>
<div class="sortFilter dropdown">
<button class="dropbtn">Sắp xếp</button>
<div class="dropdown-content"></div>
</div>
</div>
<!-- End khung chọn bộ lọc -->
<div class="choosedFilter flexContain">
<a id="deleteAllFilter" style="display: none">
<h3>Xóa bộ lọc</h3>
</a>
</div>
<!-- Những bộ lọc đã chọn -->
<hr />
<!-- Mặc định mới vào trang sẽ ẩn đi, nế có filter thì mới hiện lên -->
<div class="contain-products" style="display: none">
<div class="filterName">
<input
type="text"
placeholder="Lọc trong trang theo tên..."
onkeyup="filterProductsName(this)"
/>
</div>
<!-- End FilterName -->
<ul id="products" class="homeproduct group flexContain">
<div id="khongCoSanPham">
<i class="fa fa-times-circle"></i>
Không có sản phẩm nào
</div>
<!-- End Khong co san pham -->
</ul>
<!-- End products -->
<div class="pagination"></div>
</div>
<!-- Div hiển thị khung sp hot, khuyến mãi, mới ra mắt ... -->
<div class="contain-khungSanPham"></div>
</section>
<!-- End Section -->
<script>
addContainTaiKhoan();
addPlc();
</script>
<div class="footer">
<script>
addFooter();
</script>
</div>
<i class="fa fa-arrow-up" id="goto-top-page" onclick="gotoTop()"></i>
</div>
</body>
</html>