Added positions in apply

apply.html

 
         <div class=" clearfix general-section">
             <div class="row">
-                <div class="apply-form-cont col-md-6 offset-md-6">
+                <div class="apply-form-cont col-md-6 offset-md-3">
                     <div class="apply-title-cont">
                         <h2 class="aplly-title">Fill the details below</h2>
                     </div>
                     <form  id="apply-form" action="job_apply.php" method="POST" enctype="multipart/form-data">
                         
                         <select class ="" name="position" id="positions">
-                            <option class =" apply-option" value="Php software developer">Php Software developer</option>
-                            <option class =" apply-option" value="Data engineer">Data engineer</option>
-                            <option class =" apply-option" value="Hr manager">Hr manager</option>
+                            <option class =" apply-option" value="Php software developer">UI/UX Designer</option>
+                            <option class =" apply-option" value="Data engineer">.NET Developer</option>
 						</select>
 					
                         <input class ="apply-field" type="text" name="full-name" placeholder="Full Name" required>

index.html

 					<li><a href="#events-wrap">events</a></li>
 					<li><a href="#stats-wrap">stats</a></li>
 					<li><a href="#news-wrap">news</a></li> -->
-
-					
+					<!--
+					<li class="link-expand"><a>Services</a>
+						 <ul class="sub-menu">
+							<li>
+								<a>Dedicated Development Team</a>
+							</li>
+							<li>
+								<a>Software Product Development</a>
+							</li>
+							<li>
+								<a>Software Testing and QA</a>
+							</li>
+							<li>
+								<a>Mobile Aplication Development</a>
+							</li>
+							<li>
+								<a>API Development and Integration</a>
+							</li>
+						</ul>
+					</li>
+					 -->
+					<!-- <li class="expand"> 
+						<a>Industries</a>
+					 	<ul>
+							<li><a>Finance & Banking
+								</a></li>
+								<li><a>Healthcare</a></li>
+						</ul> 
+					</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>
 				</ul>
+
+				
 			</nav><!-- end Navigation -->
 			<nav id="mobile-navigation">
 				<ul>
 					<li><a class="clear_storage" href="careers.html">careers</a></li>
 					<li><a class="clear_storage" href="portfolio.html">portfolio</a></li>
 				</ul>
-			</nav><!-- end Navigation -->						
+			</nav><!-- end Navigation -->	
+			
+			<!-- <div class="dropdown_wrap general-section">
+				<div class="dropdown-menu">
+					<div class="dropdown-container">
+						<div class="dropdown-left">
+						</div>
+						<div class="dropdown-right">
+							<ul class="expand-menu">
+								<li>
+									<a>Dedicated Development Team</a>
+								</li>
+								<li>
+									<a>Software Product Development</a>
+								</li>
+								<li>
+									<a>Software Testing and QA</a>
+								</li>
+								<li>
+									<a>Mobile Aplication Development</a>
+								</li>
+								<li>
+									<a>API Development and Integration</a>
+								</li>
+							</ul>	
+						</div>
+					</div>
+				</div> -->
+
+			</div>
 		</header>
 	</div><!-- end Header -->
 	<div id="intro-section" class="home-section">

scripts/custom.js

         }
         jQuery('html,body').animate({ scrollTop: targetOffset }, speed);
     }
+
+    //homepage
+
+    $('.link-expand').on('click', function()
+    {
+        $('.dropdown-menu').addClass('active');
+
+    });
+
+
+    //homepage end
     //career
     var expand = false;
     $('.position').on('click', function(ev) {

style.css

     color: #fff;
     margin-top: 32px;
 }
-#navigation ul li {
+#navigation > ul > li {
     font-family: 'bebas_neue', Helvetica, Arial, sans-serif;
     font-size: 17px;
     float: left;

styles/custom.css

 ul.bulleted-list {
     padding-left: 30px;
 }
+
+/* header */
+
+.sub-menu
+{
+    /* display: flex;
+    flex-direction: column; */
+}
+.dropdown_wrap
+{
+
+}
+.dropdown-menu
+{
+    display: none;
+    position: fixed;
+    left: 0;
+    top: 82px;
+    width: 100%;
+    padding: 32px 0;
+}
+.dropdown-menu.active {
+    display: block;
+}
+#servicesMenu
+{
+
+}
+
+/* header end*/
 .h3
 {
     font-size: 36px;