couples-resort-fip/desktop-dining.html at main · Dhairya7669/couples-resort-fip · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dining | Couples Resort</title>
    <link rel="stylesheet" href="css/desktop-dining.css">
    <link rel="stylesheet" href="css/desktop-dining-grid.css">
</head>

<body>

<header class="header">
    <div class="header-left">
        <img class="logo" src="images/couples_resort_logo.svg" alt="Couples Resort Logo">
    </div>

    <nav class="nav">
        <a href="#">Home</a>
        <a href="#">Rooms</a>
        <a href="#">Packages</a>
        <a href="#">Dining</a>
        <a href="#">Spa</a>
        <a href="#">Activities</a>
        <a href="#">Reservations</a>
    </nav>

    <a class="book-now" href="#">Book Now</a>
</header>

<main class="page-grid">

<section class="hero fade-in">
    <img src="images/hero-desktop.jpg" alt="Dining Hero images">
    <div class="hero-text">
        <h2>Fine Dining & Gourmet Cuisine</h2>
        <p>Experience world-class culinary excellence.</p>
    </div>
</section>

<section class="dining-intro fade-in">
    <h2>Fine Dining & Gourmet Cuisine</h2>
    <p>
        Enjoy an unforgettable 5-course gourmet dinner prepared by international chefs.
        Each dish is crafted using premium ingredients and presented beautifully with views
        overlooking Haliburton Lake.
    </p>
</section>

<section class="grid-two fade-in dining-two">
    <div>
        <h2>5-Course Gourmet Dinner</h2>
        <p>
            Choose from soups, salads, appetizers, entrées, and desserts crafted with
            top-quality ingredients. Each plate is prepared with passion.
        </p>

        <label class="heart-check">
            <input type="checkbox">
            Mark as Favorite
            <span class="heart-pop">❤️</span>
        </label>
    </div>

    <img src="images/desktop1.jpg" alt="Gourmet Dinner Image">
</section>

<section class="grid-two fade-in dining-three">
    <img src="images/desktop2.jpg" alt="Dining Experience">
    <div>
        <h2>World-Class Culinary Experience</h2>
        <p>
            Inspired by international flavours, our chefs create seasonal menus that turn every
            evening into a memorable dining journey.
        </p>
    </div>
</section>

<section class="grid-two fade-in dining-four">
    <div>
        <h2>Romantic Outdoor Dining</h2>
        <p>
            Enjoy intimate candle-lit dinners by the water with breathtaking sunset views.
        </p>
    </div>

    <img src="images/desktop3.webp" alt="Luxury Dining Image">
</section>

<section class="faq fade-in">
    <h2>FAQ</h2>

    <details>
        <summary>Check-in / Check-out</summary>
        <p>Check-in after 3 PM, check-out before 11 AM.</p>
    </details>

    <details>
        <summary>Dining Hours & Dress Code</summary>
        <p>Elegant casual attire required for dinner service from 5 PM to 8 PM.</p>
    </details>

    <details>
        <summary>Amenities Included</summary>
        <p>Luxury seating, spa access, scenic lake views and more.</p>
    </details>
</section>

<section class="contact fade-in">
    <h2>Contact Us</h2>
    <form class="contact-form">
        <input type="text" placeholder="Full Name">
        <input type="text" placeholder="Email or Phone">
        <textarea rows="4" placeholder="Your Message"></textarea>
        <button class="send-btn">Send</button>
    </form>
</section>

</main>

<footer class="footer">
    <div class="footer-bg"></div>

    <div class="footer-content">
        <div class="footer-section">
            <h3>Resort</h3>
            <p>Minden, Soyers Lake, Ontario</p>
            <p>Exclusive Couples-Only Luxury Resort</p>
        </div>

        <div class="footer-section">
            <h3>Contact</h3>
            <p>📞 1-877-201-1156</p>
            <p>✉ info@couplesresort.ca</p>
        </div>

        <div class="footer-section">
            <h3>Follow Us</h3>
            <img class="social-icon" src="images/instagram.png" alt="Instagram">
            <img class="social-icon" src="images/facebook.png" alt="Facebook">
        </div>
    </div>

    <div class="footer-copy">© 2025 Couples Resort | All Rights Reserved</div>
</footer>

</body>
</html>