couples-resort-fip/index.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Sanchez&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/d0e8431583.js" crossorigin="anonymous"></script>
    <link href="css/grid.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <title>Welcome to The Couples Resort</title>
</head>
<body>
    <h1 class="hidden">Welcome to The Couples Resort</h1>
    <div id="mobile-outline">
    <header id="main-header" class="grid-con">
        <nav id="main-nav" class="col-span-full">
            <h2 class="hidden">Main Navigation</h2>
            <input type="checkbox" id="hamburger">
            <label for="hamburger">
                <img src="images/burger.svg" alt="hamburger menu icon">
            </label>
                <ul id="burger-con">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="rooms.html">Rooms</a></li>
                    <li><a href="packages.html">Packages</a></li>
                    <li><a href="dining.html">Dining</a></li>
                    <li><a href="spa.html">Spa Activities</a></li>
                    <li><a href="reservations.html">Reservations</a></li>
                </ul>
        </nav>
        <div id="logo" class="col-span-full">
            <img src="images/couples_resort_logo.svg" alt="Couples Resort Logo">
        </div>
    </header>

    <main>
        <section id="main-hero" class="grid-full">
                <img src="images/hero-main.jpg" alt="couples resort on lake" class="col-span-full hero-overlap">
                <div class="grid-con col-span-full hero-overlap">
                    <a class="book-now col-start-3 col-end-5" id="book-now-top" href="#">Book Now</a>
                    <h2 class="hero-img-h2"><span>Couples Resort</span><br> 5 Star, Luxury Couples Resort &amp; Spa</h2>
                </div>
        </section>

        <section id="hero-welcome" class="grid-con">
            <h2 class="hidden">Welcome Information</h2>
            <p class="col-span-full">Welcome to Couples Resort, Soyers Lake. Haliburton's Only 5 STAR Luxury Resort. Fine Luxury while still being Rustic with Wilderness. A Boutique Luxury Resort with Junior suite rooms and cottages that are each designed uniquely, just for the 2 of you, varying between Opulent Old European to Natural Hailburton Style. Come and experience very spacious accommodations, each and all, with Jacuzzi's, Wood Burning Fireplaces, Hot Tubs and so much more.</p>
            <p class="col-span-full">"For over 50 years we have been committed to helping couples stay connected. 100% Canadian Owned, By the LeBlanc Family since 1958."</p>
        </section>

        <section id="hero-contact">
            <h2 class="hidden">Couples Resort Contact Information</h2>
            <div id="contact-con" class="grid-con">
                <div class="col-span-4">
                    <i class="fas fa-mobile-alt"></i>
                    <p id="hero-numbers">
                        Toll Free:<a href="tel:1-866-202-1179">+1 866 202-1179</a><br>
                        Fax:+1 613 637 2615<br>
                        info[at]coupleresort.com
                    </p>
                </div>
                <div class="col-span-4">
                    <i class="fas fa-map-marker-alt"></i>
                    <p id="hero-address">
                        1198 Osprey Rd, (End of)<br>
                        Minden, Soyers Lake, ON<br>
                        K0M 2K0
                    </p>
                </div>
            </div>
        </section>

        <div id="why-choose-us">
            <h2 class="hidden">Choose Couples Resort Advantages</h2>

            <div class="grid-con">
                <nav id="why-choose-us-nav" class="col-span-full">
                    <h3 class="hidden">Nav for why choose us</h3>
                    <ul>
                        <li><a class="selected" href="#">Why Choose Couples Resort</a></li>
                        <li><a href="#">About</a></li>
                        <li><a href="#">FAQ</a></li>
                        <li><a href="#">Contact</a></li>
                    </ul>
                </nav>
            </div>

            <section id="why-hero" class="grid-full">
                <img src="images/why-hero.jpg" alt="couple staring" class="col-span-full hero-overlap">
                <div class="grid-con col-span-full hero-overlap">
                <h2 class="hero-img-h2"><span>Couples Resort</span><br> Why Choose Us...</h2>
                </div>
            </section>

            <div id="why-options" class="grid-con">
                <section class="col-span-full why-us-img">
                    <img src="images/couple-in-hottub.jpg" alt="couple in hot tub">
                    <div>
                        <h3>Haliburton Spa at Couples Resort</h3>
                        <p>Escape and rejuvenate yourself and your loved one with a spa vacation. Restore your balance and find energy with one of our Spa Packages for two.</p>
                        <p>Get the ultimate special treatment you deserve in our eco friendly organic luxury Algonquin Spa or with private in-suite spa treatments.</p>
                        <a href="#">CLICK TO LEARN MORE...</a>
                    </div>
                </section>
                <nav id="why-choose-us-bottom-nav" class="col-span-full">
                    <ol>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                    </ol>
                </nav>
            </div>
        </div>

        <section id="contact-form-hero" class="grid-full">
            <img src="images/contact-hero.jpg" alt="couple embracing" class="col-span-full hero-overlap">
            <div class="grid-con col-span-full hero-overlap">
            <h2 class="hero-img-h2"><span>Couples Resort</span><br> Contact</h2>
            </div>
        </section>

        <div id="contact-form-text" class="grid-con">
            <p class="col-span-full">Thank you for taking the time to learn more about our resort...</p>
        </div>

        <section class="grid-con">
            <section id="contact-form-adress-left" class="col-span-full">
                <h3>Couples Resort (Inc.)</h3>
                <p>1198 Osprey Rd, (End of)<br>Minden, Soyers Lake, ON, K0M 2K0</p>
                <p>Toll Free:+1 877 201-1156<br>FAX:+1 613 638 2217</p>
            </section>

            <section id="contact-form-fields-right" class="col-span-full">
                <form action="email.php" method="POST" enctype="text/plain">
                    <input name="fullName" type="text" placeholder="First & Last Name">
                    <input name="contactInfo" type="text" required placeholder="Phone number or Email">
                    <textarea name="msg" placeholder="Enter your questions, comments or concerns here..."></textarea>
                    <input name="submit" type="submit" value="Send">
                </form>
            </section>
        </section>

    </main>

    <footer id="main-footer" class="grid-con">
        <div id="main-footer-contact-info" class="col-span-full">
            <h3>Couples Resort</h3>
            <p>1198 Osprey Rd, (End of)<br>
            Minden, Soyers Lake, ON,<br>
            K0M 2K0</p>
            <p>Toll Free:+1 877 201-1156<br>FAX:+1 613 638 2217</p>
        </div>
        <p id="price-policy" class="col-span-full">All prices and services on this website...</p>
    </footer>

    </div>
</body>
</html>