modified preloader and navigation

layouts/partials/contact.html

 
             {{"<!-- section title -->" | safeHTML}}
             <div class="title text-center wow fadeIn" data-wow-duration="500ms">
-                <h2>{{ with .Site.Data.contact.heading }} {{ . }} {{ end }} <span class="color">{{ with .Site.Data.contact.heading }} {{ . }} {{ end }}</span></h2>
+                <h2>{{ with .Site.Data.contact.heading }} {{ . }} {{ end }} <span class="color">{{ with .Site.Data.contact.headingSpan }} {{ . }} {{ end }}</span></h2>
                 <div class="border"></div>
             </div>
             {{"<!-- /section title -->" | safeHTML}}

layouts/partials/navigation.html

         </div>
 
         {{"<!-- main nav -->" | safeHTML}}
+        {{ if .IsHome }}        
         <nav class="collapse navbar-collapse navbar-right" role="Navigation">
-            <ul id="nav" class="nav navbar-nav navigation-menu">
-                <li><a data-scroll href="#body">{{ with .Site.Params.home }}{{ . }}{{ end }}</a></li>
-                {{ range .Site.Menus.nav }}
-                <li><a data-scroll href="#{{ .URL }}">{{ .Name }}</a></li>
-                {{ end }}
-            </ul>
-        </nav>
+                    <ul id="nav" class="nav navbar-nav navigation-menu">
+                        <li><a data-scroll href="#body">{{ with $.Site.Params.home }}{{ . }}{{ end }}</a></li>
+                        {{ range $.Site.Menus.nav }}
+                        <li><a data-scroll href="#{{ .URL }}">{{ .Name }}</a></li>
+                        {{ end }}
+                    </ul>
+                </nav>
+        {{ else }}
+        <nav class="collapse navbar-collapse navbar-right" role="Navigation">
+                    <ul id="nav" class="nav navbar-nav navigation-menu">
+                        <li><a data-scroll href="{{ $.Site.BaseURL }}#body">{{ with $.Site.Params.home }}{{ . }}{{ end }}</a></li>
+                        {{ range $.Site.Menus.nav }}
+                        <li><a data-scroll href="{{ $.Site.BaseURL }}#{{ .URL }}">{{ .Name }}</a></li>
+                        {{ end }}
+                    </ul>
+                </nav>
+        {{ end }}
         {{"<!-- /main nav -->" | safeHTML}}
 
     </div>

static/css/style.css

 /*=== MEDIA QUERY ===*/
 @import url("https://fonts.googleapis.com/css?family=Anaheim|Quattrocento+Sans:400,700");
 @import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,400,600");
+
 html {
   background-color: #353b43;
   color: #737f8a;
   -webkit-font-smoothing: antialiased;
 }
 
-h1, h2, h3, h4, h5, h6 {
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
   font-weight: 400;
   font-family: "Quattrocento Sans", sans-serif;
   color: #afbac4;
   background: #57cbcc;
 }
 
