book.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Book</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <nav class="navbar">
            <span class="hamburger-btn material-symbols-rounded">menu</span>
            <a href="#" class="logo">
                <img src="logo1.png" alt="VISIEUM">
                <h2>VISIEUM</h2>
            </a>
  
            <input type="checkbox" id="click" />
          <label for="click">
            <i class="menu_btn bx bx-menu"></i>
            <i class="close_btn bx bx-x"></i>
          </label>
  
             <ul class="links">
                <span class="close-btn material-symbols-rounded">close</span>
                <li><a href="index.html">Home</a></li>
                <li><a href="index.html">Gallary</a></li>
                <li><a href="index.html">Museums</a></li>
                <li><a href="index.html">Explore</a></li>
                <li><a href="index.html">About Us</a></li>
                <li><a href="index.html">Contact</a></li>
               
            </ul>
            <!--<button class="login-btn">LOG IN</button> -->
        </nav>
     </header>
     <script src="app.js"></script>
</body>
</html>