Luna-Vista/roomPage.html at main · Saloni-2005/Luna-Vista · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Hotel Rooms</title>
    <link rel="stylesheet" href="room.css"/>
</head>
<body>
    <div class="header">
        <a href="index.html" class="home-link">Home</a>
        <h1>Our Rooms</h1>
    </div>
    <div class="container">
        <div class="room">
            <img src="https://up.yimg.com/ib/th?id=OIP.Q2KGeED36DurIX1XlhD2_QHaEK&pid=Api&rs=1&c=1&qlt=95&w=177&h=99" alt="Single Room - Normal">
            <div class="room-content">
                <h2>Cozy Solo Retreat</h2>
                <p>Perfect for solo travelers, this cozy room offers all the essentials for a comfortable stay.</p>
                <p>Price: <span>1K per night</span></p>
            </div>
            <button class="button book-now">Book Now</button>
        </div>

        <div class="room">
            <img src="https://sp.yimg.com/ib/th?id=OIP.D2OkpHaB60pfdOv573XLAgHaIO&pid=Api&w=148&h=148&c=7&dpr=2&rs=1" alt="Single Room - Luxury">
            <div class="room-content">
                <h2>Elite Solo Haven</h2>
                <p>Enjoy a luxurious experience with added amenities and plush furnishings.</p>
                <p>Price: <span>1.5K per night</span></p>
            </div>
            <button class="button book-now">Book Now</button>
        </div>

        <div class="room">
            <img src="https://tse4.mm.bing.net/th?id=OIP.kWj3GJ_meEtcJSUVm3fBxAHaEK&pid=Api&P=0&h=180" alt="Double Room">
            <div class="room-content">
                <h2>Classic Duo Escape</h2>
                <p>A spacious room ideal for two guests, equipped with standard features for a relaxing stay.</p>
                <p>Price: <span>2K per night</span></p>
            </div>
            <button class="button book-now">Book Now</button>
        </div>

        <div class="room">
            <img src="https://tse2.mm.bing.net/th?id=OIP.pTgTJcchVZahl6SbPgEgVAHaEj&pid=Api&P=0&h=180" alt="Double Room">
            <div class="room-content">
                <h2>Grand Couple’s Retreat</h2>
                <p>Indulge in luxury with elegant decor and superior amenities for two.</p>
                <p>Price: <span>2.5K per night</span></p>
            </div>
            <button class="button book-now">Book Now</button>
        </div>

        <div class="room">
            <img src="https://tse2.mm.bing.net/th?id=OIP.lzxTmkT_jAMrNnvuscBiEgHaE8&pid=Api&P=0&h=180" alt="Family Room (4 Members) - Normal">
            <div class="room-content">
                <h2>Comfort Family Hub (4 Guests)</h2>
                <p>An affordable option for families, this room accommodates up to four members comfortably.</p>
                <p>Price: <span>3.5K per night</span></p>
            </div>
            <button class="button book-now">Book Now</button>
        </div>

        <div class="room">
            <img src="https://tse3.mm.bing.net/th?id=OIP.3mYfrKvaDT03nvGyFnbq_AHaEK&pid=Api&P=0&h=180" alt="Family Room (4 Members) - Luxury">
            <div class="room-content">
                <h2> Luxury Family Suite (4 Guests)</h2>
                <p>Designed for a luxurious family experience, this room offers space and elegance for four.</p>
                <p>Price: <span>5K per night</span></p>
            </div>
            <button class="button book-now">Book Now</button>
        </div>

        <div class="room">
            <img src="https://tse1.mm.bing.net/th?id=OIP.Efymu-pkSg330yjE8GkMDgHaEf&pid=Api&P=0&h=180" alt="Family Room (6 Members) - Normal">
            <div class="room-content">
                <h2>Spacious Family Hub (6 Guests)</h2>
                <p>A great choice for larger families, this room comfortably accommodates up to six members.</p>
                <p>Price: <span>6K per night</span></p>
            </div>
            <button class="button book-now">Book Now</button>
        </div>

        <div class="room">
            <img src="https://tse3.mm.bing.net/th?id=OIP.ymnne5JdJCDy_JEnNzBCfAHaD-&pid=Api&P=0&h=180" alt="Family Room (6 Members) - Luxury">
            <div class="room-content">
                <h2> Premium Family Suite (6 Guests)</h2>
                <p>Spacious and opulent, this room is perfect for larger families seeking a luxurious stay.</p>
                <p>Price: <span>8K per night</span></p>
            </div>
            <button class="button book-now">Book Now</button>
        </div>
    </div>
    <script src="room.js"></script>
</body>
</html>