index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.0.1/remixicon.css">
    <link rel="stylesheet" href="style.css">
    <title>Ma Ngọc Xuân Kỳ</title>
</head>
<body>
    <nav class="section-a">
        <div class="nav-logo">
            <a href="">
                <img src="img/LogoUEL_nonBG.png" alt="">
            </a>
        </div>

        <ul class="nav-links">
            <li class="link"><a href="#">Trang Chủ</a></li>
            <li class="link"><a
                    href="https://www.goodreads.com/book/show/26535513-storytelling-with-data">Giới thiệu sách</a></li>
            <li class="link">
                <a href="#">Góc học tập</a>
                <ul class="sub-menu">
                    <li><a href="XMLvaDOM.html">XML & DOM</a></li>
                    <li><a href="jsonObjectvsArray.html">Json Object & Json Array</a></li>
                    <li><a href="FORMvsControl.html">FORM & Control</a></li>
                </ul>
            </li>
            <li class="link"><a href="register.html">Đăng ký</a></li>
        </ul>
    </nav>

    <header class="container">
        <div class="section-b">
            <img src="img/MaNgocXuanKy_HeThongThongTIn.jpg" alt="">
        </div>
        <div class="section-c" id="content">
<!--            Chứa content ở mỗi menu và sub menu-->
        </div>
    </header>
    <hr>
    <footer>
        <div class="section-d">
        </div>
    </footer>
    <script src="script.js"></script>
</body>
</html>