Adding event page

assets/css/hex-theme.css

@@ -6319,15 +6319,47 @@ a:hover {
   color: #263238;
 }
 
+.highlighted-text {
+  color: #fc3c2d;
+}
+
+.bold-text {
+  font-weight: bold;
+}
+
+.primary-button {
+  background-color: #fc3c2d;
+  border-radius: 10px;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  color: #fff;
+  border-width: 0;
+  font-weight: bold;
+  font-size: 18px;
+}
+
 .navbar-hex {
+  display: inline-block;
+  float: right;
   margin: 0;
-  padding: 0;
-  display: none;
+  padding: 80px 25px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background-color: #fff;
+  z-index: 99;
 }
 .navbar-hex li {
   list-style: none;
   margin-left: 20px;
-  display: inline-block;
+  cursor: pointer;
+  font-size: 30px;
+  padding-bottom: 22px;
+}
+.navbar-hex li:hover {
+  color: #fc3c2d;
 }
 
 .modal-content {
@@ -6339,6 +6371,25 @@ a:hover {
   border-top-width: 0;
 }
 
+.mobile-menu-button {
+  width: 40px;
+  height: 30px;
+  display: inline-block;
+  position: absolute;
+  z-index: 100;
+  right: 0;
+  margin: 25px;
+  background-size: 35px;
+  background-repeat: no-repeat;
+  cursor: pointer;
+}
+.mobile-menu-button.open {
+  background-image: url(../images/hamburger.png);
+}
+.mobile-menu-button.close {
+  background-image: url(../images/close.png);
+}
+
 @media (min-width: 992px) {
   h1 {
     font-weight: bold;
@@ -6358,6 +6409,23 @@ a:hover {
   .section-title {
     margin-top: 100px;
   }
+
+  .navbar-hex {
+    display: inline-block !important;
+    float: right;
+    position: inherit;
+    margin: 25px 30px;
+    padding: 0;
+  }
+  .navbar-hex li {
+    display: inline-block;
+    font-size: 16px;
+    padding-bottom: 0;
+  }
+
+  .mobile-menu-button {
+    display: none;
+  }
 }
 .hex-overview .slogan-area {
   text-align: center;
@@ -6370,6 +6438,17 @@ a:hover {
 .hex-overview .main-section {
   position: relative;
 }
+.hex-overview .event {
+  bottom: auto;
+}
+.hex-overview .event .date-section {
+  text-align: right;
+  font-size: 18px;
+}
+.hex-overview .event .venue-section {
+  text-align: left;
+  font-size: 18px;
+}
 .hex-overview .cartoon-area img {
   display: none;
 }
@@ -6502,6 +6581,25 @@ a:hover {
   vertical-align: middle;
 }
 
+.events .promo-ad {
+  margin: 50px 0 40px 0;
+}
+.events .promo-ad h2 {
+  text-align: left;
+}
+.events .prompt-list {
+  text-align: left;
+  font-size: 18px;
+  margin: 30px 0;
+  padding: 0 0 0 25px;
+}
+.events .prompt-list li {
+  margin-bottom: 15px;
+}
+.events .button-panel {
+  margin: 25px 0;
+}
+
 .our-team h1 {
   margin-left: 20px;
   margin-right: 20px;
@@ -6612,6 +6710,13 @@ a:hover {
     background-size: 200px;
   }
 
+  .events .confused-guy {
+    background-image: url(../images/confused.png);
+    background-repeat: no-repeat;
+    background-position: right;
+    background-size: contain;
+  }
+
   .our-team h1 {
     margin-left: 0;
     margin-right: 0;
@@ -6623,9 +6728,7 @@ a:hover {
   .contact-us .follow-us {
     margin-top: 60px;
   }
-  .contact-us .follow-us button.mdi::before,
-  .contact-us .follow-us i.mdi::before,
-  .contact-us .follow-us span.mdi::before {
+  .contact-us .follow-us button.mdi::before, .contact-us .follow-us i.mdi::before, .contact-us .follow-us span.mdi::before {
     font-size: 54px;
   }
   .contact-us .overlay {

assets/js/hex-main.js

@@ -1,34 +1,69 @@
-var setPage = function(){
+var setPage = function () {
     var w = window,
         d = document,
         e = d.documentElement,
         g = d.getElementsByTagName('body')[0],
-        browserHeight = w.innerHeight|| e.clientHeight|| g.clientHeight;
-    $('.hex-overview .main-section').css('height', browserHeight-80+'px');
+        browserHeight = w.innerHeight || e.clientHeight || g.clientHeight;
+    $('.hex-overview .main-section').css('height', browserHeight - 80 + 'px');
 }
 
-var addClickHandlers = function(){
-    $('#approvely').click(function(){
+var addClickHandlers = function () {
+    $('#approvely').click(function () {
         window.open('https://medium.com/99xtechnology/re-thinking-the-first-use-experience-d979c3bb293d#.lxmjm03ap', '_blank');
     });
-    $('#superoffice').click(function(){
+    $('#superoffice').click(function () {
         window.open('https://medium.com/99xtechnology/strategizing-revamp-process-to-optimize-ux-d3cecd48acbb#.3pzq7hcu1', '_blank');
     });
-    $('#iconGlobal').click(function(){
+    $('#iconGlobal').click(function () {
         window.open('https://medium.com/@janindu93/simplifying-on-site-healthcare-assessments-8d870968e543#.hkai3s8q6', '_blank');
     });
-    $('#hatteland').click(function(){
+    $('#hatteland').click(function () {
         window.open('https://medium.com/99xtechnology/is-whitespace-so-evil-in-enterprise-applications-6b5a1405e754#.k62zcml6m', '_blank');
     });
-    $('.scroll-down-button').click(function(){
+    $('.scroll-down-button').click(function () {
         $('html, body').animate({
             scrollTop: $("#serviceSection").offset().top
         }, 500);
     });
+
+    $('#servicesLink').click(function () {
+        $('html, body').animate({
+            scrollTop: $("#serviceSection").offset().top
+        }, 500);
+    });
+    $('#workLink').click(function () {
+        $('html, body').animate({
+            scrollTop: $("#caseStudiesSection").offset().top
+        }, 500);
+    });
+    $('#eventsLink').click(function () {
+        $('html, body').animate({
+            scrollTop: $("#eventsSection").offset().top
+        }, 500);
+    });
+    $('#teamLink').click(function () {
+        $('html, body').animate({
+            scrollTop: $("#meetTheTeamSection").offset().top
+        }, 500);
+    });
 
+    $('#mobileMenuButton').click(function () {
+        var mobileButton = $('.mobile-menu-button');
+        var mobileMenu = $('.navbar-hex');
+        if (mobileMenu.css('display') == 'none') {
+            mobileButton.removeClass('open');
+            mobileButton.addClass('close');
+            mobileMenu.css('display','block');
+        }
+        else{
+            mobileButton.removeClass('close');
+            mobileButton.addClass('open');
+            mobileMenu.css('display','none');
+        }
+    });
 }
 
 $(document).ready(function () {
     setPage();
     addClickHandlers();
-});
+});