created custom off canvas menus
authorIan Weller <ian@gaslightmedia.com>
Mon, 26 Oct 2015 18:13:45 +0000 (14:13 -0400)
committerIan Weller <ian@gaslightmedia.com>
Mon, 26 Oct 2015 18:13:45 +0000 (14:13 -0400)
17 files changed:
assets/staffords-logo.png [new file with mode: 0644]
functions.php
parts/off-canvas_about.php [new file with mode: 0644]
parts/off-canvas_art-gallery.php [new file with mode: 0644]
parts/off-canvas_bay-view.php [new file with mode: 0644]
parts/off-canvas_crooked-river.php [new file with mode: 0644]
parts/off-canvas_drawbridge.php [new file with mode: 0644]
parts/off-canvas_main.php [new file with mode: 0644]
parts/off-canvas_perry.php [new file with mode: 0644]
parts/off-canvas_pier.php [new file with mode: 0644]
parts/off-canvas_pointer-boat.php [new file with mode: 0644]
parts/off-canvas_vacation.php [new file with mode: 0644]
parts/off-canvas_weathervane.php [new file with mode: 0644]
parts/top-bar_about.php
parts/top-bar_art-gallery.php
parts/top-bar_bay-view.php
parts/top-bar_crooked-river.php

diff --git a/assets/staffords-logo.png b/assets/staffords-logo.png
new file mode 100644 (file)
index 0000000..8791250
Binary files /dev/null and b/assets/staffords-logo.png differ
index a817d81..b090603 100644 (file)
@@ -79,8 +79,8 @@ function glm_page_menu($parent = 0, $class = '')
 }
 
 register_nav_menus(array(
-  'top-bar' => 'Site Navigation',
-  'mobile-off-canvas' => 'Mobile',
+//  'top-bar' => 'Site Navigation',
+//  'mobile-off-canvas' => 'Mobile',
     'property-bar' => 'Properties Navigation',
     'art-bar' => 'Art Gallery Navigation',
     'bay-bar' => 'Bay View Inn Navitgation',
@@ -92,6 +92,17 @@ register_nav_menus(array(
     'vacation-bar' => 'Vacation Rental Navigation',
     'weathervane-bar' => 'Weathervane Restaurant Navigation',
     'about-bar' => 'About Navigation',
+    'art-canvas' => 'Art Gallery Mobile',
+    'property-canvas' => 'Properties Mobile',
+    'bay-canvas' => 'Bay View Inn Mobile',
+    'river-canvas' => 'Crooked River Lodge Mobile',
+    'bridge-canvas' => 'Drawbridge Bistro Mobile',
+    'perry-canvas' => 'Perry Hotel Mobile',
+    'pier-canvas' => 'Pier Restaurant Mobile',
+    'boat-canvas' => 'Pointer Boat Mobile',
+    'vacation-canvas' => 'Vacation Rental Mobile',
+    'weathervane-canvas' => 'Weathervane Mobile',
+    'about-canvas' => 'About Mobile',
 //  'footer' => 'Footer'
 ));
 
@@ -396,15 +407,283 @@ if (!function_exists('glm_get_clientinfo_option')) {
  *
  * Generate the list of pages as nested ul li list
  */
-function glm_offcanvas_menu()
-{
-    wp_page_menu(array(
-        'depth' => 0,
-        'sort_column' => 'menu_order',
-        'menu_class' => 'left-off-canvas-list'
-    ));
+
+if ( ! function_exists( 'stafford_mobile_off_canvas' ) ) {
+  function stafford_mobile_off_canvas() {
+      echo '<ul class="left-off-canvas-list">';
+      echo '<li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'off-canvas-list',              // adding custom nav class
+          'theme_location' => 'top-bar',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Stafford_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
+}
+if ( ! function_exists( 'art_mobile_off_canvas' ) ) {
+  function art_mobile_off_canvas() {
+      echo '<ul class="left-off-canvas-list">';
+      echo '<li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'off-canvas-list',              // adding custom nav class
+          'theme_location' => 'art-canvas',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Stafford_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
+}
+if ( ! function_exists( 'bay_mobile_off_canvas' ) ) {
+  function bay_mobile_off_canvas() {
+      echo '<ul class="left-off-canvas-list">';
+      echo '<li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'off-canvas-list',              // adding custom nav class
+          'theme_location' => 'bay-canvas',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Stafford_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
+}
+if ( ! function_exists( 'river_mobile_off_canvas' ) ) {
+  function river_mobile_off_canvas() {
+      echo '<ul class="left-off-canvas-list">';
+      echo '<li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'off-canvas-list',              // adding custom nav class
+          'theme_location' => 'river-canvas',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Stafford_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
+}
+if ( ! function_exists( 'bridge_mobile_off_canvas' ) ) {
+  function bridge_mobile_off_canvas() {
+      echo '<ul class="left-off-canvas-list">';
+      echo '<li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'off-canvas-list',              // adding custom nav class
+          'theme_location' => 'bridge-canvas',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Stafford_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
 }
+if ( ! function_exists( 'perry_mobile_off_canvas' ) ) {
+  function perry_mobile_off_canvas() {
+      echo '<ul class="left-off-canvas-list">';
+      echo '<li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'off-canvas-list',              // adding custom nav class
+          'theme_location' => 'perry-canvas',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Stafford_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
+}if ( ! function_exists( 'pier_mobile_off_canvas' ) ) {
+  function pier_mobile_off_canvas() {
+      echo '<ul class="left-off-canvas-list">';
+      echo '<li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'off-canvas-list',              // adding custom nav class
+          'theme_location' => 'pier-canvas',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Stafford_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
+}
+if ( ! function_exists( 'boat_mobile_off_canvas' ) ) {
+  function boat_mobile_off_canvas() {
+      echo '<ul class="left-off-canvas-list">';
+      echo '<li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'off-canvas-list',              // adding custom nav class
+          'theme_location' => 'boat-canvas',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Stafford_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
+}
+if ( ! function_exists( 'vacation_mobile_off_canvas' ) ) {
+  function vacation_mobile_off_canvas() {
+      echo '<ul class="left-off-canvas-list">';
+      echo '<li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'off-canvas-list',              // adding custom nav class
+          'theme_location' => 'vacation-canvas',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Stafford_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
+}
+if ( ! function_exists( 'weathervane_mobile_off_canvas' ) ) {
+  function weathervane_mobile_off_canvas() {
+      echo '<ul class="left-off-canvas-list">';
+      echo '<li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'off-canvas-list',              // adding custom nav class
+          'theme_location' => 'weathervane-canvas',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Stafford_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
+}
+if ( ! function_exists( 'about_mobile_off_canvas' ) ) {
+  function about_mobile_off_canvas() {
+      echo '<ul class="left-off-canvas-list">';
+      echo '<li class="page_item"><a href="' . get_bloginfo('url') . '">Home</a></li>';
+      wp_nav_menu(array(
+          'container' => false,                           // remove nav container
+          'container_class' => '',                        // class of container
+          'menu' => '',                                   // menu name
+          'menu_class' => 'off-canvas-list',              // adding custom nav class
+          'theme_location' => 'about-canvas',        // where it's located in the theme
+          'before' => '',                                 // before each link <a>
+          'after' => '',                                  // after each link </a>
+          'link_before' => '',                            // before each link text
+          'link_after' => '',                             // after each link text
+          'depth' => 5,                                   // limit the depth of the nav
+          'fallback_cb' => false,                         // fallback function (see below)
+          'items_wrap' => '%3$s',
+          'walker' => new Stafford_Offcanvas_Walker()
+      ));
+      echo '</ul>';
+  }
+}
+if ( ! class_exists( 'Stafford_Offcanvas_Walker' ) ) :
+class Stafford_Offcanvas_Walker extends Walker_Nav_Menu {
 
+    function display_element( $element, &$children_elements, $max_depth, $depth = 0, $args, &$output ) {
+        $element->has_children = ! empty( $children_elements[ $element->ID ] );
+        $element->classes[] = ( $element->current || $element->current_item_ancestor ) ? 'active' : '';
+        $element->classes[] = ( $element->has_children && 1 !== $max_depth ) ? 'page_item_has_children' : '';
+        $element->classes[] = 'page_item';
+
+        parent::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );
+    }
+
+    function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
+        $item_html = '';
+        parent::start_el( $item_html, $object, $depth, $args );
+
+        $classes = empty( $object->classes ) ? array() : (array) $object->classes;
+
+        if ( in_array( 'label', $classes ) ) {
+            $item_html = preg_replace( '/<a[^>]*>(.*)<\/a>/iU', '<label>$1</label>', $item_html );
+        }
+
+        $output .= $item_html;
+    }
+
+    function start_lvl( &$output, $depth = 0, $args = array() ) {
+        $output .= "\n<ul class=\"children\">\n";
+    }
+
+    function end_lvl(&$output, $depth = 0, $args = array()){
+        $output .= '</ul>';
+    }
+
+}
+endif;
 add_theme_support('post-thumbnails');
 set_post_thumbnail_size(120, 100, true);
 /**
diff --git a/parts/off-canvas_about.php b/parts/off-canvas_about.php
new file mode 100644 (file)
index 0000000..82f78d4
--- /dev/null
@@ -0,0 +1,35 @@
+<aside class="left-off-canvas-menu hide-for-large-up">
+    <?php about_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/client-info-offcanvas');?>
+</aside>
+<aside class="right-off-canvas-menu">
+    <div class="row">
+        <div class="small-11 small-centered columns text-center">
+            <span>Book Now</span>
+        </div>
+    </div>
+    <form method="post">
+        <div class="row">
+            <div class="small-12 res-search columns">
+                <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 guest columns">
+                <input type="text" placeholder="Guests" >
+                <img class="icon-people" src="<?php echo get_template_directory_uri(); ?>/assets/people-icon.jpg">
+            </div>
+            <div class="small-6 columns">
+                <input class="res-button" type="submit" value="Search">
+            </div>
+        </div>
+    </form>
+    <ul class="offcavas-social-list">
+        
+    </ul>
+
+</aside>
\ No newline at end of file
diff --git a/parts/off-canvas_art-gallery.php b/parts/off-canvas_art-gallery.php
new file mode 100644 (file)
index 0000000..d5694ab
--- /dev/null
@@ -0,0 +1,35 @@
+<aside class="left-off-canvas-menu hide-for-large-up">
+    <?php art_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/client-info-offcanvas');?>
+</aside>
+<aside class="right-off-canvas-menu">
+    <div class="row">
+        <div class="small-11 small-centered columns text-center">
+            <span>Book Now</span>
+        </div>
+    </div>
+    <form method="post">
+        <div class="row">
+            <div class="small-12 res-search columns">
+                <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 guest columns">
+                <input type="text" placeholder="Guests" >
+                <img class="icon-people" src="<?php echo get_template_directory_uri(); ?>/assets/people-icon.jpg">
+            </div>
+            <div class="small-6 columns">
+                <input class="res-button" type="submit" value="Search">
+            </div>
+        </div>
+    </form>
+    <ul class="offcavas-social-list">
+        
+    </ul>
+
+</aside>
\ No newline at end of file
diff --git a/parts/off-canvas_bay-view.php b/parts/off-canvas_bay-view.php
new file mode 100644 (file)
index 0000000..ecbb391
--- /dev/null
@@ -0,0 +1,35 @@
+<aside class="left-off-canvas-menu hide-for-large-up">
+    <?php bay_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/client-info-offcanvas');?>
+</aside>
+<aside class="right-off-canvas-menu">
+    <div class="row">
+        <div class="small-11 small-centered columns text-center">
+            <span>Book Now</span>
+        </div>
+    </div>
+    <form method="post">
+        <div class="row">
+            <div class="small-12 res-search columns">
+                <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 guest columns">
+                <input type="text" placeholder="Guests" >
+                <img class="icon-people" src="<?php echo get_template_directory_uri(); ?>/assets/people-icon.jpg">
+            </div>
+            <div class="small-6 columns">
+                <input class="res-button" type="submit" value="Search">
+            </div>
+        </div>
+    </form>
+    <ul class="offcavas-social-list">
+        
+    </ul>
+
+</aside>
\ No newline at end of file
diff --git a/parts/off-canvas_crooked-river.php b/parts/off-canvas_crooked-river.php
new file mode 100644 (file)
index 0000000..07c4207
--- /dev/null
@@ -0,0 +1,35 @@
+<aside class="left-off-canvas-menu hide-for-large-up">
+    <?php river_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/client-info-offcanvas');?>
+</aside>
+<aside class="right-off-canvas-menu">
+    <div class="row">
+        <div class="small-11 small-centered columns text-center">
+            <span>Book Now</span>
+        </div>
+    </div>
+    <form method="post">
+        <div class="row">
+            <div class="small-12 res-search columns">
+                <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 guest columns">
+                <input type="text" placeholder="Guests" >
+                <img class="icon-people" src="<?php echo get_template_directory_uri(); ?>/assets/people-icon.jpg">
+            </div>
+            <div class="small-6 columns">
+                <input class="res-button" type="submit" value="Search">
+            </div>
+        </div>
+    </form>
+    <ul class="offcavas-social-list">
+        
+    </ul>
+
+</aside>
\ No newline at end of file
diff --git a/parts/off-canvas_drawbridge.php b/parts/off-canvas_drawbridge.php
new file mode 100644 (file)
index 0000000..82852a1
--- /dev/null
@@ -0,0 +1,35 @@
+<aside class="left-off-canvas-menu hide-for-large-up">
+    <?php bridge_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/client-info-offcanvas');?>
+</aside>
+<aside class="right-off-canvas-menu">
+    <div class="row">
+        <div class="small-11 small-centered columns text-center">
+            <span>Book Now</span>
+        </div>
+    </div>
+    <form method="post">
+        <div class="row">
+            <div class="small-12 res-search columns">
+                <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 guest columns">
+                <input type="text" placeholder="Guests" >
+                <img class="icon-people" src="<?php echo get_template_directory_uri(); ?>/assets/people-icon.jpg">
+            </div>
+            <div class="small-6 columns">
+                <input class="res-button" type="submit" value="Search">
+            </div>
+        </div>
+    </form>
+    <ul class="offcavas-social-list">
+        
+    </ul>
+
+</aside>
\ No newline at end of file
diff --git a/parts/off-canvas_main.php b/parts/off-canvas_main.php
new file mode 100644 (file)
index 0000000..532554b
--- /dev/null
@@ -0,0 +1,35 @@
+<aside class="left-off-canvas-menu hide-for-large-up">
+    <?php stafford_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/client-info-offcanvas');?>
+</aside>
+<aside class="right-off-canvas-menu">
+    <div class="row">
+        <div class="small-11 small-centered columns text-center">
+            <span>Book Now</span>
+        </div>
+    </div>
+    <form method="post">
+        <div class="row">
+            <div class="small-12 res-search columns">
+                <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 guest columns">
+                <input type="text" placeholder="Guests" >
+                <img class="icon-people" src="<?php echo get_template_directory_uri(); ?>/assets/people-icon.jpg">
+            </div>
+            <div class="small-6 columns">
+                <input class="res-button" type="submit" value="Search">
+            </div>
+        </div>
+    </form>
+    <ul class="offcavas-social-list">
+        
+    </ul>
+
+</aside>
\ No newline at end of file
diff --git a/parts/off-canvas_perry.php b/parts/off-canvas_perry.php
new file mode 100644 (file)
index 0000000..e0b670b
--- /dev/null
@@ -0,0 +1,35 @@
+<aside class="left-off-canvas-menu hide-for-large-up">
+    <?php perry_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/client-info-offcanvas');?>
+</aside>
+<aside class="right-off-canvas-menu">
+    <div class="row">
+        <div class="small-11 small-centered columns text-center">
+            <span>Book Now</span>
+        </div>
+    </div>
+    <form method="post">
+        <div class="row">
+            <div class="small-12 res-search columns">
+                <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 guest columns">
+                <input type="text" placeholder="Guests" >
+                <img class="icon-people" src="<?php echo get_template_directory_uri(); ?>/assets/people-icon.jpg">
+            </div>
+            <div class="small-6 columns">
+                <input class="res-button" type="submit" value="Search">
+            </div>
+        </div>
+    </form>
+    <ul class="offcavas-social-list">
+        
+    </ul>
+
+</aside>
\ No newline at end of file
diff --git a/parts/off-canvas_pier.php b/parts/off-canvas_pier.php
new file mode 100644 (file)
index 0000000..34ffd44
--- /dev/null
@@ -0,0 +1,35 @@
+<aside class="left-off-canvas-menu hide-for-large-up">
+    <?php pier_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/client-info-offcanvas');?>
+</aside>
+<aside class="right-off-canvas-menu">
+    <div class="row">
+        <div class="small-11 small-centered columns text-center">
+            <span>Book Now</span>
+        </div>
+    </div>
+    <form method="post">
+        <div class="row">
+            <div class="small-12 res-search columns">
+                <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 guest columns">
+                <input type="text" placeholder="Guests" >
+                <img class="icon-people" src="<?php echo get_template_directory_uri(); ?>/assets/people-icon.jpg">
+            </div>
+            <div class="small-6 columns">
+                <input class="res-button" type="submit" value="Search">
+            </div>
+        </div>
+    </form>
+    <ul class="offcavas-social-list">
+        
+    </ul>
+
+</aside>
\ No newline at end of file
diff --git a/parts/off-canvas_pointer-boat.php b/parts/off-canvas_pointer-boat.php
new file mode 100644 (file)
index 0000000..5e112c6
--- /dev/null
@@ -0,0 +1,35 @@
+<aside class="left-off-canvas-menu hide-for-large-up">
+    <?php boat_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/client-info-offcanvas');?>
+</aside>
+<aside class="right-off-canvas-menu">
+    <div class="row">
+        <div class="small-11 small-centered columns text-center">
+            <span>Book Now</span>
+        </div>
+    </div>
+    <form method="post">
+        <div class="row">
+            <div class="small-12 res-search columns">
+                <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 guest columns">
+                <input type="text" placeholder="Guests" >
+                <img class="icon-people" src="<?php echo get_template_directory_uri(); ?>/assets/people-icon.jpg">
+            </div>
+            <div class="small-6 columns">
+                <input class="res-button" type="submit" value="Search">
+            </div>
+        </div>
+    </form>
+    <ul class="offcavas-social-list">
+        
+    </ul>
+
+</aside>
\ No newline at end of file
diff --git a/parts/off-canvas_vacation.php b/parts/off-canvas_vacation.php
new file mode 100644 (file)
index 0000000..d2ed1c4
--- /dev/null
@@ -0,0 +1,35 @@
+<aside class="left-off-canvas-menu hide-for-large-up">
+    <?php vacation_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/client-info-offcanvas');?>
+</aside>
+<aside class="right-off-canvas-menu">
+    <div class="row">
+        <div class="small-11 small-centered columns text-center">
+            <span>Book Now</span>
+        </div>
+    </div>
+    <form method="post">
+        <div class="row">
+            <div class="small-12 res-search columns">
+                <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 guest columns">
+                <input type="text" placeholder="Guests" >
+                <img class="icon-people" src="<?php echo get_template_directory_uri(); ?>/assets/people-icon.jpg">
+            </div>
+            <div class="small-6 columns">
+                <input class="res-button" type="submit" value="Search">
+            </div>
+        </div>
+    </form>
+    <ul class="offcavas-social-list">
+        
+    </ul>
+
+</aside>
\ No newline at end of file
diff --git a/parts/off-canvas_weathervane.php b/parts/off-canvas_weathervane.php
new file mode 100644 (file)
index 0000000..d1790eb
--- /dev/null
@@ -0,0 +1,35 @@
+<aside class="left-off-canvas-menu hide-for-large-up">
+    <?php weathervane_mobile_off_canvas(); ?>
+    <?php get_template_part('parts/client-info-offcanvas');?>
+</aside>
+<aside class="right-off-canvas-menu">
+    <div class="row">
+        <div class="small-11 small-centered columns text-center">
+            <span>Book Now</span>
+        </div>
+    </div>
+    <form method="post">
+        <div class="row">
+            <div class="small-12 res-search columns">
+                <input type="text" placeholder="Search by property, keywords, or destination" name="s">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Arrive" name="datepicker1" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 res-date columns">
+                <input type="text" placeholder="Depart" name="datepicker2" required="required"><img src="<?php echo get_template_directory_uri(); ?>/assets/calendar-icon.jpg">
+            </div>
+            <div class="small-6 guest columns">
+                <input type="text" placeholder="Guests" >
+                <img class="icon-people" src="<?php echo get_template_directory_uri(); ?>/assets/people-icon.jpg">
+            </div>
+            <div class="small-6 columns">
+                <input class="res-button" type="submit" value="Search">
+            </div>
+        </div>
+    </form>
+    <ul class="offcavas-social-list">
+        
+    </ul>
+
+</aside>
index 628a1bd..3cbfabc 100644 (file)
@@ -15,4 +15,5 @@
             <a class="right-off-canvas-toggle menu-icon" href="#"><span></span></a>
         </section>
     </nav>
-</div>
\ No newline at end of file
+</div>
+<?php get_template_part('parts/off-canvas_about');?>
\ No newline at end of file
index ba390fc..0228813 100644 (file)
@@ -15,4 +15,5 @@
             <a class="right-off-canvas-toggle menu-icon" href="#"><span></span></a>
         </section>
     </nav>
-</div>
\ No newline at end of file
+</div>
+<?php get_template_part('parts/off-canvas_art-gallery'); ?>
\ No newline at end of file
index 8e67611..9d81a89 100644 (file)
@@ -15,4 +15,5 @@
             <a class="right-off-canvas-toggle menu-icon" href="#"><span></span></a>
         </section>
     </nav>
-</div>
\ No newline at end of file
+</div>
+<?php get_template_part('parts/off-canvas_bay-view'); ?>
\ No newline at end of file
index 7a11cfd..3473806 100644 (file)
@@ -15,4 +15,5 @@
             <a class="right-off-canvas-toggle menu-icon" href="#"><span></span></a>
         </section>
     </nav>
-</div>
\ No newline at end of file
+</div>
+<?php get_template_part('parts/off-canvas_crooked-river'); ?>
\ No newline at end of file