booking.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Room Booking</title>
    <link rel="stylesheet" href="css/styles.css">
</head>
<body>
    <header>
        <img src="img/logo.png" alt="Logo">
        <h1>Frequently Asked Questions</h1>
    </header>
    <nav>
        <a href="index.html">Home</a>
        <a href="faq.html">FAQ</a>
        <a href="booking.html" style="color: red; text-decoration: none;">Room Booking</a>
    </nav>
    <div class="container">
        <form id="bookingForm">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" required>
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required>
            <label for="room">Room Type:</label>
            <select id="room" name="room" required>
                <option value="">--Select a Room--</option>
                <option value="single">Single</option>
                <option value="double">Double</option>
                <option value="suite">Suite</option>
            </select>
            <label for="date">Date:</label>
            <input type="date" id="date" name="date" required>
            <label for="time">Time:</label>
            <input type="time" id="time" name="time" required>
            <button type="submit" style="background-color: green; color: aliceblue;">Submit</button>
        </form>
    </div>
    <script src="js/scripts.js"></script>
</body>
</html>