-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
224 lines (221 loc) · 14 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
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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./public/css/style.css">
<link rel="stylesheet" href="./node_modules/bootstrap-icons/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="./node_modules/wow.js/css/libs/animate.css">
<link rel="stylesheet" href="./node_modules/aos/dist/aos.css">
<link rel="stylesheet" href="./node_modules/animate.css/animate.min.css">
<link rel="stylesheet" href="./node_modules/sweetalert2/dist/sweetalert2.min.css">
<link
rel="stylesheet"
type="text/css"
href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"
/>
</head>
<body>
<div class="mouse-trail"></div>
<main ng-app="app" ng-controller="main-controller">
<header>
<nav class="navbar navbar-expand-lg px-2 bg-white-r shadow">
<div class="container-fluid">
<a class="navbar-brand" href="#!">
<img src="./public/images/logo/logo.png" class="w-100" alt="">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-start justify-content-lg-end g-25" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link link-hv" aria-current="page" href="#!">Trang chủ</a>
</li>
<li class="nav-item dropdown">
<a class="nav-parent nav-link link-hv position-relative dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">Khóa học</a>
<ul class="nav-child nav flex-column position-absolute" style="z-index: 99999;">
<li><a class="nav-link link-hv" href="#!khoa-hoc/all/page=0">Tất cả khóa học</a></li>
<li ng-repeat="category in categories"><a class="nav-link link-hv" href="#!khoa-hoc/{{category.id}}/page=0">{{category.name}}</a></li>
</ul>
<ul class="dropdown-menu nav show hide d-lg-none" style="z-index: 99999;">
<li><a class="nav-link link-hv" href="#!khoa-hoc/all/page=0">Tất cả khóa học</a></li>
<li ng-repeat="category in categories"><a class="nav-link link-hv" href="#!khoa-hoc/{{category.id}}/page=0">{{category.name}}</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link link-hv" href="#!gioi-thieu">Giới thiệu</a>
</li>
<li class="nav-item">
<a class="nav-link link-hv" href="#!lien-he">Liên hệ</a>
</li>
<li class="nav-item">
<a class="nav-link link-hv" href="#!gop-y">Góp ý</a>
</li>
<li class="nav-item">
<a class="nav-link link-hv" href="#!hoi-dap">Hỏi đáp</a>
</li>
</ul>
<form name="myForm" role="search" class="d-lg-flex form-search position-relative col-12 col-lg-2 d-flex justify-content-between">
<input ng-model="search" required autocomplete="off" name="data" type="text" placeholder="Tìm kiếm bài quiz...">
<button ng-click="submitForm()" ng-disabled="myForm.$invalid"><i class="bi bi-search"></i></button>
</form>
<div ng-hide="checkFullname" class="col-12 col-lg-2 d-flex justify-content-end g-2 mt-3 mt-lg-0" style="gap: 5px;">
<a href="#!dang-nhap" class="btn btn-outline-primary btn-h">Đăng nhập</a>
<a href="#!dang-ky" class="btn btn-primary btn-h btn-none">Đăng ký</a>
</div>
<div class="dropdown position-relative nav-parent-2" ng-show="checkFullname">
<img width="40px" height="40px" class="rounded-circle object-fit-cover" src="./public/images/profile/image-profile.jpg" alt="">
<ul class="nav-child-2 nav flex-column position-absolute" style="z-index: 99999;">
<li><a class="nav-link link-hv" href="#!thong-tin-ca-nhan/{{userId}}">Thông tin tài khoản</a></li>
<li><a class="nav-link link-hv" href="#!doi-mat-khau/{{userId}}">Đổi mật khẩu</a></li>
<li><a class="nav-link link-hv" href="#!bang-diem/{{userId}}">Bảng điểm của bạn</a></li>
<li><button class="nav-link link-hv" ng-click="logout()">Đăng xuất</button></li>
</ul>
</div>
</div>
</div>
</nav>
</header>
<div ng-view>
</div>
<footer class="footer">
<section class="py-4 py-md-5 py-xl-8 border-top border-light">
<div class="container overflow-hidden">
<div class="row gy-4 gy-lg-0 justify-content-xl-between">
<div class="col-12 col-md-4 col-lg-3 col-xl-2">
<div class="widget">
<a href="#!">
<img src="./public/images/logo/secondary_logo.png" alt="BootstrapBrain Logo" width="175" height="57">
</a>
</div>
</div>
<div class="col-12 col-md-4 col-lg-3 col-xl-2">
<div class="widget text-white">
<h4 class="widget-title mb-4">Get in Touch</h4>
<address class="mb-4">8014 Edith Blvd NE, Albuquerque, New York, United States</address>
<p class="mb-1">
<a class="link-secondary text-decoration-none" href="tel:+15057922430">(505) 792-2430</a>
</p>
<p class="mb-0">
<a class="link-secondary text-decoration-none" href="mailto:demo@yourdomain.com">demo@yourdomain.com</a>
</p>
</div>
</div>
<div class="col-12 col-md-4 col-lg-3 col-xl-2">
<div class="widget text-white">
<h4 class="widget-title mb-4">Learn More</h4>
<ul class="list-unstyled">
<li class="mb-2">
<a href="#!" class="link-secondary text-decoration-none fw-semibold">Trang chủ</a>
</li>
<li class="mb-2">
<a href="#!" class="link-secondary text-decoration-none fw-semibold">Danh mục</a>
</li>
<li class="mb-2">
<a href="#!" class="link-secondary text-decoration-none fw-semibold">Giới thiệu</a>
</li>
<li class="mb-2">
<a href="#!" class="link-secondary text-decoration-none fw-semibold">Liên hệ</a>
</li>
<li class="mb-2">
<a href="#!" class="link-secondary text-decoration-none fw-semibold">Góp ý</a>
</li>
<li class="mb-0">
<a href="#!" class="link-secondary text-decoration-none fw-semibold">Hỏi đáp</a>
</li>
</ul>
</div>
</div>
<div class="col-12 col-lg-3 col-xl-4">
<div class="widget text-white">
<h4 class="widget-title mb-4">Our Newsletter</h4>
<p class="mb-4">Đăng ký nhận bản tin của chúng tôi để nhận tin tức và giảm giá của chúng tôi được gửi đến bạn.</p>
<form action="#!">
<div class="row gy-4">
<div class="col-12">
<div class="input-group">
<span class="input-group-text" id="email-newsletter-addon">
<i class="bi bi-envelope-at"></i>
</span>
<input type="email" class="form-control" id="email-newsletter" value="" placeholder="Email Address" aria-label="email-newsletter" aria-describedby="email-newsletter-addon" required>
</div>
</div>
<div class="col-12">
<div class="d-grid">
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<div class="py-4 py-md-5 py-xl-8 border-top border-light-subtle">
<div class="container overflow-hidden">
<div class="row gy-4 gy-md-0">
<div class="col-xs-12 col-md-7 order-1 order-md-0 text-white">
<div class="copyright text-center text-md-start">
© 2024 Copyright DevSugar.
</div>
<div class="credits text-secondary text-center text-md-start mt-2 fs-7">
Web Developer with <span class="text-primary">♥</span>
</div>
</div>
<div class="col-xs-12 col-md-5 order-0 order-md-1">
<ul class="nav justify-content-center justify-content-md-end">
<li class="nav-item">
<a class="nav-link text-white link-dark fs-4" href="https://www.facebook.com/profile.php?id=100093887452815" target="_blank">
<i class="bi bi-facebook"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white link-dark fs-4" href="#!">
<i class="bi bi-youtube"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white link-dark fs-4" href="https://github.com/Duong04" target="_blank">
<i class="bi bi-github"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white link-dark fs-4" href="https://www.instagram.com/tinhsocode/" target="_blank">
<i class="bi bi-instagram"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</footer>
</main>
<a href="#" class="link-change btn btn-primary position-fixed fs-4 fw-bold" style="bottom: 40px; right: 20px;"><i class="bi bi-chevron-double-up"></i></a>
<script src="./node_modules/wow.js/dist/wow.min.js"></script>
<script src="./node_modules/jquery/dist/jquery.slim.min.js"></script>
<script src="./node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script
type="text/javascript"
src="https://code.jquery.com/jquery-1.11.0.min.js"
></script>
<script
type="text/javascript"
src="https://code.jquery.com/jquery-migrate-1.2.1.min.js"
></script>
<script
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"
></script>
<script src="./public/js/main.js"></script>
<script src="./node_modules/angular/angular.min.js"></script>
<script src="./node_modules/angular-route/angular-route.min.js"></script>
<script src="./node_modules/axios/dist/axios.min.js"></script>
<script src="./node_modules/sweetalert2/dist/sweetalert2.min.js"></script>
<script type="module" src="./src/main.js"></script>
</body>
</html>