header and reservation work

diff --git a/front-page.php b/front-page.php
index 9e98451..b1fc29d 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -1,28 +1,6 @@
 <?php get_header(); ?>
 <main class="page-front">
     <div id="content-wrapper">
-        <div id="reservation">
-            <form id="findARoom" method="post">
-                <div id="checkin"><p>Check In:</p><div id="checkinError"></div>
-                    <input id="datepicker1" name="datepicker1" placeholder="MM/DD/YY" type="text">
-                </div>
-                <div id="checkout"><p>Check Out:</p><div id="checkoutError"></div>
-                    <input id="datepicker2" name="datepicker2" placeholder="MM/DD/YY" type="text">
-                </div>
-                <div id="dateError"></div>
-                <div id="lodging"><p>Select Lodging:</p>
-                    <select id="lodgingtype" name="lodgingtype">
-                        <option selected="selected" value="All Lodging">All Lodging</option>
-                        <option value="Hotels, Motels &amp; Inns">Hotels, Motels &amp; Inns</option>
-                        <option value="Resorts, Retreats &amp; Lodges">Resorts, Retreats &amp; Lodges</option>
-                        <option value="Bed &amp; Breakfasts">Bed &amp; Breakfasts</option>
-                        <option value="Vacation Rentals &amp; Cabins">Vacation Rentals &amp; Cabins</option>
-                        <option value="RV &amp; Campgrounds">RV &amp; Campgrounds</option>
-                    </select>
-                </div>
-                <input type="submit" id="reservationSubmit" value="Search">
-            </form>
-        </div>
         <div class="row">
             <?php
             get_template_part('parts/glm-blocks');

diff --git a/header.php b/header.php
index 9a61a7e..0984062 100644 (file)
--- a/header.php
+++ b/header.php
@@ -41,3 +41,28 @@
                         <?php get_template_part('parts/off-canvas-menu');?>
                     </header>
                     <?php get_template_part('parts/slide-show');?>
+                    <div id="reservation">
+                        <div class="row">
+                            <img src="<?php bloginfo(template_url); ?>/assets/reserve.png">
+                            <form id="findARoom" method="post">
+                                <div id="checkin"><p>Check In:</p><div id="checkinError"></div>
+                                    <input id="datepicker1" name="datepicker1" placeholder="MM/DD/YY" type="text">
+                                </div>
+                                <div id="checkout"><p>Check Out:</p><div id="checkoutError"></div>
+                                    <input id="datepicker2" name="datepicker2" placeholder="MM/DD/YY" type="text">
+                                </div>
+                                <div id="dateError"></div>
+                                <div id="lodging"><p>Select Lodging:</p>
+                                    <select id="lodgingtype" name="lodgingtype">
+                                        <option selected="selected" value="All Lodging">All Lodging</option>
+                                        <option value="Hotels, Motels &amp; Inns">Hotels, Motels &amp; Inns</option>
+                                        <option value="Resorts, Retreats &amp; Lodges">Resorts, Retreats &amp; Lodges</option>
+                                        <option value="Bed &amp; Breakfasts">Bed &amp; Breakfasts</option>
+                                        <option value="Vacation Rentals &amp; Cabins">Vacation Rentals &amp; Cabins</option>
+                                        <option value="RV &amp; Campgrounds">RV &amp; Campgrounds</option>
+                                    </select>
+                                </div>
+                                <input type="submit" id="reservationSubmit" value="Search">
+                            </form>
+                        </div>
+                    </div>

diff --git a/scss/_page.header.scss b/scss/_page.header.scss
index f332006..37ca34f 100644 (file)
--- a/scss/_page.header.scss
+++ b/scss/_page.header.scss
@@ -45,6 +45,9 @@ header {
             }
         }
     }
+    #reservation {
+        background: rgba($maroon, 0.9);
+    }
 //    #sec-nav {
 //        position: relative;
 //        text-align: left;
@@ -80,9 +83,9 @@ header {
 //            }
 //        }
 //    }
-    img {
-        margin-left: 5px;
-    }
+//    img {
+//        margin-left: 5px;
+//    }
     .social {
         margin-top: -25px;
         padding-right: 0;