-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
137 lines (120 loc) · 7.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="headAndFooter/bootstrap-5.1.3-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="styleTrangChu.css">
<link rel="icon" href="media/icon_logo/switch-cam.png">
<script src="headAndFooter/jquery-3.6.0.js"></script>
<script src="headAndFooter/bootstrap-5.1.3-dist/js/bootstrap.min.js"></script>
<script src="https://kit.fontawesome.com/31ed4068a5.js" crossorigin="anonymous"></script>
<title>Trang chủ</title>
</head>
<body onresize="hotSP()">
<header>
<div class="logo-header"><img src="media/icon_logo/icon_kibo1.png"></div>
<div class="navigation">
<a href="gio-hang/cart.html"><img class="icon-header cart" src="media/icon/nav-cart-cam.png"></a>
<a href="dang-nhap dang-ky/dangky.html"><img class="icon-header user" src="media/icon/nav-user-cam.png"></a>
</div>
<a href="" id="btn-navLink"><i class="fas fa-chevron-circle-down" style="color:orange;"></i></a>
<div class="nav-link">
<a class="a-navLink" href="">Trang chủ</a>
<a class="a-navLink" href="san-pham/san-pham.html">Sản phẩm</a>
<a class="a-navLink" href="gioi-thieu/gioi-thieu.html">Giới thiệu</a>
<a class="a-navLink" href="lien-he/lien-he.html">Liên hệ</a>
</div>
</header>
<div class="textTop-homePage">
<div class="slogan">
<b>"KIBO shop, <br>cho cảm giác trọn vẹn"</b>
</div>
<div>
<p class="loiDan">Chúng tôi đến với sứ mệnh mang cho người dùng những sản phẩm chất lượng nhất, trải nghiệm tuyệt vời nhất, giá cả ưu đãi nhất, và những thứ nhất khác.</p>
</div>
</div>
<button class="more-homepage" onclick="window.location.href='san-pham/san-pham.html'">Tìm hiểu thêm</button>
<div class="trangchu-wellcome">
<h1><b>NƠI CHÚNG TÔI ĐẶT UY TÍN LÊN HÀNG ĐẦU</b></h1>
<p>KiboShop, trang phân phối sản phẩm chính hãng với những ưu đãi tuyệt vời cùng chính sách bảo hành hấp dẫn, đem lại cho khách hàng sự an tâm và tin tưởng khi mua và sử dụng sản phẩm. Chúng tôi luôn thấu hiểu và lắng nghe tâm lý khách hàng, mang lại sự hài lòng tuyệt vời nhất từ việc tư vấn đến thông tin cũng như nguồn gốc của sản phẩm. Tại đây có nhiều mẫu mã nổi bật từ những hãng lớn đến những sản phẩm độc và dị. Cùng với tình yêu cho bàn phím, chúng tôi muốn lan toả niềm cảm hứng này đến tất cả mọi người, để cùng nhau xây dựng một cộng đồng lớn mạnh.</p>
</div>
<div class="title-trangchu left"><h3>Các sản phẩm nổi bật</h3></div>
<div>
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active w-100">
<img src="media/banner/akko_tokyo.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item w-100">
<img src="media/banner/keychron_k3v2.png" class="d-block w-100" alt="...">
</div>
<div class="carousel-item w-100">
<img src="media/banner/leopolo_fc980m.png" class="d-block w-100" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
<div id="hot-akko" class="hot-sp">
<span class="bestsellerPr">Mẫu Akko bán chạy nhất</span>
</div>
<div id="hot-leopold" class="hot-sp">
<span class="bestsellerPr">Mẫu Leopold bán chạy nhất</span>
</div>
<footer>
<div class="footer_container">
<div class="footer footer-contacts">
<div class="contacts contacts_logo"><img src="media\icon_logo\icon_kibo.png" width="100"> </div>
<div class="contacts contacts_add">3/2 Phường Xuân Khánh, Quận Ninh Kiều,<br> TP.Cần Thơ</div>
<div class="contacts contacts_email"><span>Email: </span>kiboshop.@gmail.com</div>
<div class="contacts contacts_others">
<a href=""><img src="media\icon/fbLogo.png"></a>
<a href=""><img src="media\icon/igLogo.png"></a>
<a href=""><img src="media\icon/ytLogo.png"></a>
<a href=""><img src="media\icon/gmailLogo.png"></a>
</div>
</div>
<div class = "footer footer-keyboard">
<div class="header keyboard_header">SẢN PHẨM</div>
<div class="hr"></div>
<div class="keyboard"><a href="san-pham/san-pham.html">Akko</a></div>
<div class="keyboard"><a href="san-pham/san-pham.html">Razer</a></div>
<div class="keyboard"><a href="san-pham/san-pham.html">Corsair</a></div>
<div class="keyboard"><a href="san-pham/san-pham.html">Dareu</a></div>
</div>
<div class="footer footer-services">
<div class = "header services_header">HƯỚNG DẪN</div>
<div class="hr"></div>
<div class = "services_p1"><a href="">Hướng dẫn mua hàng</a></div>
<div class = "services_p2"><a href="">Hướng dẫn thanh toán</a></div>
<div class = "services_p3"><a href="">Hướng dẫn giao nhận</a></div>
<div class = "services_p4"><a href="">Điều khoản dịch vụ</a></div>
</div>
<div class="footer footer-notify">
<div class="header notify_header">ĐĂNG KÝ NHẬN TIN</div>
<div class="hr"></div>
<div class="notify_p">Nhận thông tin sản phẩm mới nhất, tin khuyến mãi và nhiều hơn nữa.</div>
<div class="notify_input">
<div class="input-text"> <input type="text" name="contacts_email" value="" placeholder="Nhập email"></div>
<div class = "input-button-header">Gửi</div>
</div>
</div>
</div>
</footer>
<script src="scriptTrangChu.js"></script>
</body>
</html>