Skip to content

Commit 94d2c32

Browse files
TranHuuDat2004TranHuuDat2004
committed
add header footer placeholder
1 parent 9864150 commit 94d2c32

File tree

11 files changed

+913
-623
lines changed

11 files changed

+913
-623
lines changed

‎brickshop.html‎

Lines changed: 34 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -261,49 +261,31 @@
261261
.cursor-element .cursor-text.fade-out {
262262
opacity: 0;
263263
}
264+
265+
/* Thêm vào cuối file CSS của bạn */
266+
footer.bg-dark a.text-white-50 {
267+
transition: color 0.3s ease-in-out;
268+
}
269+
270+
footer.bg-dark a.text-white-50:hover {
271+
color: #ffffff !important;
272+
/* Dùng !important để ghi đè bootstrap nếu cần */
273+
text-decoration: underline;
274+
}
275+
276+
footer a {
277+
color: #adb5bd;
278+
/* Màu chữ liên kết trong footer */
279+
text-decoration: none;
280+
}
264281
</style>
265282

266283
</head>
267284

268285
<body class="d-flex flex-column h-100">
269286
<main class="flex-shrink-0">
270287
<!-- Navigation-->
271-
<nav class="navbar navbar-expand-lg navbar-light bg-white py-3">
272-
<div class="container px-5">
273-
<a class="navbar-brand" href="index.html"><span class="fw-bolder text-primary">Trần Hữu Đạt</span></a>
274-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
275-
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
276-
aria-expanded="false" aria-label="Toggle navigation"><span
277-
class="navbar-toggler-icon"></span></button>
278-
<div class="collapse navbar-collapse" id="navbarSupportedContent">
279-
<ul class="navbar-nav ms-auto mb-2 mb-lg-0 small fw-bolder">
280-
<li class="nav-item"><a class="nav-link" href="index.html" data-translate-key="navHome">Trang
281-
chủ</a></li>
282-
<li class="nav-item"><a class="nav-link" href="resume.html" data-translate-key="navResume">Hồ
283-
sơ</a></li>
284-
<li class="nav-item"><a class="nav-link" href="projects.html"
285-
data-translate-key="navProjects">Dự án</a></li>
286-
<li class="nav-item"><a class="nav-link" href="contact.html"
287-
data-translate-key="navContact">Liên hệ</a></li>
288-
</ul>
289-
<div class="language-switcher">
290-
<div class="current-flag">
291-
<img id="current-flag-img" src="assets/vn.png" alt="Current Language">
292-
</div>
293-
<div class="language-dropdown">
294-
<a href="#" class="lang-option" data-lang="en">
295-
<img src="assets/en.png" alt="English Flag">
296-
<span>English</span>
297-
</a>
298-
<a href="#" class="lang-option" data-lang="vi">
299-
<img src="assets/vn.png" alt="Vietnamese Flag">
300-
<span>Tiếng Việt</span>
301-
</a>
302-
</div>
303-
</div>
304-
</div>
305-
</div>
306-
</nav>
288+
<header-placeholder></header-placeholder>
307289

308290
<!-- Project Details Section -->
309291
<section class="py-5">
@@ -560,22 +542,8 @@ <h6 class="fw-semibold" data-translate-key="featuresAdmin">Dành cho Quản tr
560542
</section>
561543
</main>
562544

563-
<footer class="bg-white py-4 mt-auto">
564-
<div class="container px-5">
565-
<div class="row align-items-center justify-content-between flex-column flex-sm-row">
566-
<div class="col-auto">
567-
<div class="small m-0" data-translate-key="footerCopyright">Bản quyền © Trần Hữu Đạt 2024</div>
568-
</div>
569-
<div class="col-auto">
570-
<a class="small" href="#!" data-translate-key="footerPrivacy">Chính sách Bảo mật</a>
571-
<span class="mx-1">·</span>
572-
<a class="small" href="#!" data-translate-key="footerTerms">Điều khoản Sử dụng</a>
573-
<span class="mx-1">·</span>
574-
<a class="small" href="contact.html" data-translate-key="footerContact">Liên hệ</a>
575-
</div>
576-
</div>
577-
</div>
578-
</footer>
545+
<!-- Footer Chuyên nghiệp & Có Cấu trúc -->
546+
<footer-placeholder></footer-placeholder>
579547

580548
<div class="cursor-element">
581549
<img src="assets/cursor_blue.png" alt="Custom Cursor Icon">
@@ -584,6 +552,8 @@ <h6 class="fw-semibold" data-translate-key="featuresAdmin">Dành cho Quản tr
584552

585553
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
586554
<script src="js/scripts.js"></script>
555+
<script src="js/header.js"></script>
556+
<script src="js/footer.js"></script>
587557
<script>
588558
document.addEventListener('DOMContentLoaded', () => {
589559

@@ -625,9 +595,12 @@ <h6 class="fw-semibold" data-translate-key="featuresAdmin">Dành cho Quản tr
625595
"ssAdminHeaderManageOrders": "Manage Orders",
626596
"ssAdminHeaderAddProduct": "Add Product",
627597
"ssAdminHeaderManageComments": "Manage Comments", // Thêm nếu bạn có ảnh này
628-
// =========================================
629-
"footerCopyright": "Copyright © Tran Huu Dat 2024",
630-
"footerPrivacy": "Privacy Policy", "footerTerms": "Terms of Use", "footerContact": "Contact"
598+
599+
// --- CÁC KEY MỚI CHO FOOTER ---
600+
"footerTagline": "A passionate Web Developer dedicated to building beautiful and useful applications.",
601+
"footerQuickLinks": "Quick Links",
602+
"footerConnect": "Connect with Me",
603+
"footerCopyright": "Copyright © Tran Huu Dat 2025"
631604
},
632605
"vi": {
633606
"metaDescription": "Chi tiết dự án BrickShop của Trần Hữu Đạt - Lập trình viên Web",
@@ -666,9 +639,12 @@ <h6 class="fw-semibold" data-translate-key="featuresAdmin">Dành cho Quản tr
666639
"ssAdminHeaderManageOrders": "Quản lý Đơn hàng",
667640
"ssAdminHeaderAddProduct": "Thêm Sản phẩm",
668641
"ssAdminHeaderManageComments": "Quản lý Bình luận", // Thêm nếu bạn có ảnh này
669-
// =========================================
670-
"footerCopyright": "Bản quyền © Trần Hữu Đạt 2024",
671-
"footerPrivacy": "Chính sách Bảo mật", "footerTerms": "Điều khoản Sử dụng", "footerContact": "Liên hệ"
642+
643+
// --- CÁC KEY MỚI CHO FOOTER ---
644+
"footerTagline": "Một lập trình viên Web đam mê xây dựng các ứng dụng đẹp và hữu ích.",
645+
"footerQuickLinks": "Liên kết nhanh",
646+
"footerConnect": "Kết nối với tôi",
647+
"footerCopyright": "Bản quyền © Trần Hữu Đạt 2025"
672648
}
673649
};
674650

0 commit comments

Comments
 (0)