-ol, ul {
+ol,
+ul {
   margin: 0;
   padding: 0;
   list-style: none;
   border: 0;
 }
 
-a, a:focus, a:hover {
+a,
+a:focus,
+a:hover {
   text-decoration: none;
   outline: 0;
 }
 
-a:focus, a:hover {
+a:focus,
+a:hover {
   color: #6CB670;
 }
 
   padding: 0 !important;
 }
 
+.mb-50{
+  margin-bottom: 50px;
+}
+
 .btn {
   background-color: transparent;
   color: #fff;
   border: 1px solid #4e595f;
 }
 
-.btn-transparent:hover, .btn-transparent:focus {
+.btn-transparent:hover,
+.btn-transparent:focus {
   background-color: #57cbcc;
   border: 1px solid transparent;
   color: #fff;
   padding: 0 0 50px;
 }
 
-.sub-title > h3 {
+.sub-title>h3 {
   border-left: 3px solid #ddd;
   border-right: 3px solid #ddd;
   display: inline-block;
   text-transform: uppercase;
 }
 
-.btn.active:focus, .btn:active:focus, .btn:focus {
+.btn.active:focus,
+.btn:active:focus,
+.btn:focus {
   outline: 0;
 }
 
   display: inline-block;
 }
 
-ol, ul {
+ol,
+ul {
   margin: 0;
   padding: 0;
   list-style: none;
   margin: 0;
 }
 
-.mb-50{
-  margin-bottom: 50px;
-}
-
 a {
   transition: all .2s ease-in 0s;
 }
   border: 0;
 }
 
-a, a:focus, a:hover {
+a,
+a:focus,
+a:hover {
   text-decoration: none;
   outline: 0;
 }
 
-a:focus, a:hover {
+a:focus,
+a:hover {
   color: #57cbcc;
 }
 
   position: relative;
 }
 
-.btn.active:focus, .btn:active:focus, .btn:focus {
+.btn.active:focus,
+.btn:active:focus,
+.btn:focus {
   outline: 0;
 }
 
 }
 
 #preloader {
-  background: #fff;
-  height: 100%;
-  left: 0;
-  opacity: 1;
-  filter: alpha(opacity=100);
   position: fixed;
-  text-align: center;
   top: 0;
-  width: 100%;
-  z-index: 999999999;
-}
-
-.preloader {
-  left: 50%;
-  top: 50%;
-  -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
-  text-align: center;
-  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #fff;
+  z-index: 999;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .sk-cube-grid {
 }
 
 @-webkit-keyframes sk-cubeGridScaleDelay {
-  0%, 70%, 100% {
+
+  0%,
+  70%,
+  100% {
     -webkit-transform: scale3D(1, 1, 1);
     transform: scale3D(1, 1, 1);
   }
+
   35% {
     -webkit-transform: scale3D(0, 0, 1);
     transform: scale3D(0, 0, 1);
 }
 
 @keyframes sk-cubeGridScaleDelay {
-  0%, 70%, 100% {
+
+  0%,
+  70%,
+  100% {
     -webkit-transform: scale3D(1, 1, 1);
     transform: scale3D(1, 1, 1);
   }
+
   35% {
     -webkit-transform: scale3D(0, 0, 1);
     transform: scale3D(0, 0, 1);
   background: transparent;
 }
 
-.header-bradcrumb a, .header-bradcrumb .active {
+.header-bradcrumb a,
+.header-bradcrumb .active {
   color: #cfcfcf;
   font-weight: 200;
   font-family: "Quattrocento Sans", sans-serif;
   color: #737f8a;
 }
 
-.navigation .navigation-menu li a:hover, .navigation .navigation-menu li a:focus {
+.navigation .navigation-menu li a:hover,
+.navigation .navigation-menu li a:focus {
   background: transparent;
   color: #57cbcc;
 }
 
 .about .block:hover .icon-box {
   -webkit-transform: translateY(-10px);
-          transform: translateY(-10px);
+  transform: translateY(-10px);
 }
 
 .about .block .icon-box {
   border-right: 2px solid rgba(236, 239, 241, 0.07);
   font-size: 50px;
   -webkit-transform: translateZ(0px);
-          transform: translateZ(0px);
+  transform: translateZ(0px);
   transition-duration: 0.3s;
   transition-property: -webkit-transform;
   transition-property: transform;
   transition-property: transform, -webkit-transform;
 }
 
-.about .block .icon-box:after, .about .block .icon-box:before {
+.about .block .icon-box:after,
+.about .block .icon-box:before {
   content: "";
   position: absolute;
   z-index: 1;
   background-color: inherit;
   left: 20.4315px;
   -webkit-transform: scaleY(0.5774) rotate(-45deg);
-          transform: scaleY(0.5774) rotate(-45deg);
+  transform: scaleY(0.5774) rotate(-45deg);
 }
 
 .about .block .icon-box:before {
   left: 50%;
   opacity: 0;
   -webkit-transform: translate(-50%, -50%);
-          transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
   z-index: 9;
   transition: all 0.2s ease-in-out;
   text-align: center;
   opacity: 1;
   filter: alpha(opacity=100);
   -webkit-transform: rotateY(0deg) scale(1, 1);
-          transform: rotateY(0deg) scale(1, 1);
+  transform: rotateY(0deg) scale(1, 1);
 }
 
 .member-photo {
 
 .member-photo:hover img {
   -webkit-transform: scale(1.2);
-          transform: scale(1.2);
+  transform: scale(1.2);
 }
 
 .member-photo img {
   filter: alpha(opacity=0);
   transition: all .5s ease-out 0s;
   -webkit-transform: rotateY(180deg) scale(0.5, 0.5);
-          transform: rotateY(180deg) scale(0.5, 0.5);
+  transform: rotateY(180deg) scale(0.5, 0.5);
 }
 
 .member-photo .mask ul {
   color: #57cbcc;
 }
 
-.post-meta > span {
+.post-meta>span {
   color: #666;
   border-right: 1px solid #dedede;
   display: inline-block;
   padding-right: 10px;
 }
 
-.post-meta > span:last-child {
+.post-meta>span:last-child {
   border-right: 0;
 }
 
-.post-meta > span i {
+.post-meta>span i {
   margin-right: 5px;
 }
 
   margin-right: 20px;
 }
 
-.post-author > img {
+.post-author>img {
   border: 1px solid #dedede;
   max-width: 120px;
   padding: 5px;
   margin-top: 80px;
 }
 
-.comment-reply-form input, .comment-reply-form textarea {
+.comment-reply-form input,
+.comment-reply-form textarea {
   height: 35px;
   border-radius: 0;
   box-shadow: none;
 }
 
-.comment-reply-form input:focus, .comment-reply-form textarea:focus {
+.comment-reply-form input:focus,
+.comment-reply-form textarea:focus {
   box-shadow: none;
   border: 1px solid #57cbcc;
 }
 
-.comment-reply-form textarea, .comment-reply-form .btn-main {
+.comment-reply-form textarea,
+.comment-reply-form .btn-main {
   height: auto;
 }
 
 .social-icon ul li:hover a {
   background-color: #57cbcc;
   -webkit-transform: rotateY(0deg);
-          transform: rotateY(0deg);
+  transform: rotateY(0deg);
 }
 
 .social-icon ul li:hover a i {
   opacity: 1;
   filter: alpha(opacity=100);
   -webkit-transform: rotateY(0deg);
-          transform: rotateY(0deg);
+  transform: rotateY(0deg);
 }
 
 .social-icon ul li a {
   height: 70px;
   width: 70px;
   -webkit-transform: rotateY(180deg);
-          transform: rotateY(180deg);
+  transform: rotateY(180deg);
   transition: all 400ms ease-out 0s;
 }
 
   opacity: 0.3;
   filter: alpha(opacity=30);
   -webkit-transform: rotateY(180deg);
-          transform: rotateY(180deg);
+  transform: rotateY(180deg);
   transition: all 400ms ease-out 0s;
 }
 
   padding: 0 20px 10px;
 }
 
-.post-meta > span {
+.post-meta>span {
   border-right: 1px solid #4e595f;
   display: inline-block;
   font-size: 12px;
   padding-right: 10px;
 }
 
-.post-meta > span:last-child {
+.post-meta>span:last-child {
   border-right: 0;
 }
 
-.post-meta > span > i {
+.post-meta>span>i {
   margin-right: 5px;
 }
 
   margin-bottom: 25px;
 }
 
-.widget-title > h3 {
+.widget-title>h3 {
   color: #fff;
   margin-bottom: 15px;
   margin-top: 0;
   margin-bottom: 25px;
 }
 
-.tab-excerpt > span {
+.tab-excerpt>span {
   display: block;
   font-size: 12px;
   margin-bottom: 10px;
   transition: all .5s ease-in 0s;
 }
 
-.categories > li:hover a {
+.categories>li:hover a {
   padding-left: 10px;
   color: #6CB670;
 }
 
-.categories > li:last-child {
+.categories>li:last-child {
   border-bottom: 0;
 }
 
   margin-right: 20px;
 }
 
-.post-author > img {
+.post-author>img {
   border: 1px solid #4e595f;
   max-width: 120px;
   padding: 5px;
   width: 100%;
 }
 
-.comment-reply-form > h3,
-.author-about > h4,
-.comments > h4 {
+.comment-reply-form>h3,
+.author-about>h4,
+.comments>h4 {
   border-bottom: 1px solid #4e595f;
   margin-bottom: 15px;
   margin-top: 0;
   overflow: hidden;
 }
 
-.author-comment cite a:hover, .replay:hover {
+.author-comment cite a:hover,
+.replay:hover {
   color: #6CB670;
   text-decoration: underline;
 }
   margin: 0;
 }
 
-/*# sourceMappingURL=maps/style.css.map */
+/*# sourceMappingURL=maps/style.css.map */

static/js/script.js

-jQuery(function ($) { "use strict";
-	
+jQuery(function ($) {
+	"use strict";
+
 	/* ========================================================================= */
 	/*	Page Preloader
 	/* ========================================================================= */
-	
-	window.onload = function () {
-		document.getElementById('preloader').style.display = 'none';
-	}
+
+	// Preloader js    
+	$(window).on('load', function () {
+		$('#preloader').fadeOut(700);
+	});
 
 
 	/* ========================================================================= */
 	/*	Post image slider
 	/* ========================================================================= */
-	
+
 	$("#post-thumb, #gallery-post").slick({
 		infinite: true,
-		arrows:false,
+		arrows: false,
 		autoplay: true,
-  		autoplaySpeed: 4000
-		
+		autoplaySpeed: 4000
+
 	});
-	
+
 	$("#features").slick({
 		infinite: true,
-		arrows:false,
+		arrows: false,
 		autoplay: true,
-  		autoplaySpeed: 4000
+		autoplaySpeed: 4000
 	});
 
 
 
 
 	$("#navigation").sticky({
-		topSpacing : 0
+		topSpacing: 0
 	});
-	
+
 
 	/* ========================================================================= */
 	/*	Magnific popup
 	/* =========================================================================  */
 	$('.image-popup').magnificPopup({
-    type: 'image',
-    removalDelay: 160, //delay removal by X to allow out-animation
-    callbacks: {
-        beforeOpen: function () {
-            // just a hack that adds mfp-anim class to markup
-            this.st.image.markup = this.st.image.markup.replace('mfp-figure', 'mfp-figure mfp-with-anim');
-            this.st.mainClass = this.st.el.attr('data-effect');
-        }
-    },
-    closeOnContentClick: true,
-    midClick: true,
-    fixedContentPos: false,
-    fixedBgPos: true
-});
+		type: 'image',
+		removalDelay: 160, //delay removal by X to allow out-animation
+		callbacks: {
+			beforeOpen: function () {
+				// just a hack that adds mfp-anim class to markup
+				this.st.image.markup = this.st.image.markup.replace('mfp-figure', 'mfp-figure mfp-with-anim');
+				this.st.mainClass = this.st.el.attr('data-effect');
+			}
+		},
+		closeOnContentClick: true,
+		midClick: true,
+		fixedContentPos: false,
+		fixedBgPos: true
+	});
 	/* ========================================================================= */
 	/*	Portfolio Filtering Hook
 	/* =========================================================================  */
 
-  	var mixer = mixitup('.portfolio-items-wrapper');
-	
+	var mixer = mixitup('.portfolio-items-wrapper');
+
 	/* ========================================================================= */
 	/*	Testimonial Carousel
 	/* =========================================================================  */
- 
+
 	//Init the carousel
 	$("#testimonials").slick({
 		infinite: true,
-		arrows:false,
+		arrows: false,
 		autoplay: true,
-  		autoplaySpeed: 4000
+		autoplaySpeed: 4000
 	});
 
 
 // End Jquery Function
 
 
-	/* ========================================================================= */
-	/*	Animated section
-	/* ========================================================================= */
-
-	var wow = new WOW(
-		{
-		  offset:       100,          // distance to the element when triggering the animation (default is 0)
-		  mobile:       false      // trigger animations on mobile devices (default is true)
-		}
-	 );
-	 wow.init();
-
-
-	/* ========================================================================= */
-	/*	Smooth Scroll
-	/* ========================================================================= */
-	var scroll = new SmoothScroll('a[href*="#"]');
-
-
-
-	/* ========================================================================= */
-	/*	Google Map Customization
-	/* =========================================================================  */
-
-	function initialize() {
+/* ========================================================================= */
+/*	Animated section
+/* ========================================================================= */
 
-		var latitude = $('#map-canvas').attr('data-latitude');
-		var longitude = $('#map-canvas').attr('data-longitude');
-		var myLatLng = new google.maps.LatLng(latitude, longitude);
-
-		var roadAtlasStyles = [{
-			"featureType": "landscape",
-			"elementType": "geometry.fill",
-			"stylers": [{
-				"color": "#2F3238"
-			}]
-		}, {
-			"elementType": "labels.text.fill",
-			"stylers": [{
-				"color": "#FFFFFF"
-			}]
-		}, {
-			"elementType": "labels.text.stroke",
-			"stylers": [{
-				"visibility": "off"
-			}]
-		}, {
-			"featureType": "road",
-			"elementType": "geometry.fill",
-			"stylers": [{
-				"color": "#50525f"
-			}]
-		}, {
-			"featureType": "road",
-			"elementType": "geometry.stroke",
-			"stylers": [{
-				"visibility": "on"
-			}, {
-				"color": "#808080"
-			}]
-		}, {
-			"featureType": "poi",
-			"elementType": "labels",
-			"stylers": [{
-				"visibility": "off"
-			}]
-		}, {
-			"featureType": "transit",
-			"elementType": "labels.icon",
-			"stylers": [{
-				"visibility": "off"
-			}]
-		}, {
-			"featureType": "poi",
-			"elementType": "geometry",
-			"stylers": [{
-				"color": "#808080"
-			}]
-		}, {
-			"featureType": "water",
-			"elementType": "geometry.fill",
-			"stylers": [{
-				"color": "#3071a7"
-			}, {
-				"saturation": -65
-			}]
+var wow = new WOW({
+	offset: 100, // distance to the element when triggering the animation (default is 0)
+	mobile: false // trigger animations on mobile devices (default is true)
+});
+wow.init();
+
+
+/* ========================================================================= */
+/*	Smooth Scroll
+/* ========================================================================= */
+var scroll = new SmoothScroll('a[href*="#"]');
+
+
+
+/* ========================================================================= */
+/*	Google Map Customization
+/* =========================================================================  */
+
+function initialize() {
+
+	var latitude = $('#map-canvas').attr('data-latitude');
+	var longitude = $('#map-canvas').attr('data-longitude');
+	var myLatLng = new google.maps.LatLng(latitude, longitude);
+
+	var roadAtlasStyles = [{
+		"featureType": "landscape",
+		"elementType": "geometry.fill",
+		"stylers": [{
+			"color": "#2F3238"
+		}]
+	}, {
+		"elementType": "labels.text.fill",
+		"stylers": [{
+			"color": "#FFFFFF"
+		}]
+	}, {
+		"elementType": "labels.text.stroke",
+		"stylers": [{
+			"visibility": "off"
+		}]
+	}, {
+		"featureType": "road",
+		"elementType": "geometry.fill",
+		"stylers": [{
+			"color": "#50525f"
+		}]
+	}, {
+		"featureType": "road",
+		"elementType": "geometry.stroke",
+		"stylers": [{
+			"visibility": "on"
 		}, {
-			"featureType": "road",
-			"elementType": "labels.icon",
-			"stylers": [{
-				"visibility": "off"
-			}]
+			"color": "#808080"
+		}]
+	}, {
+		"featureType": "poi",
+		"elementType": "labels",
+		"stylers": [{
+			"visibility": "off"
+		}]
+	}, {
+		"featureType": "transit",
+		"elementType": "labels.icon",
+		"stylers": [{
+			"visibility": "off"
+		}]
+	}, {
+		"featureType": "poi",
+		"elementType": "geometry",
+		"stylers": [{
+			"color": "#808080"
+		}]
+	}, {
+		"featureType": "water",
+		"elementType": "geometry.fill",
+		"stylers": [{
+			"color": "#3071a7"
 		}, {
-			"featureType": "landscape",
-			"elementType": "geometry.stroke",
-			"stylers": [{
-				"color": "#bbbbbb"
-			}]
-		}];
-
-		var mapOptions = {
-			zoom: 14,
-			center: myLatLng,
-			disableDefaultUI: true,
-			scrollwheel: false,
-			navigationControl: false,
-			mapTypeControl: false,
-			scaleControl: false,
-			draggable: false,
-			mapTypeControlOptions: {
-				mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'roadatlas']
-			}
-		};
-
-		var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
+			"saturation": -65
+		}]
+	}, {
+		"featureType": "road",
+		"elementType": "labels.icon",
+		"stylers": [{
+			"visibility": "off"
+		}]
+	}, {
+		"featureType": "landscape",
+		"elementType": "geometry.stroke",
+		"stylers": [{
+			"color": "#bbbbbb"
+		}]
+	}];
+
+	var mapOptions = {
+		zoom: 14,
+		center: myLatLng,
+		disableDefaultUI: true,
+		scrollwheel: false,
+		navigationControl: false,
+		mapTypeControl: false,
+		scaleControl: false,
+		draggable: false,
+		mapTypeControlOptions: {
+			mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'roadatlas']
+		}
+	};
 
+	var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
 
-		var marker = new google.maps.Marker({
-			position: myLatLng,
-			map: map,
-			title: '',
-		});
 
+	var marker = new google.maps.Marker({
+		position: myLatLng,
+		map: map,
+		title: '',
+	});
 
-		google.maps.event.addListener(marker, 'click', function () {
-			infowindow.open(map, marker);
-		});
 
-		var styledMapOptions = {
-			name: 'US Road Atlas'
-		};
+	google.maps.event.addListener(marker, 'click', function () {
+		infowindow.open(map, marker);
+	});
 
-		var usRoadMapType = new google.maps.StyledMapType(
-			roadAtlasStyles, styledMapOptions);
+	var styledMapOptions = {
+		name: 'US Road Atlas'
+	};
 
-		map.mapTypes.set('roadatlas', usRoadMapType);
-		map.setMapTypeId('roadatlas');
-	}
+	var usRoadMapType = new google.maps.StyledMapType(
+		roadAtlasStyles, styledMapOptions);
 
-	google.maps.event.addDomListener(window, "load", initialize);
+	map.mapTypes.set('roadatlas', usRoadMapType);
+	map.setMapTypeId('roadatlas');
+}
 
+google.maps.event.addDomListener(window, "load", initialize);