Merge pull request #8 from ExtProjNomit/comp-ads_1-referee

Comp ads 1 referee

src/_sidebar.html

@@ -180,7 +180,7 @@
     </a>
   </li>
   <li class="nav-item">
-    <a class='sidebar-link' href="ads.html">
+    <a class='sidebar-link' href="companies.html">
       <span class="icon-holder">
         <i class="c-white-500 fa fa-building"></i>
       </span>
@@ -188,7 +188,7 @@
     </a>
   </li>
   <li class="nav-item">
-    <a class='sidebar-link' href="ads.html">
+    <a class='sidebar-link' href="referees.html">
       <span class="icon-holder">
         <i class="c-white-500 fa fa-crosshairs"></i>
       </span>
@@ -196,7 +196,7 @@
     </a>
   </li>
   <li class="nav-item">
-    <a class='sidebar-link' href="forms.html">
+    <a class='sidebar-link' href="#">
       <span class="icon-holder">
         <i class="c-white-500 ti-comments"></i>
       </span>
@@ -204,7 +204,7 @@
     </a>
   </li>
   <li class="nav-item">
-    <a class='sidebar-link' href="ads.html">
+    <a class='sidebar-link' href="#">
       <span class="icon-holder">
         <i class="c-white-500 ti-calendar"></i>
       </span>
@@ -212,7 +212,7 @@
     </a>
   </li>
   <li class="nav-item">
-    <a class='sidebar-link' href="calendar.html">
+    <a class='sidebar-link' href="#">
       <span class="icon-holder">
         <i class="c-white-500 fa fa-history"></i>
       </span>
@@ -220,7 +220,7 @@
     </a>
   </li>
   <li class="nav-item">
-    <a class="sidebar-link" href="ui.html">
+    <a class="sidebar-link" href="#">
       <span class="icon-holder">
         <i class="c-white-500 fa fa-cogs"></i>
       </span>

src/ads.html

@@ -129,9 +129,11 @@
                             <h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
                             <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                           </div>
-                          <div class="card-body view-more-btn" href="#" style="color:#fff; background-color:#EE38A4;  font-weight: bolder; text-align: center; margin: 0px">
-                            VIEW MORE <i class=" ti-angle-right" style="color:#fff;  font-weight: bolder;"></i> 
-                          </div>
+                          <a href="ads_1.html">
+                            <div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4;  font-weight: bolder; text-align: center; margin: 0px">
+                              VIEW MORE <i class=" ti-angle-right" style="color:#fff;  font-weight: bolder;"></i> 
+                            </div>
+                          </a>
                         </div>
                   </div>
 
@@ -149,9 +151,11 @@
                             <h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
                             <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                           </div>
-                          <div class="card-body view-more-btn" href="#" style="color:#fff; background-color:#EE38A4;  font-weight: bolder; text-align: center; margin: 0px">
+                          <a href="ads_1.html">
+                            <div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4;  font-weight: bolder; text-align: center; margin: 0px">
                               VIEW MORE <i class=" ti-angle-right" style="color:#fff;  font-weight: bolder;"></i> 
-                          </div>
+                            </div>
+                          </a>
                         </div>
                   </div>
                   <!-- # ad n 3 ==================== -->
@@ -168,9 +172,11 @@
                             <h5 class="card-title" style="font-size:11px; margin-top: 1px;">Adv title</h5>
                             <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                           </div>
-                          <div class="card-body view-more-btn" href="#" style="color:#fff; background-color:#EE38A4;  font-weight: bolder; text-align: center; margin: 0px">
+                          <a href="ads_1.html">
+                            <div class="card-body view-more-btn" style="color:#fff; background-color:#EE38A4;  font-weight: bolder; text-align: center; margin: 0px">
                               VIEW MORE <i class=" ti-angle-right" style="color:#fff;  font-weight: bolder;"></i> 
-                          </div>
+                            </div>
+                          </a>
                         </div>
                   </div>
 

src/ads_1.html

