Quay lại-
0
-
0
-
FacebookGiới thiệu sản phẩm
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<!--Bootstrap-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<!--
1.căn chỉnh nav:
-flex-column: căn theo hàng dọc
-justify-content-center: căn giữa
-justify-content-end : căn phải
2.Định dạng cho nav
-nav-tabs
-nav-pills
3.căn chỉnh cho tabs và pills
- nav-justified
-->
<!--Thanh điều hướng-->
<!--<ul class = "nav nav-pills nav-justified">
<li class = "nav-item">
<a href="#" class = "nav-link active">Teky</a>
</li>
<li class = "nav-item">
<a href="#" class = "nav-link">Giáo viên</a>
</li>
<li class = "nav-item">
<a href="#" class = "nav-link">Phụ huynh</a>
</li>
<li class = "nav-item">
<a href="#" class = "nav-link">Học sinh</a>
</li>
</ul>
-->
<!--Nav-bar-->
<nav class = "navbar bg-dark navbar-dark navbar-expand-lg">
<div class = "container-fluid">
<a href="" class = "navbar-brand">
<img src="logo.jpg" alt="" style ="width: 200px">
</a>
<button class = "navbar-toggler" data-bs-toggle = "collapse" data-bs-target="#Mymenu">
<span class = "navbar-toggler-icon"></span>
</button>
<div class = "collapse navbar-collapse" id ="Mymenu">
<ul class = "navbar-nav justify-content">
<li class = "nav-item dropdown">
<a href="#" class = "nav-link dropdown-toggle" data-bs-toggle = "dropdown">Phụ huynh</a>
<ul class = "dropdown-menu">
<li>
<a href="https://teky.edu.vn/khoa-hoc" class = "dropdown-item">Khóa học tại học viện</a>
</li>
<li>
<a href="https://teky.edu.vn/khoa-hoc" class = "dropdown-item">Khóa học trực tuyến</a>
</li>
<li>
<a href="https://teky.edu.vn/su-kien-va-cuoc-thi" class = "dropdowm-item">Sự kiện và Cuộc thi</a>
</li>
<li>
<a href="#" class = "dropdowm-item">Trung tâm</a>
</li>
</ul>
</li>
<li class = "nav-item">
<a href="#" class = "nav-link" active>Trang chủ</a>
</li>
<li class = "nav-item">
<a href="#" class = "nav-link"> Liên hệ</a>
</li>
</ul>
</div>
</div>
</nav>
</body>
</html>
Hãy bình luận để nhặt 100 thóc nhé
Sản phẩm cùng tác giả
-
Nhà sáng tạo Nguyễn Trung Dũngbuổi 12 -
Nhà sáng tạo Nguyễn Trung Dũngbuổi 6 -
Nhà sáng tạo Nguyễn Trung Dũngbuổi 5
Đăng nhập để tham gia bình luận