HC - add: Footer - Search Modal

footer.php

@@ -107,6 +107,103 @@
 </footer><!-- #colophon -->
 </div><!-- #page -->
 
+
+<div id="search-modal" class="overlay">
+
+  <button id="search-close" onclick="closeSearch()">
+     close
+  </button>
+
+  <div class="container-fluid overlay-content">
+    <div class="container">
+      <div>
+        <h4>Search UIU</h4>
+        <label for="search-web">Web</label>
+        <input id="search-people" name="search_type" type="radio" value="web" class="radio-search">
+
+        <label for="search-web">people</label>
+        <input id="search-people" name="search_type" type="radio" value="people" class="radio-search">
+      </div>
+
+      <div>
+        <input type="search" id="search-bar" name="search" id="" aria-label="search" placeholder="Search all UIU sites">
+        <button id="search-button"> Search</button>
+      </div>
+
+      <div>
+        <h6>Other ways to search:</h6>
+        <a href="#">UIU sitemap</a>
+        <a href="#">Faculty Directory</a>
+      </div>
+    </div>
+  </div>
+
+</div>
+
+<div id="myNav" class="overlay">
+
+  <!-- Button to close the overlay navigation -->
+  <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
+  <div id="bars-logo">
+    <img src="img/header-logo1.png" alt="">
+  </div>
+  <div class="grid">
+    <!-- Overlay content -->
+    <div class="overlay-content">
+      <h1>About</h1>
+      <a href="#">About</a>
+      <a href="#">Services</a>
+      <a href="#">Clients</a>
+      <a href="#">Contact</a>
+    </div>
+    <div class="overlay-content">
+      <h1>Admission</h1>
+      <a href="#">About</a>
+      <a href="#">Services</a>
+      <a href="#">Clients</a>
+      <a href="#">Contact</a>
+    </div>
+    <div class="overlay-content">
+      <h1>Research</h1>
+      <a href="#">About</a>
+      <a href="#">Services</a>
+      <a href="#">Clients</a>
+      <a href="#">Contact</a>
+    </div>
+
+    <div class="overlay-content">
+      <h1>Media</h1>
+      <a href="#">About</a>
+      <a href="#">Services</a>
+      <a href="#">Clients</a>
+      <a href="#">Contact</a>
+    </div>
+
+
+  </div>
+  <div class="grid">
+    <!-- Overlay content -->
+    <div class="overlay-content">
+      <h1>Faculty</h1>
+      <a href="#">About</a>
+      <a href="#">Services</a>
+      <a href="#">Clients</a>
+      <a href="#">Contact</a>
+    </div>
+    <div class="overlay-content">
+      <h1>Contact</h1>
+      <a href="#">About</a>
+      <a href="#">Services</a>
+      <a href="#">Clients</a>
+      <a href="#">Contact</a>
+    </div>
+
+
+
+  </div>
+</div>
+
+
 <?php wp_footer(); ?>
 
 </body>

page-template/page-home-hcoded.php

@@ -0,0 +1,23 @@
+<?php
+
+/**
+ * Template Name: Home - Hard Coded
+ *
+ * @package Luceo
+ */
+get_header(); ?>
+
+<div class="container full-width">
+    <div class="row">
+        <main id="main" class="site-main" role="main">
+            <?php while (have_posts()) : the_post(); ?>
+                <div class="sections">
+                    <?php the_content(); ?>
+                </div><!-- .sections -->
+            <?php endwhile; // end of the loop.
+            ?>
+        </main><!-- #main -->
+    </div><!-- .row -->
+</div><!-- .container -->
+
+<?php get_footer(); ?>

page-template/page-home.php

@@ -0,0 +1,23 @@
+<?php
+
+/**
+ * Template Name: Home
+ *
+ * @package Luceo
+ */
+get_header(); ?>
+
+<div class="container full-width">
+    <div class="row">
+        <main id="main" class="site-main" role="main">
+            <?php while (have_posts()) : the_post(); ?>
+                <div class="sections">
+                    <?php the_content(); ?>
+                </div><!-- .sections -->
+            <?php endwhile; // end of the loop.
+            ?>
+        </main><!-- #main -->
+    </div><!-- .row -->
+</div><!-- .container -->
+
+<?php get_footer(); ?>