Khóa Học Nổi Bật
<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF 8"> <title>Khóa Học</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link rel="stylesheet" href="index.css"> </head> <body> <header class="bg primary text white py 3"> <div class="container"> <nav class="navbar navbar expand lg navbar dark"> <a class="navbar brand" href="#">GiáoDụcGiaĐình</a> <button class="navbar toggler" type="button" data bs toggle="collapse" data bs target="#navbarNav" aria controls="navbarNav" aria expanded="false" aria label="Toggle navigation"> <span class="navbar toggler icon"></span> </button> <div class="collapse navbar collapse" id="navbarNav"> <ul class="navbar nav ms auto"> <li class="nav item"><a class="nav link" href="index.html">Trang Chủ</a></li> <li class="nav item"><a class="nav link" href="about.html">Về Chúng Tôi</a></li> <li class="nav item"><a class="nav link" href="courses.html">Khóa Học</a></li> <li class="nav item"><a class="nav link" href="products.html">Sản Phẩm</a></li> <li class="nav item"><a class="nav link" href="contact.html">Liên Hệ</a></li> </ul> </div> </nav> </div> </header> <main class="container py 5"> <h1>Khóa Học Nổi Bật</h1> <p>Danh sách các khóa học mà chúng tôi cung cấp.</p> <! Danh sách khóa học > <div class="row"> <div class="col md 4"> <div class="card mb 4"> <img src="https://images.unsplash.com/photo 1513258496099 48168024aec0" class="card img top" alt="Khóa học 1"> <div class="card body"> <h5 class="card title">Cơ Bản về Phát Triển Web</h5> <p class="card text">Học những kiến thức cơ bản về phát triển web với khóa học toàn diện này.</p> <a href="#" class="btn btn primary">Xem Chi Tiết</a> </div> </div> </div> <div class="col md 4"> <div class="card mb 4"> <img src="https://images.unsplash.com/photo 1546410531 bb4caa6b424d" class="card img top" alt="Khóa học 2"> <div class="card body"> <h5 class="card title">Lớp Thạc Sĩ Marketing Kỹ Thuật Số</h5> <p class="card text">Thành thạo nghệ thuật marketing kỹ thuật số với khóa học do chuyên gia hướng dẫn của chúng tôi.</p> <a href="#" class="btn btn primary">Xem Chi Tiết</a> </div> </div> </div> <div class="col md 4"> <div class="card mb 4"> <img src="https://images.unsplash.com/photo 1535982330050 f1c2fb79ff78" class="card img top" alt="Khóa học 3"> <div class="card body"> <h5 class="card title">Cơ Bản về Khoa Học Dữ Liệu</h5> <p class="card text">Đắm mình vào thế giới khoa học dữ liệu với khóa học thân thiện với người mới bắt đầu này.</p> <a href="#" class="btn btn primary">Xem Chi Tiết</a> </div> </div> </div> </div> <! Kết thúc danh sách khóa học > </main> <footer class="bg dark text white py 4"> <div class="container text center"> <p>© 2023 GiáoDụcGiaĐình. Đã đăng ký bản quyền.</p> </div> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> </body> </html> hãy giúp tôi hoàn thiện thiết kế giao diện cho trang khóa học này
