-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtimkiem.html
264 lines (242 loc) · 13.9 KB
/
timkiem.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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
<!-- PHI NGOC TAI -->
<!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="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="./assets/css/main.css">
<link rel="stylesheet" href="./assets/css/timkiem.css">
<link rel="stylesheet" href="./assets/css/responsive.css">
<link rel="shortcut icon" href="./assets/images/logo.ico" type="image/x-icon">
<script defer src="./assets/js/main.js"></script>
<title>Search</title>
</head>
<body id="body">
<!-- Mobile nav -->
<div class="mobile-nav">
<div class="div-mobile-socials-wrapper">
<div class="mobile-menu-socials">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
</div>
<div class="mobile-close"><i class="fa-solid fa-xmark"></i></div>
</div>
<div class="mobile-content">
<ul class="mobile-list">
<li class="mobile-item"><a href="./index.html">Home</a></li>
<li class="mobile-item"><a href="./khoahoc.html">Khoá Học</a></li>
<li class="mobile-item">
<a href="#">Lập Trình <span onclick="showSubMenu(1)"><i
class="fa-solid fa-chevron-right"></i></span></i></a>
<ul class="mobile-sub-menu mobile-sub-menu--1">
<li class="mobile-sub-item"><a href="#">Al Machine Learning</a></li>
<li class="mobile-sub-item"><a href="#">Frontend</a></li>
<li class="mobile-sub-item"><a href="#">Backend</a></li>
<li class="mobile-sub-item"><a href="#">Fullstack</a></li>
</ul>
</li>
<li class="mobile-item">
<a href="#">Kỹ Năng Làm Việc <span onclick="showSubMenu(2)"><i
class="fa-solid fa-chevron-right"></i></span></i></a>
<ul class="mobile-sub-menu mobile-sub-menu--2">
<li class="mobile-sub-item"><a href="#">Kinh nghiêm phỏng vấn</a></li>
<li class="mobile-sub-item"><a href="#">Chuẩn hóa DV IT</a></li>
<li class="mobile-sub-item"><a href="#">Đàm phán lương thưởng</a></li>
<li class="mobile-sub-item"><a href="#">Cẩm nang tuyển dụng</a></li>
</ul>
</li>
<li class="mobile-item">
<a href="#">Tài Khoản <span onclick="showSubMenu(3)"><i
class="fa-solid fa-chevron-right"></i></span></i></a>
<ul class="mobile-sub-menu mobile-sub-menu--3">
<li class="mobile-sub-item"><a href="./dangnhap.html">Đăng nhập</a></li>
<li class="mobile-sub-item"><a href="./dangky.html">Đăng ký</a></li>
</ul>
</li>
</ul>
</div>
</div>
<!-- Header -->
<header id="header">
<div class="header-top">
<a class="header-top__link" href="./lienhe.html">Contact us</a>
<div class="header-top-wrapper">
<a href="#"><i class="header-top__link fa-brands fa-facebook"></i></a>
<a href="#"><i class="header-top__link fa-brands fa-linkedin"></i></a>
<a href="#"><i class="header-top__link fa-brands fa-twitter"></i></a>
<a href="#"><i class="header-top__link fa-brands fa-youtube"></i></a>
</div>
</div>
<div class="header__nav-wraper">
<div class="header-brand">
</div>
<nav class="header__nav">
<button class="nav__btn-menu"><i class="fa-solid fa-bars"></i></button>
<!-- <input type="checkbox" id="mobile-menu" class="nav__input"> -->
<!-- <label class="mobile-nav-label" for="mobile-menu"><i class="fa-solid fa-bars"></i></label> -->
<ul class="nav__list">
<a href="#"><img src="./assets/images/logo-blogit.jpg" alt="logo" width="195px" height="67px"
class="nav__img"></a>
<li class="nav__item"><a class="nav__item-link" href="./index.html">HOME</a>
<li class="nav__item"><a class="nav__item-link" href="./khoahoc.html">KHÓA HỌC</a>
</li>
<li class="nav__item dropdown"><a class="nav__item-link" href="#">LẬP TRÌNH <span><i
class="fa-solid fa-chevron-down"></i></span></a>
<ul class="nav__item-dropdown">
<li class="dropdown-item"><a href="#">Al Machine Learning</a></li>
<li class="dropdown-item"><a href="#">Frontend</a></li>
<li class="dropdown-item"><a href="#">Backend</a></li>
<li class="dropdown-item"><a href="#">Fullstack</a></li>
</ul>
</li>
<li class="nav__item dropdown"><a class="nav__item-link" href="#">KỸ NĂNG LÀM VIỆC <span><i
class="fa-solid fa-chevron-down"></i></span></a>
<ul class="nav__item-dropdown">
<li class="dropdown-item"><a href="#">Kinh nghiệm phỏng vấn</a></li>
<li class="dropdown-item"><a href="#">Chuẩn hóa CV IT</a></li>
<li class="dropdown-item"><a href="#">Đàm phán lương thưởng</a></li>
<li class="dropdown-item"><a href="#">Cẩm nang tuyển dụng</a></li>
</ul>
</li>
<li class="nav__item dropdown"><a class="nav__item-link" href="#">TÀI KHOẢN <span><i
class="fa-solid fa-chevron-down"></i></span></a>
<ul class="nav__item-dropdown">
<li class="dropdown-item"><a href="./dangnhap.html">Đăng nhập</a></li>
<li class="dropdown-item"><a href="./dangky.html">Đăng ký</a></li>
</ul>
</li>
</ul>
<div class="nav-wrapper-right center">
<button class="nav__btn-search" id="nav__btn-search"><i class="fa-solid fa-magnifying-glass"></i>
<div class="btn-search--click center" id="btn-search--click"><input type="text"><a
href="./timkiem.html">Search</a></div>
</button>
<button onclick="linkToCart()" class="nav__btn-cart">
<i class="fa-solid fa-cart-shopping"></i>
<span id="btn-cart-number">0</span>
</button>
</div>
</nav>
</div>
</header>
<!-- Main -->
<main id="main" class="main--resp">
<div class="main-container">
<div class="home-search">
<a href="">Home</a>
<span><i class="fa-solid fa-angle-right"></i></span>
<a href="">Search</a>
</div>
<div class="main-search-results">
<h1 class="main-search__heading--1"><span class="first-child">react</span><span> - search results</span>
</h1>
</div>
<div class="main-search-box">
<input class="search-box__input" type="text" value="react">
<button class="search-box__btn">Search</button>
</div>
<p>If you're not happy with the results, please do another search</p>
<a class="main__link" href="#">
<img class="link__img link__img--resp" src="assets/images/timkiem/1.jpg" alt="1">
<div class="link-content">
<h3 class="link-content__heading--3">Reactathon 2022 - A short Summary</h3>
<p class="link-content__heading--name">David Pereira - <span
class="link-content--date">01/07/2022</span> </p>
<p class="link-content__heading--sub">Let's take a look at the new updates on the React community,
specifically Reactathon 2022.</p>
</div>
</a>
<a class="main__link" href="#">
<img class="link__img link__img--resp" src="assets/images/timkiem/2.png" alt="2">
<div class="link-content">
<h3 class="link-content__heading--3">SharePoint Framework (SPFx) Learning Guide</h3>
<p class="link-content__heading--name">Miguel Isidoro - <span
class="link-content--date">09/05/2022</span></p>
<p class="link-content__heading--sub">Hello, Are you new to SharePoint or do you just want to learn
how to develop SharePoint modern solutions? Then, you came to the right...</p>
</div>
</a>
<a class="main__link" href="#">
<img class="link__img link__img--resp" src="assets/images/timkiem/3.jpg" alt="3">
<div class="link-content">
<h3 class="link-content__heading--3">How to Enable Teams Meeting Attendance List Download in
Microsoft 365</h3>
<p class="link-content__heading--name">Miguel Isidoro - <span
class="link-content--date">20/09/2020</span></p>
<p class="link-content__heading--sub">This post explains how we can enable the possibility, in
Microsoft Teams, for Meeting Organizers to download the meeting attendance list to Excel to...
</p>
</div>
</a>
<a class="main__link" href="#">
<img class="link__img link__img--resp" src="assets/images/timkiem/4.png" alt="4">
<div class="link-content">
<h3 class="link-content__heading--3">Multimedia Gallery – SPFx App</h3>
<p class="link-content__heading--name">Miguel Isidoro - <span
class="link-content--date">25/06/2019</span></p>
<p class="link-content__heading--sub">The Requirements The requirement was to show images and videos
in a grid, with the possibility to download images and see all the files in...</p>
</div>
</a>
<a class="main__link" href="#">
<img class="link__img link__img--resp" src="assets/images/timkiem/5.png" alt="5">
<div class="link-content">
<h3 class="link-content__heading--3">SPFx – Tenant Properties Web Part</h3>
<p class="link-content__heading--name">Miguel Isidoro - <span
class="link-content--date">09/03/2019</span></p>
<p class="link-content__heading--sub">Tenant Properties Tenant properties are used to store
information, such as configuration settings, login information, or other information used by
applications. These properties are stored...</p>
</div>
</a>
</div>
</main>
<!-- Footer -->
<footer id="footer">
<div class="footer-top-wrapper">
<div class="footer-top">
<p>Đăng ký để được nhận ngay những tin tức độc quyền về sự kiện hấp dẫn và chương trình khuyến mãi sắp
diễn
ra!</p>
<form action="" class="footer-top__form" id="footer-top__form">
<input type="text" class="footer-top__input" id="footer-top__input" placeholder="Email">
<button type="submit" class="footer-top__btn" id="footer-top__btn">Subscribe</button>
<p class="footer-top__p" id="footer-top__p">Vui lòng điền đầy đủ thông tin</p>
</form>
</div>
</div>
<div class="footer-mid-wrapper">
<div class="footer-mid">
<div class="footer-mid__img">
<img src="./assets/images/logo-blogit.jpg" alt="logo">
</div>
<div class="footer-mid-about">
<h4>ABOUT US</h4>
<p>Blog IT is a place where Create IT can share its ideas, discoveries and thoughts with the world.
</p>
<p>Contact us: <a href="mailto:info@create.pt">info@blogit</a></p>
</div>
<div class="footer-mid-follow">
<h4>FOLLOW US</h4>
<span><a href="#"><i class="fa-brands fa-facebook"></i></a></span>
<span><a href="#"><i class="fa-brands fa-linkedin"></i></a></span>
<span><a href="#"><i class="fa-brands fa-twitter"></i></a></span>
<span><a href="#"><i class="fa-brands fa-youtube"></i></a></span>
</div>
</div>
</div>
<div class="footer-bottom">
<p>© Blog IT 2022. Đã đăng ký Bản quyền</p>
</div>
<button id="footer__btn-top" class="footer__btn-top">
<a href="#header"><i class="fa-solid fa-chevron-up"></i></a>
</button>
</footer>
</body>
</html>