Version 3.0.0

apply.html

 				</nav><!-- end Navigation -->
 				<nav id="mobile-navigation">
 					<ul>
-						<li><a data-id ="intro-section" class="home_link" href="#intro-section">home</a></li>
-						<li><a data-id ="about-section" class="home_link" href="#about-section">about us</a></li>
-						<li ><a data-id="our_partners-section"  class="home_link" href="#our_partners-section">our partners</a></li>
+						<li><a data-id ="intro-section" class="home_link" href="index.html">home</a></li>
+						<li><a data-id ="about-section" class="home_link" href="index.html">about us</a></li>
+						<li ><a data-id="our_partners-section"  class="home_link" href="index.html">our partners</a></li>
 						<!-- <li><a href="#team-wrap">our team</a></li> -->
 						<!-- <li><a  data-id ="services-section" class="home_link" href="#services-section">services</a></li> -->
 
 					<li><a href="#stats-wrap">states</a></li>
 					<li><a href="#news-wrap">news</a></li> -->
 						
-						<li class=""><a data-id ="contact-section" class="home_link" href="#contact-section">contact</a></li>
+						<li class=""><a data-id ="contact-section" class="home_link" href="index.html">contact</a></li>
 						<li class="active" ><a href="careers.html">careers</a><span class="nav-active-mark"></span></li>
 						<li ><a href="portfolio.html">portfolio</a></li>
 					</ul>
 				});
 			});
 		});
-
-		
-     
-
-
 	</script>
 	<script type="text/javascript" src="scripts/custom.js"></script>
+
+	<div id="back-to-top">
+		<span>Top</span>
+	</div>
 </body>
 
 </html>

careers.html

 				</nav><!-- end Navigation -->
 				<nav id="mobile-navigation">
 					<ul>
-						<li><a data-id ="intro-section" class="home_link" href="#intro-section">home</a></li>
-						<li><a data-id ="about-section" class="home_link" href="#about-section">about us</a></li>
-						<li ><a data-id="our_partners-section"  class="home_link" href="#our_partners-section">our partners</a></li>
+						<li><a data-id ="intro-section" class="home_link" href="index.html">home</a></li>
+						<li><a data-id ="about-section" class="home_link" href="index.html">about us</a></li>
+						<li ><a data-id="our_partners-section"  class="home_link" href="index.html">our partners</a></li>
 						<!-- <li><a href="#team-wrap">our team</a></li> -->
 						<!-- <li><a  data-id ="services-section" class="home_link" href="#services-section">services</a></li> -->
 
 					<li><a href="#stats-wrap">states</a></li>
 					<li><a href="#news-wrap">news</a></li> -->
 						
-						<li class=""><a data-id ="contact-section" class="home_link" href="#contact-section">contact</a></li>
+						<li class=""><a data-id ="contact-section" class="home_link" href="index.html">contact</a></li>
 						<li class=" active" ><a href="careers.html">careers</a><span class="nav-active-mark"></span></li>
-						<li ><a href="portfolio.html">portfolio</a>></li>
+						<li ><a href="portfolio.html">portfolio</a></li>
 					</ul>
 				</nav><!-- end Navigation -->
 			</header>
 			});
 		});
 	</script>
-
+		<div id="back-to-top">
+			<span>Top</span>
+		</div>
 </body>
 
 </html>

index.html

 
 <link rel="stylesheet" type="text/css" href="styles/custom.css" media="screen" />
 <link rel="stylesheet" type="text/css" href="styles/font-awesome.min.css" media="screen" />
-<link rel="stylesheet" type="text/css" href="styles/flexslider.css" media="screen" />
+<!-- <link rel="stylesheet" type="text/css" href="styles/flexslider.css" media="screen" /> -->
 <link id="animate_css_file" rel="stylesheet" type="text/css" href="styles/animate.css" media="screen" />
 <link rel="stylesheet" type="text/css" href="styles/prettyPhoto.css" media="screen" />
 <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700" rel="stylesheet" type="text/css" />
 					<li><a class="clear_storage" href="portfolio.html">portfolio</a></li>
 				</ul>
 			</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">
 	});
 });
 </script>
-
+	<div id="back-to-top">
+		<span>Top</span>
+	</div>
 </body>
 </html>

portfolio.html

 				</nav><!-- end Navigation -->
 				<nav id="mobile-navigation">
 					<ul>
-						<li><a data-id ="intro-section" class="home_link" href="#intro-section">home</a></li>
-						<li><a data-id ="about-section" class="home_link" href="#about-section">about us</a></li>
-						<li ><a data-id="our_partners-section"  class="home_link" href="#our_partners-section">our partners</a></li>
+						<li><a data-id ="intro-section" class="home_link" href="index.html">home</a></li>
+						<li><a data-id ="about-section" class="home_link" href="index.html">about us</a></li>
+						<li ><a data-id="our_partners-section"  class="home_link" href="index.html">our partners</a></li>
 						<!-- <li><a href="#team-wrap">our team</a></li> -->
 						<!-- <li><a  data-id ="services-section" class="home_link" href="#services-section">services</a></li> -->
 
 					<li><a href="#stats-wrap">states</a></li>
 					<li><a href="#news-wrap">news</a></li> -->
 						
