header.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel='shortcut icon' href='./assets/img/icon-title.png'/>
    <title>Phương pháp học</title>
    <link rel="stylesheet" href="./assets/css/header.css">
    <link rel="stylesheet" href="./assets/font-icon/fontawesome-free-6.1.2-web/css/all.css">
</head>
<body>
    <header>
        <img id = "header-img" src="https://langmaster.edu.vn/templates/ocean/images/logo.png"  alt="Trung tâm tiếng Anh Langmaster - Tiếng Anh giao tiếp cho người mất gốc">
        <div class="h-menu">
            <ul id="nav">
                <li><a href="./index.html" >Trang chủ</a></li>
                <li>
                    <a href="./pphoc.html">Phương pháp học</a>
                    <ul class="subnav">
                        <li><a href="./pphoc.html#realEnglishid">Tiếng anh thực tế - Real Eglish</a></li>
                        <li><a href="./pphoc.html#listeningid ">Nghe chép - Listening dictation</a></li>
                        <li><a href="./pphoc.html#tprid">TPR (Total physical response)</a></li>
                        <li><a href="./pphoc.html#sicid ">SIC (Situation - Interesting - Center)</a></li>
                    </ul>
                </li>
                <li><a href="./index.html#giangvienid">Đội ngũ đào tạo</a></li>
                <li>
                    <a href="./index.html#khoahocid">Khóa học</a>
                    <ul class="subnav">
                        <li><a href="./giaoTiep.html">Tiếng anh giao tiếp </a></li>
                        <li><a href="./ielst.html">Khóa học Ielts </a></li>
                        <li><a href="./phatAmPX.html">Phát âm phản xạ </a></li>
                    </ul>
                </li>
                <li>
                    <a href="./lotrinh.html">Lộ trình học</a>
                    <ul class="subnav">
                        <li><a href="./lotrinh.html#batDauid">Dành cho người mới bắt đầu</a></li>
                        <li><a href="./lotrinh.html#diLamid">Dành cho người đi làm</a></li>                        
                        <li><a href="./lotrinh.html#chuyenSauid">Dành cho người học chuyên sâu</a></li>
                    </ul>
                </li>               
            </ul>
        </div>

        <div class="seach-btn">
            <input id="seach-input" type="text" placeholder="Tìm kiếm">
            <i class="fa-solid fa-magnifying-glass"></i>
        </div>
    </header>
</body>
</html>
    