@@ -0,0 +1,228 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Ad_1</title>
+
+    <style>
+      #loader {
+        transition: all 0.3s ease-in-out;
+        opacity: 1;
+        visibility: visible;
+        position: fixed;
+        height: 100vh;
+        width: 100%;
+        background: #fff;
+        z-index: 90000;
+      }
+
+      #loader.fadeOut {
+        opacity: 0;
+        visibility: hidden;
+      }
+
+      .spinner {
+        width: 40px;
+        height: 40px;
+        position: absolute;
+        top: calc(50% - 20px);
+        left: calc(50% - 20px);
+        background-color: #333;
+        border-radius: 100%;
+        -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
+        animation: sk-scaleout 1.0s infinite ease-in-out;
+      }
+
+      @-webkit-keyframes sk-scaleout {
+        0% { -webkit-transform: scale(0) }
+        100% {
+          -webkit-transform: scale(1.0);
+          opacity: 0;
+        }
+      }
+
+      @keyframes sk-scaleout {
+        0% {
+          -webkit-transform: scale(0);
+          transform: scale(0);
+        } 100% {
+          -webkit-transform: scale(1.0);
+          transform: scale(1.0);
+          opacity: 0;
+        }
+      }
+    </style>
+  </head>
+
+
+
+
+
+  <body class="app">
+    <!-- @TOC -->
+    <!-- =================================================== -->
+    <!--
+      + @Page Loader
+      + @App Content
+          - #Left Sidebar
+              > $Sidebar Header
+              > $Sidebar Menu
+
+          - #Main
+              > $Topbar
+              > $App Screen Content
+    -->
+
+    <!-- @Page Loader -->
+    <!-- =================================================== -->
+    <div id='loader'>
+      <div class="spinner"></div>
+    </div> 
+
+    <script>
+      window.addEventListener('load', () => {
+        const loader = document.getElementById('loader');
+        setTimeout(() => {
+          loader.classList.add('fadeOut');
+        }, 300);
+      });
+    </script>
+
+    <!-- @App Content -->
+    <!-- =================================================== -->
+    <div>
+
+      ${require('html-loader!./_sidebar.html')}
+
+      <div class="page-container">
+
+
+          ${require('html-loader!./_topbar.html')}
+
+
+        <!-- ### $App Screen Content ### -->
+        <main class='main-content bgc-grey-300'>
+          <div id='mainContent row'>
+
+              <div class="content-title mT-60">
+                  <div class="ml-1 mb-3">
+                    
+                  </div> 
+              </div>  
+
+            <div class=" gap-30 masonry pos-r "> <!-- #content container ===== -->
+              <div class="masonry-sizer col-md-6 "></div>
+
+
+                <div class="masonry-item  w-50"> <!-- #first user ========= -->
+                      <div class="card item-box" >
+                        <div class="">
+                            <img class="companies-update-img"  src="assets/static/images/nomit-logo.png" alt="">
+                            <div class="testo"><h5 class=" text-black-bold">Graphic Designer Internship</h5>
+                                <div class=" text-size-20">Great Southern Press</div>  
+                            </div>
+                        </div>
+                        <div class="card-body p-0">
+                            <div class="card-body-users row">
+                                <div class="companies-update-title">
+                                    <h5 class="font-weight-bold ">About the business:</h5>
+                                    <p>Southern Press is leading ... bla bla bla bla.</p>
+                                    <br>
+                                    <h5 class="font-weight-bold ">About the role:</h5>
+                                    <p>This part time role will ... bla bla bla bla.</p>
+                                </div>
+                            </div>
+                        </div>
+                      </div>
+                </div>
+
+                <div class="masonry-item  w-50"> <!-- #second user ========= -->
+                    <div class="card item-box" >
+                      <div class="user-data-title">
+                          <img class="user-update-img"  src="assets/static/images/nomit-logo.png" alt="">
+                          <div class="testo"><h5 class=" text-black-bold">David James</h5>
+                              <div class=" text-size-11">Victoria</div> 
+                              <div class=" text-size-11">Mobile: 0414987654</div>  
+                          </div>
+                      </div>
+                      <div class="card-body p-0">
+                          <div class="card-body-users row">
+                              <div class="users-icons">
+                                  <a href="" ><i class="ti-instagram "></i></a>
+                                  <a href="" ><i class="ti-twitter "></i></a>
+                                  <a href="" ><i class="ti-facebook   "></i></a>
+                                  <a href="" ><i class="ti-email"></i></a>
+                              </div>
+                          </div>
+                      </div>
+                    </div>
+              </div>
+              <div class="masonry-item  w-50"> <!-- #second user ========= -->
+                <div class="card item-box" >
+                  <div class="user-data-title">
+                      <img class="user-update-img"  src="assets/static/images/nomit-logo.png" alt="">
+                      <div class="testo"><h5 class=" text-black-bold">David James</h5>
+                          <div class=" text-size-11">Victoria</div> 
+                          <div class=" text-size-11">Mobile: 0414987654</div>  
+                      </div>
+                  </div>
+                  <div class="card-body p-0">
+                      <div class="card-body-users row">
+                          <div class="users-icons">
+                              <a href="" ><i class="ti-instagram "></i></a>
+                              <a href="" ><i class="ti-twitter "></i></a>
+                              <a href="" ><i class="ti-facebook   "></i></a>
+                              <a href="" ><i class="ti-email"></i></a>
+                          </div>
+                      </div>
+                  </div>
+                </div>
+          </div>
+          <div class="masonry-item  w-50"> <!-- #second user ========= -->
+            <div class="card item-box" >
+              <div class="user-data-title">
+                  <img class="user-update-img"  src="assets/static/images/nomit-logo.png" alt="">
+                  <div class="testo"><h5 class=" text-black-bold">David James</h5>
+                      <div class=" text-size-11">Victoria</div> 
+                      <div class=" text-size-11">Mobile: 0414987654</div>  
+                  </div>
+              </div>
+              <div class="card-body p-0">
+                  <div class="card-body-users row">
+                      <div class="users-icons">
+                          <a href="" ><i class="ti-instagram "></i></a>
+                          <a href="" ><i class="ti-twitter "></i></a>
+                          <a href="" ><i class="ti-facebook   "></i></a>
+                          <a href="" ><i class="ti-email"></i></a>
+                      </div>
+                  </div>
+              </div>
+            </div>
+      </div>
+      <div class="masonry-item  w-50 m-auto btn-centered-container "> <!-- #second user ========= -->
+        <button type="button" class="btn btn-gradient btn-centered">APPLY NOW</button>
+      <button type="button" class="btn btn-cancel  btn-centered">SAVE</button>
+  </div>
+
+      
+
+
+  
+
+
+
+            </div>
+                
+              
+            </div><!--content row-->
+          
+        </main>
+
+        <!-- ### $App Screen Footer ### -->
+        ${require('html-loader!./_footer.html')}
+        </div><!-- page-container -->
+        </div>  <!-- App Content -->
+  </body>
+  
+</html>