-						<li><a data-id ="contact-section" class="home_link" href="#contact-section">contact</a></li>
+						<li><a data-id ="contact-section" class="home_link" href="index.html">contact</a></li>
 						<li ><a href="careers.html">careers</a></li>
 						<li class="active portfolio"><a href="portfolio.html">portfolio</a><span class="nav-active-mark"></span></li>
 					</ul>
 							motivation</strong> to create value for companies that rely on digital solutions.
 					</p>
 				</div><!-- end Contact Form -->
-				<div class="one_half contact-socials last">
+				<div class="one_half contact-socials last portfolio-partners">
 					<h3></h3>
 					<h5></h5>
 					<div class="hive contact-social wow swing facebook contact-socials-3s-first">
 			});
 		});
 	</script>
-
+	<div id="back-to-top">
+		<span>Top</span>
+	</div>
 </body>
 
 </html>

scripts/custom.js

 
     //homepage
 
-    $('.link-expand').on('click', function()
-    {
-        $('.dropdown-menu').addClass('active');
+    // $('.link-expand').on('click', function()
+    // {
+    //     $('.dropdown-menu').addClass('active');
 
-    });
+    // });
 
 
     //homepage end
             }
         }
     });
- 
+    $("#back-to-top").on('click', function()
+    {
+        $(window).scrollTop(0); 
+        $(this).removeClass('active');
+    });
  // click event to scroll to div
  //section link in nav which refer to section on homepage 
     $('.home_link').on('click', function(e){
     
     var siteUrl  = window.location.hash;
     window.addEventListener('scroll', function(e) {
+        if($( document ).width() <= 768)
+        {
+            $("#back-to-top").addClass("active");
+        }
+
+        if($( document ).scrollTop() == 0)
+        {
+            $("#back-to-top").removeClass("active");
+        }
+        
         var loc  = window.location;
         if(loc.pathname.substring(loc.pathname.lastIndexOf('/') + 1, loc.pathname.length) == 'index.html')
         {
         $(this).find('.gallery-info').stop(true,true).animate({ "top": "-999" } );
     });
 
-    /*==========  FlexSlider  ==========*/
-    $('.flexslider').flexslider({
-        animation: "fade",
-        animationLoop: false,
-        directionNav: false,
-        slideshow: false
-    });
+    
 
     /*==========  Pie Chart  ==========*/
     $('.days').waypoint(function() { 
     //     return false;
         
     // });    
- 
+ /*==========  FlexSlider  ==========*/
+ $('.flexslider').flexslider({
+    animation: "fade",
+    animationLoop: false,
+    directionNav: false,
+    slideshow: false
+});
 
 
 }); // end jquery init

style.css

 }
 body {
     font: normal 14px/18px 'Open Sans', Helvetica, Arial, sans-serif;
+    position: relative;
     background-color: #f6f6f6;
     color: #5e5e5e;
 }
 {
     margin-top: 100px;
 }
-#contact
+#contact:not(.our_partners)
 {
-    padding-top: 100px;
+    padding-top: 0px;
+    margin-top: -53px;
 }
 #about-section,
 #services-section,
    
 }
 @media (min-width: 768px) and (max-width: 939px) {
+
     .general-section {
         width: 720px;
     }
 }
 
 @media only screen and (max-width: 767px) {
+
+    .portfolio-partners
+    {
+        margin: 0!important;
+        padding: 0!important;
+    
+    }
+    .portfolio-partners .contact-social, .contact-socials.portfolio-partners .contact-social.contact-socials-3s-first
+    {
+        float: none;
+        margin-left: 0px;
+    }
+    .portfolio-partners.contact-socials .contact-social:nth-child(n+6)
+    {
+       margin-top:  0px; 
+    }
+    .partner-descritpion {
+        padding-bottom: 40px;
+    }
     .general-section {
         width: 520px;
     } 
 
 }
 @media only screen and (max-width: 480px) {
+
+   
+    /* #contact
+    {
+        margin: 0 auto;
+    } */
+    #contact:not(.our_partners)
+    {
+        margin-top: 0;
+    }
+    .gallery-box .gallery-4s-first {
+        margin:0 auto;
+    }
     .typewriter-span{
         font-size: 3rem !important;
     }

styles/custom.css

 }
 
 /* header end*/
+
+#back-to-top
+{
+    position: fixed;
+    right: 16px;
+    bottom: 40px;
+    width: 0; 
+    height: 0; 
+    display: none;
+    border-right: 50px solid transparent;
+    border-left: 50px solid transparent;
+    border-bottom: 50px solid #993c95;
+    border-radius: 7px;
+    z-index: 99;
+   
+
+}
+#back-to-top span
+{
+    position: relative;
+    top: 21px;
+    left: -15px;
+    font-size: 20px;
+    color: #fff;
+}
+#back-to-top.active{
+    display: block;
+}
 .h3
 {
     font-size: 36px;
    
     background-color: #089bcf!important;
 }
+/* portfolio */
 #gallery .contact-socials .contact-social-overlay .hex-area ,#portfolio-header .contact-socials .contact-social-overlay .hex-area {
     /*background-color: #d7dbd8!important;*/
     background-color: #cccccc!important;
 {
     position: relative;
     z-index: 1;
-    padding-bottom: 55px;
+    padding-bottom: 100px;
 }
 #our_partners-wrap .our_partners-cont
 {
     text-align: center;
     padding: 180px 5px;
 }
+
 #portfolio-header .hive .outer-hex:hover 
 {
     background-color: rgba(153,60,149,0.7)!important;
 {
     position: relative;    
     padding-bottom: 0px!important;
+    padding-top: 210px;
 
 }
 #our_partners-wrap::before{