A
Anonymous

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>&copy; 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

Prompt
Component Preview

About

Khám phá các khóa học nổi bật của chúng tôi và nâng cao kiến thức với Giáo Dục Gia Đình. Đăng ký ngay để không bỏ lỡ cơ hội học tập tuyệt vời!

Share

Last updated 1 month ago