src/assets/styles/nomit.scss

@@ -48,6 +48,10 @@
 .text-size-11{
     font-size:11px;
 }
+
+.text-size-20{
+    font-size:20px;
+}
 //index
 .succ-match-perc{
     height: 400px;
@@ -149,16 +153,22 @@
     top: -20px;
     right: -50px;
     border: 2px solid transparent;
-    border-top-left-radius: 132px;
+    border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
-    border-bottom-left-radius: 67px;
+    border-bottom-left-radius: 10px;
     margin-left: auto;
     padding: 100px;
+    text-align: center;
 }
 .logo-wisp-right{
-    width: 130px;
-    margin: auto;
+    width: 174px;
+}
+.modal-username{
+    margin-top: 10px;;
+    border-radius: 50px;
+    border-color: #501db9;
+    width: 180px;
 }
 .btn-signup{
     color: #fff;
@@ -176,8 +186,60 @@
     text-align: -webkit-center;
     margin-top: 20px;
 }
-.modal-username{
-    background-image:url(../images/icons/dollar.png); 
-    background-repeat: no-repeat; 
-    background-position: 2px 3px;
+//companies
+.card-body-companies{
+    border-top: 1px solid #9c9fa0;
+    margin: 0;
+}
+.companies-icons{
+    margin-left: 150px;
+    padding: 5px;
+    padding-left: 0;
+}
+.companies-icons i{
+    font-size: 20px;
+    margin-right: 15px;
+    color: #9c9fa0;
+}
+.companies-update-img{
+    width: 80px; 
+    float: left;
+    margin-left: 50px;
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+//referees
+.card-body-referee{
+    border-top: 1px solid #9c9fa0;
+    margin: 0;
+}
+.referee-icons{
+    margin-left: 150px;
+    padding: 5px;
+    padding-left: 0;
+}
+.referee-icons i{
+    font-size: 20px;
+    margin-right: 15px;
+    color: #9c9fa0;
+}
+.referee-update-img{
+    width: 80px; 
+    float: left;
+    margin-left: 50px;
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+//ads_1
+.companies-update-title{
+    margin-left: 50px;
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+.btn-centered{
+    margin-top: 0;
+    margin-left: 0;
+}
+.btn-centered-container{
+    text-align:center;
 }

src/companies.html

@@ -0,0 +1,179 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Companies</title>
+
+    <style>
+      #loader {
+        transition: all 0.3s ease-in-out;
+        opacity: 1;
+        visibility: visible;
+        position: fixed;
+        height: 100vh;
+        width: 100%;
+        background: #fff;
+        z-index: 90000;
+      }
+
+      #loader.fadeOut {
+        opacity: 0;
+        visibility: hidden;
+      }
+
+      .spinner {
+        width: 40px;
+        height: 40px;
+        position: absolute;
+        top: calc(50% - 20px);
+        left: calc(50% - 20px);
+        background-color: #333;
+        border-radius: 100%;
+        -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
+        animation: sk-scaleout 1.0s infinite ease-in-out;
+      }
+
+      @-webkit-keyframes sk-scaleout {
+        0% { -webkit-transform: scale(0) }
+        100% {
+          -webkit-transform: scale(1.0);
+          opacity: 0;
+        }
+      }
+
+      @keyframes sk-scaleout {
+        0% {
+          -webkit-transform: scale(0);
+          transform: scale(0);
+        } 100% {
+          -webkit-transform: scale(1.0);
+          transform: scale(1.0);
+          opacity: 0;
+        }
+      }
+    </style>
+  </head>
+
+
+
+
+
+  <body class="app">
+    <!-- @TOC -->
+    <!-- =================================================== -->
+    <!--
+      + @Page Loader
+      + @App Content
+          - #Left Sidebar
+              > $Sidebar Header
+              > $Sidebar Menu
+
+          - #Main
+              > $Topbar
+              > $App Screen Content
+    -->
+
+    <!-- @Page Loader -->
+    <!-- =================================================== -->
+    <div id='loader'>
+      <div class="spinner"></div>
+    </div> 
+
+    <script>
+      window.addEventListener('load', () => {
+        const loader = document.getElementById('loader');
+        setTimeout(() => {
+          loader.classList.add('fadeOut');
+        }, 300);
+      });
+    </script>
+
+    <!-- @App Content -->
+    <!-- =================================================== -->
+    <div>
+
+      ${require('html-loader!./_sidebar.html')}
+
+      <div class="page-container">
+
+
+          ${require('html-loader!./_topbar.html')}
+
+
+        <!-- ### $App Screen Content ### -->
+        <main class='main-content bgc-grey-300'>
+          <div id='mainContent row'>
+            <div class="content-title mT-60">
+              <div class="ml-1 mb-3">
+                Companies
+              </div> 
+            </div>  
+
+            <div class=" gap-30 masonry pos-r"> <!-- #content container ===== -->
+              <div class="masonry-sizer col-md-6"></div>
+
+
+                <div class="masonry-item  w-50"> <!-- #first company ========= -->
+                      <div class="card item-box" >
+                        <div class="companies-data-title">
+                            <img class="companies-update-img"  src="assets/static/images/nomit-logo.png" alt="">
+                            <div class="testo"><h5 class=" text-black-bold">David James</h5>
+                                <div class=" text-size-11">Victoria</div> 
+                                <div class=" text-size-11">Mobile: 0414987654</div>  
+                            </div>
+                        </div>
+                        <div class="card-body p-0">
+                            <div class="card-body-companies row">
+                                <div class="companies-icons">
+                                    <a href="" ><i class="ti-instagram "></i></a>
+                                    <a href="" ><i class="ti-twitter "></i></a>
+                                    <a href="" ><i class="ti-facebook   "></i></a>
+                                    <a href="" ><i class="ti-email"></i></a>
+                                </div>
+                            </div>
+                        </div>
+                      </div>
+                </div>
+
+                <div class="masonry-item  w-50"> <!-- #second company ========= -->
+                    <div class="card item-box" >
+                      <div class="companies-data-title">
+                          <img class="companies-update-img"  src="assets/static/images/nomit-logo.png" alt="">
+                          <div class="testo"><h5 class=" text-black-bold">David James</h5>
+                              <div class=" text-size-11">Victoria</div> 
+                              <div class=" text-size-11">Mobile: 0414987654</div>  
+                          </div>
+                      </div>
+                      <div class="card-body p-0">
+                          <div class="card-body-companies row">
+                              <div class="companies-icons">
+                                  <a href="" ><i class="ti-instagram "></i></a>
+                                  <a href="" ><i class="ti-twitter "></i></a>
+                                  <a href="" ><i class="ti-facebook   "></i></a>
+                                  <a href="" ><i class="ti-email"></i></a>
+                              </div>
+                          </div>
+                      </div>
+                    </div>
+              </div>
+
+  
+
+
+
+            </div>
+                
+              
+          </div><!--content container-->
+        
+      </main>
+
+      <!-- ### $App Screen Footer ### -->
+      ${require('html-loader!./_footer.html')}
+      </div><!-- page-container -->
+      </div>  <!-- App Content -->
+</body>
+
+</html>
+

src/login.html

@@ -55,7 +55,6 @@
     </style>
   </head>
 
-
   <body class="app">
 
     <div id='loader'>
@@ -71,30 +70,11 @@
       });
     </script>
 
