Services and industries

index.html

@@ -62,19 +62,13 @@
 					<li><a href="#stats-wrap">stats</a></li>
 					<li><a href="#news-wrap">news</a></li> -->
 					
-					<!-- <li class="service-link"><a>Services</a>
+					<li class="service-link"><a>Services</a>
 						
-					</li> -->
+					</li>
 					
-					 <!-- <li class="industries-link"> 
+					<li class="industries-link"> 
 						<a>Industries</a>
-						
-					 	<ul>
-							<li><a>Finance & Banking
-								</a></li>
-								<li><a>Healthcare</a></li>
-						</ul> 
-					</li>  -->
+					</li>  
 					<li class="contact-section"><a  class="clear_storage " href="#contact-section">contact</a></li>
 					<li ><a class="clear_storage" href="careers.html">careers</a></li>
 					<li><a  class="clear_storage" href="portfolio.html">portfolio</a></li>
@@ -102,7 +96,7 @@
 				</ul>
 			</nav><!-- end Navigation -->	
 			<div class="dropdown_wrap general-section">
-				<div class="dropdown_menu" id="">
+				<div class="dropdown_menu" id="servicesMenu">
 					<div class="dropdown-container">
 						<div class="row">
 							<div class="col-md-6 dropdown-half dropdown-left">
@@ -129,6 +123,24 @@
 						</div>
 					</div>
 				</div> 
+				<div class="dropdown_menu" id="industriesMenu">
+					<div class="dropdown-container">
+						<div class="row">
+							<div class="col-md-6 dropdown-half dropdown-left">
+							</div>
+							<div class="col-md-6 dropdown-half dropdown-right">
+								<ul class="expand-menu">
+									<li>
+										<a>Finance & Banking</a>
+									</li>
+									<li>
+										<a>Healthcare</a>
+									</li>
+								</ul>
+							</div>
+						</div>
+					</div>
+				</div> 
 		</header>
 	</div><!-- end Header -->
 	<div id="intro-section" class="home-section">

scripts/custom.js

@@ -50,6 +50,7 @@ jQuery(document).ready(function($){
 
     $('.service-link').on('click', function()
     {
+        $('#industriesMenu').css('displa', 'none');
         $('#servicesMenu').toggle('active');
         if(headerIsActive)
         {
@@ -64,6 +65,7 @@ jQuery(document).ready(function($){
 
     $('.industries-link').on('click', function()
     {
+        $('#servicesMenu').css('display', 'none');
         $('#industriesMenu').toggle('active');
         if(headerIsActive)
         {

styles/custom.css

@@ -28,7 +28,7 @@ ul.bulleted-list {
 }
 
 /* header */
-.services-link,.industries-link
+.service-link,.industries-link
 {
     cursor: pointer;
 }
@@ -47,16 +47,20 @@ ul.bulleted-list {
     position: relative;
     left: 0;
     width: 100%;
-    padding: 32px 0;
+    padding: 10px 0px 32px 0;
 }
-.dropdown_menu.active {
-    display: block;
+#servicesMenu ul
+{
+    padding-left: 95px;
 }
-
-#servicesMenu
+#industriesMenu ul
 {
-
+    padding-left: 172px;
 }
+#servicesMenu.active, #industriesMenu.active {
+    display: block;
+}
+
 .expand-menu li{
     color:#fff;
     padding:5px 0px;