-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathchitiet.html
More file actions
574 lines (567 loc) · 39.3 KB
/
chitiet.html
File metadata and controls
574 lines (567 loc) · 39.3 KB
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
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://getbootstrap.com/docs/5.3/assets/css/docs.css" rel="stylesheet">
<!-- <link rel="stylesheet" href="index.css"> -->
<link rel="stylesheet" href="chitiet.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<title>Đắc Nhân Tâm</title>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body class="p-3 m-0 border-0 bd-example m-0 border-0">
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<img src="img/image-removebg-preview (1).png" alt="" width="200px">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">Kết nối tri thức Việt</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="gioithieu.html">Giới Thiệu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sanpham.html">Sản phẩm</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown"
aria-expanded="false">
Thể loại
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="khoahoc.html">Khoa học</a></li>
<li><a class="dropdown-item" href="tunhien.html">Tự nhiên</a></li>
<li><a class="dropdown-item" href="#">Lịch sử</a></li>
<li><a class="dropdown-item" href="#">Văn học</a></li>
<li><a class="dropdown-item" href="#">Tiểu thuyết</a></li>
<li><a class="dropdown-item" href="#">Công nghệ</a></li>
<li><a class="dropdown-item" href="#">Khác</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link dangnhap" href="#" data-bs-toggle="modal" data-bs-target="#authModal">Tài
khoản</a>
</li>
</ul>
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
<li class="nav-item position-relative list-unstyled">
<a class="nav-link" href="giohang.html">
<i class="bi bi-cart" id="cart-icon"></i>
<span id="cart-count"
class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">0</span>
</a>
</li>
<script>
document.addEventListener("DOMContentLoaded", function () {
let cartCount = localStorage.getItem("cartCount") || 0;
document.getElementById("cart-count").textContent = cartCount;
});
</script>
<li class="nav-item list-unstyled">
<a href="#" id="logout-btn" class="btn btn-outline-danger d-none">Logout</a>
</li>
</div>
</div>
</nav>
<div class="container-chitiet">
<div class="container-chitiet-content">
<div class="row">
<div class="col-12 col-md-3 col-left">
<div class="content-left">
<div class="content-left-container">
<div class="product-gallery text-center">
<img id="mainImage" src="sp/dac-nhan-tam-bc.jpg" class="img-fluid rounded"
alt="Đắc Nhân Tâm">
</div>
<hr class="chiacach">
<div class="d-flex justify-content-center mt-2">
<div class="thumbnail me-2">
<img src="sp/dac-nhan-tam-bc.jpg" onclick="changeImage(this.src)" alt="Thumb 1">
</div>
<div class="thumbnail me-2">
<img src="sp/mini-img-dacnhantam.webp" onclick="changeImage(this.src)" alt="Thumb 2">
</div>
<div class="thumbnail me-2">
<img src="sp/mini-img-1.webp" onclick="changeImage(this.src)" alt="Thumb 3">
</div>
</div>
</div>
</div>
<script>
function changeImage(src) {
document.getElementById("mainImage").src = src;
}
</script>
</div>
<div class="col-12 col-md-6 col-center">
<div class="col-center-content">
<div class="info-box">
<h4>Tên sản phẩm: Đắc Nhân Tâm</h4>
<span class="badge bg-danger badge-custom">25-2</span>
<span class="badge bg-warning badge-custom">🔥 TOP DEAL</span>
<span class="badge bg-primary badge-custom">🔄 30 NGÀY ĐỔI TRẢ</span>
<span class="badge bg-info badge-custom">✔ CHÍNH HÃNG</span>
<p class="price mt-2">77.000đ <span class="old-price">86.000đ</span> <span
class="text-success">-10%</span></p>
</div>
</div>
<div class="col-center-content">
<div class="info-box">
<h6>Thông tin vận chuyển</h6>
<p>Giao đến <strong>Q. Ninh Kiều, P. An Khánh, Cần Thơ</strong> <a href="#"
class="text-primary">Đổi</a></p>
<p>🚚 Giao Thứ Hai <br> Trước 19h, 03/03: <span class="old-price">28.700đ</span>
<strong>18.700đ</strong>
</p>
<p>✅ Freeship 10k đơn từ 45k, Freeship 25k đơn từ 100k</p>
</div>
</div>
<div class="col-center-content">
<div class="info-box">
<h6>Thông tin sản phẩm</h6>
<table class="table table-borderless">
<tbody>
<tr>
<td><strong>Công ty phát hành</strong></td>
<td>First News - Trí Việt</td>
</tr>
<tr>
<td><strong>Loại bìa</strong></td>
<td>Bìa mềm</td>
</tr>
<tr>
<td><strong>Nhà xuất bản</strong></td>
<td>NXB Tổng Hợp Thành Phố Hồ Chí Minh</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-center-content">
<div class="info-box">
<h6>Ưu đãi khác</h6>
<button class="btn btn-outline-primary btn-discount">Giảm 5K</button>
</div>
</div>
</div>
<div class="col-12 col-md-3 col-right">
<div class="col-right-content">
<div class="info-box text-center">
<h6 class="vinabook">VinaBook</h6>
<span class="badge bg-primary">OFFICIAL</span>
<span class="text-warning">⭐ 4.7 (10k+ đánh giá)</span>
<a href="#" class="text-danhgia">Đánh giá sản phẩm</a>
<hr>
<p><strong>Số Lượng</strong></p>
<div class="mb-3">
<input type="number" id="quantity" class="form-control text-center" value="1" min="0"
style="max-width: 70px; margin: 0 auto;">
</div>
<p class="price">77.000đ</p>
<div class="col-right-content-bottom">
<div class="col-right-content-bottom-btn">
<a href="#" class="btn btn-success">Mua ngay</a>
<a href="#" class="btn btn-outline-success add-to-cart">Thêm vào giỏ</a>
</div>
</div>
</div>
<div class="col-right-content-banner">
<div id="bannerCarousel" class="carousel slide" data-bs-ride="carousel"
data-bs-interval="5000">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/banner-qc-1.png" class="d-block w-100 banner-img" alt="Banner 1">
</div>
<div class="carousel-item">
<img src="img/banner-qc-2.png" class="d-block w-100 banner-img" alt="Banner 2">
</div>
<div class="carousel-item">
<img src="img/banner-qc-3.png" class="d-block w-100 banner-img" alt="Banner 3">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#bannerCarousel"
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="#bannerCarousel"
data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-chitiet-content-mota">
<div class="container-chitiet-content-mota-head">
<h6 class="motasp">
Mô tả sản phẩm
</h6>
<div class="motasp-content">
<p class="tensp">
Tên sản phẩm:
</p>
<p class="sp">
Đắc Nhân Tâm
</p>
</div>
</div>
<hr>
<div class="container-chitiet-content-mota-body">
<div class="row">
<div class="col-12 col-md-6">
<div class="noidung">
<h6 class="noidung-h6">
Nội Dung
</h6>
<div class="noidung-content">
<li class="noidung-item">
1. Những kỹ năng cơ bản trong giao tiếp
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Không chỉ
trích, lên án hay phàn nàn.</p>
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Thành thật
khen
ngợi và đánh giá cao người khác.</p>
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Khơi gợi
mong
muốn ở người khác để tạo động lực cho họ hành động.</p>
</li>
<li class="noidung-item">
2. Cách tạo thiện cảm với mọi người
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Luôn nở nụ
cười, nhớ tên người khác và quan tâm đến họ một cách chân thành.</p>
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Biết lắng
nghe
và khuyến khích người khác nói về bản thân họ.</p>
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Nói về điều
người khác quan tâm.</p>
</li>
<li class="noidung-item">
3. Cách thuyết phục người khác theo quan điểm của bạn
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Tránh tranh
cãi, tôn trọng ý kiến của người khác.</p>
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Nhìn nhận
vấn
đề từ góc độ của đối phương.</p>
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Khuyến
khích và
tạo điều kiện để người khác đồng ý với mình một cách tự nhiên.</p>
</li>
<li class="noidung-item">
4. Khả năng lãnh đạo và truyền cảm hứng
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Khuyến
khích,
động viên thay vì chỉ trích.</p>
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Giúp người
khác
cảm thấy quan trọng và được công nhận.</p>
<p class="noidung-item-p"><i class="fa fa-check-circle text-success"></i>Đưa ra lời
khuyên gián tiếp để người khác thay đổi mà không cảm thấy bị ép buộc.</p>
</li>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="giatri">
<h6 class="giatri-h6">
Giá Trị Mang Lại
</h6>
<div class="giatri-content">
<p class="giatri-item-p"><i class="fa fa-check-circle text-success"></i>Giúp cải thiện
các
mối quan hệ cá nhân và công việc.</p>
<p class="giatri-item-p"><i class="fa fa-check-circle text-success"></i>Cung cấp những
nguyên tắc quan trọng để trở thành người giao tiếp tốt.</p>
<p class="giatri-item-p"><i class="fa fa-check-circle text-success"></i>Hỗ trợ trong
việc
lãnh đạo, thuyết phục và tạo động lực cho người khác.</p>
<p class="giatri-item-p"><i class="fa fa-check-circle text-success"></i>Giúp người đọc
phát
triển tư duy tích cực và xây dựng hình ảnh cá nhân tốt hơn.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-chitiet-content-ctsanpham">
<div class="container-chitiet-content-ctsanpham-head">
<h6 class="ctsanpham">
Chi Tiết Sản Phẩm
</h6>
</div>
<div class="container-chitiet-content-ctsanpham-body">
<p class="container-chitiet-content-ctsanpham-body-p">
<strong class="container-chitiet-content-ctsanpham-body-strong">Về Sản Phẩm</strong>
</p>
<p class="container-chitiet-content-ctsanpham-body-p">Đắc nhân tâm của Dale Carnegie là quyển sách nổi
tiếng nhất, bán chạy nhất và có tầm ảnh hưởng nhất của mọi thời đại. Tác phẩm đã được chuyển ngữ
sang hầu hết các thứ tiếng trên thế giới và có mặt ở hàng trăm quốc gia. Đây là quyển sách duy nhất
về thể loại self-help liên tục đứng đầu danh mục sách bán chạy nhất (best-selling Books) do báo The
New York Times bình chọn suốt 10 năm liền.</p>
<p class="container-chitiet-content-ctsanpham-body-p">Riêng bản tiếng Anh của sách đã bán được hơn 15
triệu bản trên thế giới. Tác phẩm có sức lan toả vô cùng rộng lớn - dù bạn đi đến bất cứ đâu, bất kỳ
quốc gia nào cũng đều có thể nhìn thấy. Tác phẩm được đánh giá là quyển sách đầu tiên và hay nhất,
có ảnh hưởng làm thay đổi cuộc đời của hàng triệu người trên thế giới.</p>
<p id="textContent" class="container-chitiet-content-ctsanpham-body-p collapse">Không còn nữa khái
niệm giới hạn Đắc Nhân Tâm là
nghệ thuật thu phục lòng người, là làm cho tất cả mọi người yêu mến mình. Đắc nhân tâm và cái Tài
trong mỗi người chúng ta. Đắc Nhân Tâm trong ý nghĩa đó cần được thụ đắc bằng sự hiểu rõ bản thân,
thành thật với chính mình, hiểu biết và quan tâm đến những người xung quanh để nhìn ra và khơi gợi
những tiềm năng ẩn khuất nơi họ, giúp họ phát triển lên một tầm cao mới. Đây chính là nghệ thuật cao
nhất về con người và chính là ý nghĩa sâu sắc nhất đúc kết từ những nguyên tắc vàng của Dale
Carnegie.</p>
<div id="textContent" class="tacgia collapse">
<p class="container-chitiet-content-ctsanpham-body-p">
<strong class="container-chitiet-content-ctsanpham-body-strong">Về Tác Giả</strong>
</p>
<p class="container-chitiet-content-ctsanpham-body-p">Dale Carnegie sinh năm 1888 tại Maryville,
Missouri, trong một gia đình nông dân, con trai thứ hai của James William Carnagey (sinh tại
Indiana, tháng 2 năm 1852 – 1910) và vợ là Amanda Elizabeth Harbison (sinh tại Missouri, tháng 2
năm 1858 – 1910).Tuổi thanh niên, dù phải dậy từ bốn giờ sáng mỗi ngày để vắt sữa bò cho gia
đình, ông vẫn cố gắng tốt nghiệp State Teacher's College tại Warrensburg. Công việc đầu tiên của
ông sau khi tốt nghiệp là bán phiếu theo học các lớp hàm thụ cho những người nông dân; sau đó
ông chuyển sang bán thịt lợn xông khói, xà phòng và mỡ lợn cho Armour & Company. Ông đã thành
công trong việc thiết lập thị trường tiêu thụ tại Nam Omaha, Nebraska trở thành thị trường chính
của công ty.</p>
<p class="container-chitiet-content-ctsanpham-body-p">Sau khi để giành được $500, Carnegie bỏ nghề
bán hàng năm 1911 để theo đuổi giấc mơ từ lâu là trở thành một nhà thuyết trình Chautauqua.
Nhưng cuối cùng ông lại theo học Học viện Nghệ thuật Kịch Mỹ tại New York, nhưng hầu như không
có thành công với tư cách một diễn viên, dù có tài liệu ghi lại ông đã đảm nhiệm vai Dr. Hartley
trong một chuyến biểu diễn lưu động của Gánh xiếc Polly. Khi công việc chấm dứt, ông quay trở về
New York, thất nghiệp, gần phá sản, và sống tại YMCA ở Phố 125. Chính tại đây ông nảy sinh ý
tưởng giảng dạy môn nói trước công chúng, và ông đã theo đuổi một vị quản lý "Y" nhằm cho phép
ông mở một lớp học và trao cho họ 80% lợi nhuận. Trong khóa học đầu tiên, ông hầu như không có
tài liệu để dạy: ứng tác, ông đề nghị các sinh viên nói về "điều đã khiến họ nổi giận", và phát
hiện ra rằng kỹ thuật này khiến diễn giả không cảm thấy sợ khi nói trước đám đông. Từ khởi đầu
năm 1912 này, các khóa học của Dale Carnegie bắt đầu phát triển. Carnegie đưa được vào trong mỗi
người Mỹ một tham vọng phát triển tự tin hơn, và tới năm 1914, ông đã kiếm được $500 - con số
tương đương $10.000 ngày nay - mỗi tuần.</p>
<p class="container-chitiet-content-ctsanpham-body-p">
Có lẽ một trong những hành động marketing thành công nhất của Carnegie là thay đổi cách đánh vần
họ của ông từ "Carnegey" thành Carnegie, ở thời điểm khi Andrew Carnegie, ông vua thép, một
người không hề có họ hàng với ông đang nổi tiếng và được ngưỡng mộ khắp nơi. Tới năm 1916, Dale
đã có khả năng thuê Carnegie Hall để diễn thuyết. Tuyển tập các bài viết đầu tiên của Carnegie
là Nói trước Công chúng: một khóa học Thiết thực cho Người làm Kinh doanh (1926), sau này được
lấy tựa đề Nói trước Công chúng và Gây ảnh hưởng tới mọi Người trong Kinh doanh (1932). Tuy
nhiên, thành tựu lớn nhất của ông chính là cuốn Đắc Nhân Tâm do Simon & Schuster xuất bản. Cuốn
sách trở thành một bestseller từ khi xuất hiện năm 1937, và được tái bản tới lần thứ 17 chỉ
trong vài tháng. Khi Carnegie mất, cuốn sách của ông đã được bán tới con số 5 triệu bản bằng 31
ngôn ngữ, và đã có 450.000 người tốt nghiệp các khóa học tại Học viện Dale Carnegie Cuốn sách
nói rằng ông đã nghiên cứu hơn 150.000 bài phát biểu trong phong trào giáo dục cho người lớn ở
thời điểm đó. Trong Thế chiến I ông phục vụ trong Quân đội Mỹ.
</p>
<p class="container-chitiet-content-ctsanpham-body-p">Ông ly hôn người vợ đầu năm 1931. Ngày 5 tháng
11 năm 1944, tại Tulsa, Oklahoma, ông cưới Dorothy Price Vanderpool, người cũng đã một lần ly
dị. Vanderpool có hai con gái; Rosemary, từ cuộc hôn nhân đầu tiên, và Donna Dale từ cuộc hôn
nhân với Dale Carnegie.</p>
<p class="container-chitiet-content-ctsanpham-body-p">
Tiểu sử chính thức do Dale Carnegie & Associates, Inc. nói rằng ông mất vì bệnh Hodgkin ngày 1
tháng 11 năm 1955. Có lời đồn đại từ lâu rằng Dale Carnegie đã tự tử. Nhiều người cho rằng lời
đồn này xuất phát từ Irving Tressler, tác giả cuốn, "How to Lose Friends and Alienate People",
một cuốn sách nhại không được phép cuốn sách kinh điển của Dale Carnegie. Ông mất tại Forest
Hills, New York, và được hỏa thiêu tại nghĩa trang Belton, Cass County, Missouri.
</p>
</div>
<span id="textContent" class="review collapse">Review: <a
href="https://youtu.be/0FM41lzTIwU?si=D1oseYvGFhHe5glA"
class="link">https://youtu.be/0FM41lzTIwU?si=D1oseYvGFhHe5glA</a></span>
<div class="btn-xemthem">
<button class="btn-toggle mt-2" data-bs-toggle="collapse" data-bs-target="#textContent">Xem
thêm</button>
</div>
</div>
</div>
<!-- Sản phẩm khác -->
<div class="container-chitiet-content-spkhac">
<h6 class="spkhac">Các Sản Phẩm Khác</h6>
<div id="productCarousel" class="carousel slide" data-bs-ride="carousel" data-bs-interval="5000">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4">
<div class="col">
<div class="card product-card">
<a href="chitiet.html" target="_blank">
<img src="sp/dac-nhan-tam-bc.jpg" class="card-img-top" alt="Sách 1">
</a>
<div class="card-body text-center">
<a href="chitiet.html" target="_blank">
<h5 class="card-title">Đắc Nhân Tâm</h5>
</a>
<p class="card-text text-danger fw-bold">120.000đ</p>
<a href="#" class="btn btn-success">Mua ngay</a>
<a href="#" class="btn btn-outline-success add-to-cart">Thêm vào giỏ</a>
</div>
</div>
</div>
<div class="col">
<div class="card product-card">
<a href="chitiet.html" target="_blank">
<img src="sp/dieu-nhan-bia-sach-dep-sach-hay-tang-ban-nguoi-yeu.jpg"
class="card-img-top" alt="Sách 2">
</a>
<div class="card-body text-center">
<a href="chitiet.html" target="_blank">
<h5 class="card-title">Điểu Nhân</h5>
</a>
<p class="card-text text-danger fw-bold">135.000đ</p>
<a href="#" class="btn btn-success">Mua ngay</a>
<a href="#" class="btn btn-outline-success add-to-cart">Thêm vào giỏ</a>
</div>
</div>
</div>
<div class="col">
<div class="card product-card">
<a href="chitiet.html" target="_blank">
<img src="sp/luoc-su-van-vat-tb-2023.jpg" class="card-img-top" alt="Sách 3">
</a>
<div class="card-body text-center">
<a href="chitiet.html" target="_blank">
<h5 class="card-title">Lược Sử Vạn Vật</h5>
</a>
<p class="card-text text-danger fw-bold">99.000đ</p>
<a href="#" class="btn btn-success">Mua ngay</a>
<a href="#" class="btn btn-outline-success add-to-cart">Thêm vào giỏ</a>
</div>
</div>
</div>
<div class="col">
<div class="card product-card">
<a href="chitiet.html" target="_blank">
<img src="sp/e37813689e8bc663b3888c2deccf7974.jpg" class="card-img-top"
alt="Sách 4">
</a>
<div class="card-body text-center">
<a href="chitiet.html" target="_blank">
<h5 class="card-title">Nhà Giả Kim</h5>
</a>
<p class="card-text text-danger fw-bold">110.000đ</p>
<a href="#" class="btn btn-success">Mua ngay</a>
<a href="#" class="btn btn-outline-success add-to-cart">Thêm vào giỏ</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 g-4">
<div class="col">
<div class="card product-card">
<a href="chitiet.html" target="_blank">
<img src="sp/ngoi-khoc-tren-cay-1371723695-1685-7271-1521549733.jpg"
class="card-img-top" alt="Sách 5">
</a>
<div class="card-body text-center">
<a href="chitiet.html" target="_blank">
<h5 class="card-title">Ngồi Khóc Trên Cây</h5>
</a>
<p class="card-text text-danger fw-bold">89.000đ</p>
<a href="#" class="btn btn-success">Mua ngay</a>
<a href="#" class="btn btn-outline-success add-to-cart">Thêm vào giỏ</a>
</div>
</div>
</div>
<div class="col">
<div class="card product-card">
<a href="chitiet.html" target="_blank">
<img src="sp/tom-tat-sach-cha-giau-cha-ngheo-683x1024.jpg" class="card-img-top"
alt="Sách 6">
</a>
<div class="card-body text-center">
<a href="chitiet.html" target="_blank">
<h5 class="card-title">Cha Giàu Cha Nghèo</h5>
</a>
<p class="card-text text-danger fw-bold">105.000đ</p>
<a href="#" class="btn btn-success">Mua ngay</a>
<a href="#" class="btn btn-outline-success add-to-cart">Thêm vào giỏ</a>
</div>
</div>
</div>
<div class="col">
<div class="card product-card">
<a href="chitiet.html" target="_blank">
<img src="sp/2e743d211b37cf35d65cd420eaef6b7c.jpeg" class="card-img-top"
alt="Sách 7">
</a>
<div class="card-body text-center">
<a href="chitiet.html" target="_blank">
<h5 class="card-title">Khuyến Học</h5>
</a>
<p class="card-text text-danger fw-bold">115.000đ</p>
<a href="#" class="btn btn-success">Mua ngay</a>
<a href="#" class="btn btn-outline-success add-to-cart">Thêm vào giỏ</a>
</div>
</div>
</div>
<div class="col">
<div class="card product-card">
<a href="chitiet.html" target="_blank">
<img src="sp/1d4df3660ce98609e334f2471e45837c.jpg" class="card-img-top"
alt="Sách 8">
</a>
<div class="card-body text-center">
<a href="chitiet.html" target="_blank">
<h5 class="card-title">Sách Nghệ Thuật Sống Tự Tin</h5>
</a>
<p class="card-text text-danger fw-bold">130.000đ</p>
<a href="#" class="btn btn-success">Mua ngay</a>
<a href="#" class="btn btn-outline-success add-to-cart">Thêm vào giỏ</a>
</div>
</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev carousel-control-prev-spkhac" type="button"
data-bs-target="#productCarousel" 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 carousel-control-next-spkhac" type="button"
data-bs-target="#productCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
<footer class="footer w-100">
<div class="container text-center text-light">
<div class="social-icons mb-3">
<a href="#" class="text-light mx-3"><i class="fab fa-facebook fa-lg"></i></a>
<a href="#" class="text-light mx-3"><i class="fab fa-instagram fa-lg"></i></a>
<a href="#" class="text-light mx-3"><i class="fab fa-twitter fa-lg"></i></a>
<a href="#" class="text-light mx-3"><i class="fab fa-youtube fa-lg"></i></a>
</div>
<ul class="nav justify-content-center border-bottom border-light pb-3 mb-3">
<li class="nav-item"><a href="#" class="nav-link px-3 text-light">Trang chủ</a></li>
<li class="nav-item"><a href="#" class="nav-link px-3 text-light">Giới thiệu</a></li>
<li class="nav-item"><a href="#" class="nav-link px-3 text-light">Sản phẩm</a></li>
<li class="nav-item"><a href="#" class="nav-link px-3 text-light">Tài khoản</a></li>
<li class="nav-item"><a href="#" class="nav-link px-3 text-light">Pháp lý</a></li>
</ul>
<div class="nguoicode">
<p class="text-light">📧 Email: <a href="mailto:lvhaoktpm2211050@ctuet.edu.vn"
class="text-light">lvhaoktpm2211050@ctuet.edu.vn</a></p>
<p class="text-light">📧 Email: <a href="mailto:cngdatktpm2211077@ctuet.edu.vn"
class="text-light">cngdatktpm2211077@ctuet.edu.vn</a></p>
</div>
<p class="text-light">© 2025 Can Tho University of Technology</p>
</div>
</footer>
</body>
</html>