WhiteBirchResort/index.html at master · kevinhinkel/WhiteBirchResort · 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
<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssnormalize/cssnormalize-min.css">
    <meta charset="utf-8">
    <link type="text/css" rel="stylesheet" href="style.css"/>
    <meta name="viewport" content="width=device-width">
    <title>White Birch Resort</title>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">


</head>
    <body>
            <!-- class="nav-open" -->
    <nav class="main-nav">
        <a href="#"><i class="close-icon">&times;</i></a>
        <ul>
            <li class="is-active"><a href="#!">Cabins</a></li>
            <li><a href="#!">Rates</a></li>
            <li><a href="#!">Reservations</a></li>
        </ul>
    </nav>


    <div class="page-content">

        <header class="page-header">
            <a href="#"><i class="nav-icon fa fa-bars"></i></a>
            <div class="logo"> <img src="images/logo.png" alt="bookstore"></div>
        </header>

           <section class="jumbotron">
            <img class="jumbotron__bg" src="images/main-image.png" alt="Cabin on lake">
        </section>

<!-- .page-content-->
    <section class="main">
        <h2>Resort in Minnesota with Cabins and Homes</h2>

        <p>This BRAND NEW ALL-INCLUSIVE family resort now offers vacation homes and cabin rentals on the North shore of Blackduck Lake. The resort offers some of the most amazing sunsets on the lake year round. There are small 1 bedroom cabins all the way to a 6 bedroom cabin that sleeps up to 22 people. Going up north to spend a week at the lake is a big part of Minnesota tradition, and a stay at White Birch Resort is the perfect way to experience that.</p><br>

        <h2>Cabins</h2>
        <div class="clearfix">
            <a href="#">
                    <article class="project-thumb">
                        <h3>Big Thunder  $450/night</h3>
                            <img src="images/c-03.png" alt="Big Thunder">
                    </article>
            </a>
            <a href="#">
                    <article class="project-thumb">
                        <h3>Superior  $400/night</h3>
                            <img src="images/c-01.png" alt="Superior">
                    </article>
            </a>

            <a href="#">
                    <article class="project-thumb">
                        <h3>Little Fork   $325/night</h3>
                            <img src="images/c-02.png" alt="Little Fork">
                    </article>
            </a>
            <a href="#">
                    <article class="project-thumb">
                        <h3>Mesabi  $225/night</h3>
                            <img src="images/c-04.png" alt="Mesabi">
                    </article>
            </a>
           </div>

           <h2>Guest Comments</h2>
           <article id="guarantee">
                <p>• Thank You for sharing your home #5!  Beautiful!  Had a GREAT TIME!  C. Gibson July 2017 - Note</p>
                <p>• Thank you for such a wonderful stay!  K. Welbaum Family July 2017 - In Person </p>
                <p>• We loved our trip last summer!  This cabin#4 is beautiful! Kim Rickert - Facebook 5 star</p>
              </article>


           <h2>Amenities</h2>
           <div class="clearfix">

           <div class="amenities">
               <a href=""><img src="images/g-1.jpg"></a>
               <a href=""><img src="images/g-2.jpg"></a>
               <a href=""><img src="images/g-3.jpg"></a>
               <a href=""><img src="images/g-4.jpg"></a>
               <a href=""><img src="images/g-5.jpg"></a>
               <a href=""><img src="images/g-6.jpg"></a>
               <a href=""><img src="images/g-7.jpg"></a>
               <a href=""><img src="images/g-8.jpg"></a>
               <a href=""><img src="images/g-9.jpg"></a>
               <a href=""><img src="images/g-10.jpg"></a>
               <a href=""><img src="images/g-11.jpg"></a>
               <a href=""><img src="images/g-12.jpg"></a>
           </div>
           </div>

           <form action="my-form.php" method="POST">

           <article class="contact">
                <p> Office. 218-835-4552&nbsp;|&nbsp;Cell. 218-553-0210</p>
                <p>Email. <a href="mailto:vacation@whitebirchresort.net">vacation@whitebirchresort.net</a></p>
                <p>18882 North Blackduck Lake RD NE Hines, MN 56630</p><br>


                <p><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d21468.796650044394!2d-94.62716994106394!3d47.73102019748023!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x52b9b9639aaafbf3%3A0x5fc7e60422ab6f1!2s18882+N+Blackduck+Lake+Rd+NE%2C+Hines%2C+MN+56647!5e0!3m2!1sen!2sus!4v1555973685937!5m2!1sen!2sus" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe></p>
            </article>

                    <p><strong>CONTACT:</strong></p>
                    <p>First Name    <br> <input type="text" name="first name"><br></p>
                    <p>Last Name <br> <input type="text" name="last name"><br></p>
                    <p>Email Address <br>    <input type="text" name="email"><br></p>
                    <input type="submit" value="Submit">
                </form>

    </section>

        <footer>
            <p>© 2019 White Birch Resort</p>
        </footer>
    </div>


    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDVWyEiCdvzn-H3nOsn9NuJ7LfEa-zLCw8&callback=initMap"></script>
        <script src="logic.js"></script>
    </body>
</html>