-
-
-
-
     <!-- Button trigger modal -->
     <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
         Launch demo modal
     </button>
 
-
-     <!-- 
-    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
-        <div class="modal-dialog" role="document">
-          <div class="modal-content">
-            
-            <div class="modal-body">
-              Let's start with getting connected.
-            </div>
-            
-          </div>
-        </div>
-    </div>
--->
-
      <!-- Modal -->
      <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
             <div class="modal-dialog" role="document">
@@ -229,8 +209,10 @@
                        </svg>
 
                     </div> <!--logo-->
-                    <h4 class=""><strong>Sign In</strong></p>
+                    <h4 class=""><strong>Sign In </strong></p>
                     <input class="modal-username" type="text" placeholder="Username">
+                    <input class="modal-username" type="password" placeholder="Password">
+                    <button type="button" class="btn btn-gradient btn-centered mt-20">SIGN IN</button> 
                   </div>
                   </div>
                 

src/referees.html

@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <title>Referees</title>
+
+    <style>
+      #loader {
+        transition: all 0.3s ease-in-out;
+        opacity: 1;
+        visibility: visible;
+        position: fixed;
+        height: 100vh;
+        width: 100%;
+        background: #fff;
+        z-index: 90000;
+      }
+
+      #loader.fadeOut {
+        opacity: 0;
+        visibility: hidden;
+      }
+
+      .spinner {
+        width: 40px;
+        height: 40px;
+        position: absolute;
+        top: calc(50% - 20px);
+        left: calc(50% - 20px);
+        background-color: #333;
+        border-radius: 100%;
+        -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
+        animation: sk-scaleout 1.0s infinite ease-in-out;
+      }
+
+      @-webkit-keyframes sk-scaleout {
+        0% { -webkit-transform: scale(0) }
+        100% {
+          -webkit-transform: scale(1.0);
+          opacity: 0;
+        }
+      }
+
+      @keyframes sk-scaleout {
+        0% {
+          -webkit-transform: scale(0);
+          transform: scale(0);
+        } 100% {
+          -webkit-transform: scale(1.0);
+          transform: scale(1.0);
+          opacity: 0;
+        }
+      }
+    </style>
+  </head>
+
+
+
+
+
+  <body class="app">
+    <!-- @TOC -->
+    <!-- =================================================== -->
+    <!--
+      + @Page Loader
+      + @App Content
+          - #Left Sidebar
+              > $Sidebar Header
+              > $Sidebar Menu
+
+          - #Main
+              > $Topbar
+              > $App Screen Content
+    -->
+
+    <!-- @Page Loader -->
+    <!-- =================================================== -->
+    <div id='loader'>
+      <div class="spinner"></div>
+    </div> 
+
+    <script>
+      window.addEventListener('load', () => {
+        const loader = document.getElementById('loader');
+        setTimeout(() => {
+          loader.classList.add('fadeOut');
+        }, 300);
+      });
+    </script>
+
+    <!-- @App Content -->
+    <!-- =================================================== -->
+    <div>
+
+      ${require('html-loader!./_sidebar.html')}
+
+      <div class="page-container">
+
+
+          ${require('html-loader!./_topbar.html')}
+
+
+        <!-- ### $App Screen Content ### -->
+        <main class='main-content bgc-grey-300'>
+          <div id='mainContent row'>
+            <div class="content-title mT-60">
+              <div class="ml-1 mb-3">
+                Referees
+              </div> 
+            </div>  
+
+            <div class=" gap-30 masonry pos-r"> <!-- #content container ===== -->
+              <div class="masonry-sizer col-md-6"></div>
+
+
+                <div class="masonry-item  w-50"> <!-- #first referee ========= -->
+                      <div class="card item-box" >
+                        <div class="referee-data-title">
+                            <img class="referee-update-img"  src="assets/static/images/nomit-logo.png" alt="">
+                            <div class="testo"><h5 class=" text-black-bold">David James</h5>
+                                <div class=" text-size-11">Victoria</div> 
+                                <div class=" text-size-11">Mobile: 0414987654</div>  
+                            </div>
+                        </div>
+                        <div class="card-body p-0">
+                            <div class="card-body-referee row">
+                                <div class="referee-icons">
+                                    <a href="" ><i class="ti-instagram "></i></a>
+                                    <a href="" ><i class="ti-twitter "></i></a>
+                                    <a href="" ><i class="ti-facebook   "></i></a>
+                                    <a href="" ><i class="ti-email"></i></a>
+                                </div>
+                            </div>
+                        </div>
+                      </div>
+                </div>
+
+                <div class="masonry-item  w-50"> <!-- #second company ========= -->
+                    <div class="card item-box" >
+                      <div class="referee-data-title">
+                          <img class="referee-update-img"  src="assets/static/images/nomit-logo.png" alt="">
+                          <div class="testo"><h5 class=" text-black-bold">David James</h5>
+                              <div class=" text-size-11">Victoria</div> 
+                              <div class=" text-size-11">Mobile: 0414987654</div>  
+                          </div>
+                      </div>
+                      <div class="card-body p-0">
+                          <div class="card-body-referee row">
+                              <div class="referee-icons">
+                                  <a href="" ><i class="ti-instagram "></i></a>
+                                  <a href="" ><i class="ti-twitter "></i></a>
+                                  <a href="" ><i class="ti-facebook   "></i></a>
+                                  <a href="" ><i class="ti-email"></i></a>
+                              </div>
+                          </div>
+                      </div>
+                    </div>
+              </div>
+
+  
+
+
+
+            </div>
+                
+              
+            </div><!--content container-->
+          
+        </main>
+
+        <!-- ### $App Screen Footer ### -->
+        ${require('html-loader!./_footer.html')}
+        </div><!-- page-container -->
+        </div>  <!-- App Content -->
+  </body>
+  
+</html>

src/users.html

@@ -166,7 +166,6 @@
                 
               
             </div><!--content container-->
-          </div><!--page container-->
           
         </main>
 

webpack/plugins/htmlPlugin.js

@@ -10,6 +10,7 @@ const titles = {
   'calendar': 'Calendar',
   'charts': 'Charts',
   'ads': 'ads',
+  'ads_1':'ads_1',
   'chat': 'Chat',
   'compose': 'Compose',
   'datatable': 'Datatable',
@@ -17,6 +18,8 @@ const titles = {
   'forms': 'Forms',
   'profile': 'profile',
   'users': 'users',
+  'companies': 'companies',
+  'referees': 'referees',
   'login': 'login',
   'google-maps': 'Google Maps',
   'signin': 'Signin',