-
Notifications
You must be signed in to change notification settings - Fork 0
/
history.html
152 lines (152 loc) · 8.18 KB
/
history.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"><link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script src="https://cdn.tailwindcss.com"></script>
<script src="tailwind.config.js"> </script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
<script type="module" src="https://unpkg.com/chart.js@4.2.1/dist/chart.umd.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link rel="icon" type="image/png" href="assets/images/logo.png">
<title>Lịch sử đơn hàng </title>
</head>
<body>
<div class="header" data-aos="fade-down" data-aos-delay="500" data-aos-duration="1000">
<div class="container">
<div class="header__wrap">
<div class="header__logo"><a href="index.html"> <img src="assets/images/logo.png" alt=""></a></div>
<div class="header__menu">
<div class="header__title"> <a href="index.html">trang chủ</a></div>
<div class="header__title"><a href="product-list.html">loại xe</a></div>
<div class="header__title"><a href="about.html">giới thiệu</a></div>
<div class="header__title"><a href="search.html">tra cứu</a></div>
</div>
<div class="header__nav">
<div class="header__button">
<button type="submit" id="register-button">đăng ký</button>
</div>
<div class="header__button">
<button type="submit" id="login-button">đăng nhập</button>
</div>
</div>
<div class="header__user">
<div class="header__info"><i class="fa-solid fa-circle-user"></i><span class="header__username"> </span>
<ul class="header__list">
<li> <a href="history.html">
<button class="header__history" type="submit"><i class="fa-solid fa-list-check"></i><span>Lịch sử đơn hàng</span></button></a></li>
<li> <a href="user-profile.html">
<button class="header__edit" type="submit"><i class="fa-solid fa-user-pen"></i><span>Chỉnh sửa hồ sơ</span></button></a></li>
<li>
<button class="header__logout" type="submit">
<i class="fa-solid fa-right-from-bracket"></i><span>Đăng xuất</span></button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="popupLogin">
<div class="popupLogin__wrap"><i class="fa-solid fa-x" id="cancel-button"></i>
<div class="popupLogin__login">
<h2>LOGIN </h2>
<form class="popupLogin__content-login" action="">
<div>
<label for="popupLogin__email">Email </label>
<input class="popupLogin__email" type="email" placeholder="Email" id="popupLogin__email">
</div>
<div>
<label for="popupLogin__password">Password</label>
<input class="popupLogin__password" type="password" placeholder="Password" id="popupLogin__password">
</div>
<button class="popupLogin__submit" type="submit" id="popupLogin__submit">Login</button>
</form>
</div>
</div>
</div>
<div class="popupRegister">
<div class="popupRegister__wrap"><i class="fa-solid fa-x" id="cancel-button"></i>
<div class="popupRegister__login">
<h2>REGISTER</h2>
<form class="popupRegister__content-login" action="">
<div>
<label for="popupRegister__fullName">Fullname</label>
<input type="text" placeholder="Le Van A" id="popupRegister__fullName">
</div>
<div>
<label for="popupRegister__tel">Telephone </label>
<input type="text" placeholder="Telephone" id="popupRegister__tel">
</div>
<div>
<label for="popupRegister__username">Username </label>
<input class="popupRegister__username" type="text" placeholder="Username" id="popupRegister__username">
</div>
<div>
<label for="popupRegister__email">Email </label>
<input class="popupRegister__email" type="email" placeholder="Email" id="popupRegister__email">
</div>
<div>
<label for="popupRegister__password">Password</label>
<input class="popupRegister__password" type="password" placeholder="Password" id="popupRegister__password">
</div>
<button class="popupRegister__submit" type="submit" id="popupRegister__submit">Register</button>
</form>
</div>
</div>
</div>
<div class="orderHistory">
<div class="container">
<div class="orderHistory__wrap">
<div class="orderHistory__info">
<h2 class="orderHistory__title">Lịch sử đơn hàng </h2>
<h3 class="orderHistory__subtitle">Kiểm tra các đơn hàng đã đặt</h3>
</div>
<div class="orderHistory__list"></div>
</div>
</div>
</div>
<script type="module" src="assets/js/history.js"> </script>
<div class="footer">
<div class="container">
<div class="footer__wrap">
<div class="footer__announce">
<h3 class="footer__announce-title">Luôn luôn cập nhật những thông tin mới nhất của chúng tôi.</h3>
<form class="footer__form" action="">
<input type="email" name="">
<button type="submit">Submit <i class="fa-solid fa-envelope-open-text"></i></button>
</form>
</div>
<div class="footer__top">
<div class="footer__top-left">
<div class="footer__location"><i class="fa-solid fa-location-dot"></i><span>268 Lý Thường Kiệt, Phường 14, Quận 10, TP. HCM </span></div>
<div class="footer__location"><i class="fa-solid fa-location-dot"></i><span>Khu phố Tân Lập, Phường Đông Hòa, TP. Dĩ An, Tỉnh Bình Dương </span></div>
<div class="footer__telephone"><i class="fa-solid fa-phone"></i><span>0865127514</span></div>
<div class="footer__telephone"><i class="fa-solid fa-phone"></i><span>0819133820</span></div>
<div class="footer__email"><i class="fa-solid fa-envelope"></i><span>mewing@gmail.com</span></div>
</div>
<div class="footer__top-right">
<div class="footer__logo"><img src="assets/images/logo.png" alt=""></div>
<div class="footer__desc">
<p>Chúng tôi luôn đưa ra các giải pháp tốt nhất về phương tiện di chuyển cho khách hàng. Luôn luôn là sự lựa chọn hàng đầu của khách hàng trong việc chọn các đơn vị vận chuyển. Luôn đứng đầu về sự uy tín và sắc bén.</p>
</div>
<div class="footer__socials"><a href=""><i class="fa-brands fa-facebook-f"></i></a><a href=""><i class="fa-brands fa-x-twitter"></i></a><a href=""><i class="fa-brands fa-tiktok"></i></a><a href=""><i class="fa-brands fa-instagram"></i></a></div>
</div>
</div>
<div class="footer__bottom">
<div class="footer__bottom-left">MEWING © 2024, All Rights Reserved</div>
<div class="footer__bottom-right">
<div class="footer__payment"><img src="assets/images/Visa.png" alt=""></div>
<div class="footer__payment"><img src="assets/images/Mastercard.png" alt=""></div>
<div class="footer__payment"><img src="assets/images/Paypal.png" alt=""></div>
<div class="footer__payment"><img src="assets/images/ApplePay.png" alt=""></div>
<div class="footer__payment"><img src="assets/images/GPay.png" alt=""></div>
</div>
</div>
</div>
</div>
</div>
</body><script type="module" src="assets/js/index.js"> </script>
</html>