init website

liuqimichale
1 parent 87e21225
Showing 2 changed files with 94 additions and 114 deletions
index.html
js/main.js
@@ -7,29 +7,29 @@
         <meta name="description" content="">
         <meta name="viewport" content="width=device-width, initial-scale=1">
  
-        <link rel="icon" href="img/header-logo1.png">
+        <link type="text/css"  rel="icon" href="img/header-logo1.png">
         <!-- Place favicon.ico in the root directory -->
-		
+
 		<!-- Google Fonts -->
-		<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">
+		<!--<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">-->
+
+		<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
+		<link type="text/css" rel="stylesheet" href="css/slicknav.min.css">
+		<link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css">
+		<link type="text/css" rel="stylesheet" href="css/owl.carousel.min.css">
+		<link type="text/css" rel="stylesheet" href="css/owl.theme.default.min.css">
+		<link type="text/css" rel="stylesheet" href="css/animate.min.css">
+		<link type="text/css" rel="stylesheet" href="css/animate-text.css">
+		<link type="text/css" rel="stylesheet" href="css/magnific-popup.css">
+        <link type="text/css" rel="stylesheet" href="css/font-awesome.min.css">
  
-		<link rel="stylesheet" href="css/bootstrap.min.css">
-		<link rel="stylesheet" href="css/slicknav.min.css">
-		<link rel="stylesheet" href="css/bootstrap-theme.min.css">
-		<link rel="stylesheet" href="css/owl.carousel.min.css">
-		<link rel="stylesheet" href="css/owl.theme.default.min.css">
-		<link rel="stylesheet" href="css/animate.min.css">
-		<link rel="stylesheet" href="css/animate-text.css">
-		<link rel="stylesheet" href="css/magnific-popup.css">
-        <link rel="stylesheet" href="css/font-awesome.min.css">
-		
 		<!-- Ruby CSS -->
-        <link rel="stylesheet" href="css/normalize.css">
-        <link rel="stylesheet" href="style.css">
-		<link rel="stylesheet" href="css/responsive.css">
-		
+        <link type="text/css" rel="stylesheet" href="css/normalize.css">
+        <link type="text/css" rel="stylesheet" href="style.css">
+		<link type="text/css" rel="stylesheet" href="css/responsive.css">
+
 		<!-- Color CSS -->
-		<link rel="stylesheet" href="css/color/color7.css">
+		<link type="text/css" rel="stylesheet" href="css/color/color7.css">
 		<!--<link rel="stylesheet" href="css/color/color1.css">-->
 		<!--<link rel="stylesheet" href="css/color/color2.css">-->
 		<!--<link rel="stylesheet" href="css/color/color3.css">-->
@@ -39,11 +39,11 @@
 		<!--<link rel="stylesheet" href="css/color/color8.css">-->
 		<!--<link rel="stylesheet" href="css/color/color9.css">-->
  
-		<link rel="stylesheet" href="#" id="colors">
-		
+		<link type="text/css" rel="stylesheet" href="#" id="colors">
+
     </head>
     <body>
-	
+
 		<div class="color-plate ">
 			<a class="icon"><i class="fa fa-cog fa-spin"></i></a>
 			<h2>Ruby Color</h2>
@@ -59,7 +59,7 @@
 				<span class="color9"></span>
 			</div>
 		</div>
-		
+
 		<!-- Header Area -->
 		<header id="header" class="header">
 			<!-- Header Inner -->
@@ -108,7 +108,7 @@
 			</div>
 		</header>
 		<!--/ End Header Area -->
-		
+
 		<!-- Slider Area -->
 		<section id="slider">
 				<div class="single-slider" style="background-image:url('img/slider1.jpg')">
@@ -139,7 +139,7 @@
 				</div>
 		</section>
 		<!--/ End Slider Area -->
-		
+
 		<!-- features Area -->
 		<section id="features" class="section">
 			<div class="container">
@@ -155,7 +155,7 @@
 					<div class="col-md-6 col-sm-12 col-xs-12 wow fadeInLeft" data-wow-duration="0.8s" data-wow-delay="0.9s">
 						<div class="feature-left">
 							<img src="img/computer.jpg" alt="#">
-						</div>	
+						</div>
 					</div>
 					<div class="col-md-6 col-sm-12 col-xs-12 wow fadeInRight" data-wow-duration="0.8s" data-wow-delay="0.9s">
 						<div class="feature-right">
@@ -193,7 +193,7 @@
 			</div>
 		</section>
 		<!--/ End features Area -->
-		
+
 		<!-- Start Service area -->
 		<section id="Services" class="section">
 			<div class="container">
@@ -253,7 +253,7 @@
 			</div>
 		</section>
 		<!-- End Service -->
-		
+
 		<!-- Latest Works Area -->
 		<section id="latest-works" class="latest-works section">
 			<div class="container">
@@ -370,7 +370,7 @@
 			</div>
 		</section>
 		<!--/ End Works Area -->
-		
+
 		<!-- Testimonials -->
 		<section id="testimonials" class="section" data-stellar-background-ratio="0.5">
 			<section class="bg">
@@ -396,8 +396,8 @@
 									<p><i class="fa fa-quote-left" aria-hidden="true"></i><i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.<i class="fa fa-quote-right" aria-hidden="true"></i></i></p>
 									<span> -Sabbir Ahmed</span>
 								</div>
-								
-								
+
+
 							</div>
 						</div>
 					</div>
@@ -406,7 +406,7 @@
 		</section>
 		<!--/ End Testimonials -->
 		<div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>
-		
+
 		<!-- Blog -->
 		<section id="blog" class="section">
 			<div class="container">
@@ -475,7 +475,7 @@
 			</div>
 		</section>
 		<!--/ End Newslatter -->
-		
+
 		<!-- Fun Facts Area -->
 		<section id="fun-facts" class="fun-facts section" data-stellar-background-ratio="0.5">
 			<div class="bf-color">
@@ -522,7 +522,7 @@
 			</div>
 		</section>
 		<!--/ End Fun Facts Area -->
-			
+
 		<!-- Team -->
 		<section id="team" class="section">
 			<div class="container">
@@ -619,7 +619,7 @@
 			</div>
 		</section>
 		<!--/ End Team -->
-		
+
 		<!-- Pricing Table -->
 		<section class="p-table4 section">
 			<div class="container">
@@ -642,7 +642,7 @@
 								</div>
 								<div class="price">
 									<p class="amount"><span>$</span>19</p>
-								</div>	
+								</div>
 							</div>
 							<!-- Table List -->
 							<ul class="table-list">
@@ -673,7 +673,7 @@
 								</div>
 								<div class="price">
 									<p class="amount"><span>$</span>25</p>
-								</div>	
+								</div>
 							</div>
 							<!-- Table List -->
 							<ul class="table-list">
@@ -704,7 +704,7 @@
 								</div>
 								<div class="price">
 									<p class="amount"><span>$</span>55</p>
-								</div>	
+								</div>
 							</div>
 							<!-- Table List -->
 							<ul class="table-list">
@@ -725,12 +725,12 @@
 						</div>
 					</div>
 					<!-- End Single Table-->
-				</div>	
-			</div>	
-		</section>	
+				</div>
+			</div>
+		</section>
 		<!--/ End Pricing Table -->
  
-		
+
 		<!--/ contact Area -->
 		<section id="contact" class="contact section" data-stellar-background-ratio="0.5">
 				<div class="container">
@@ -741,7 +741,7 @@
 									<h3>Contact <span>us now</span></h3>
 									<p class="p1">Aercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.</p>
 									<p>Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.</p>
-									
+
 								</div>
 							</div>
 							<div class="col-md-8 col-sm-8 col-xs-12">
@@ -763,7 +763,7 @@
 												<div class="form-group">
 													<textarea name="message" placeholder="type your message"></textarea>
 												</div>
-												
+
 											</div>
 										</form>
 									</div>
@@ -775,7 +775,7 @@
 				</div>
 		</section>
 		<!--/ End contact Area -->
-		
+
 		<!-- Clients Area -->
 		<div id="clients" class="clients section">
 			<div class="container">
@@ -833,7 +833,7 @@
 			</div>
 		</div>
 		<!--/ End Clients Area -->
-		
+
 		<!-- Footer Area -->
 		<footer id="footer" class="footer section">
 			<!-- Footer Top -->
@@ -916,25 +916,25 @@
 			<!--/ End Copyright -->
 		</footer>
 		<!--/ End Footer Area -->
-			
-        <script src="js/jquery.min.js"></script>
-        <script src="js/bootstrap.min.js"></script>
-		<script src="js/colors.js"></script>
-        <script src="js/jquery.nav.js"></script>
-        <script src="js/jquery.scrollUp.min.js"></script>
-        <script src="js/jquery.slicknav.min.js"></script>
-		<script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
-        <script src="js/owl.carousel.min.js"></script>
-		<script src="js/isotope.pkgd.min.js"></script>
-		<script src="js/wow.min.js"></script>
-		<script src="js/jquery.stellar.min.js"></script>
-		<script src="js/jquery.magnific-popup.min.js"></script>
-		<script src="js/animate-text.js"></script>
-		<script src="js/particles.min.js"></script>
-		<script src="js/particle-code.js"></script>
-		<script src="js/jquery.counterup.min.js"></script>
-		
+
+        <script type="text/javascript" src="js/jquery.min.js"></script>
+        <script type="text/javascript" src="js/bootstrap.min.js"></script>
+		<script type="text/javascript" src="js/colors.js"></script>
+        <script type="text/javascript" src="js/jquery.nav.js"></script>
+        <script type="text/javascript" src="js/jquery.scrollUp.min.js"></script>
+        <script type="text/javascript" src="js/jquery.slicknav.min.js"></script>
+		<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
+        <script type="text/javascript" src="js/owl.carousel.min.js"></script>
+		<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
+		<script type="text/javascript" src="js/wow.min.js"></script>
+		<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
+		<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
+		<script type="text/javascript" src="js/animate-text.js"></script>
+		<script type="text/javascript" src="js/particles.min.js"></script>
+		<script type="text/javascript" src="js/particle-code.js"></script>
+		<script type="text/javascript" src="js/jquery.counterup.min.js"></script>
+
         <script type="text/javascript" src="js/gmaps.min.js"></script>
-        <script src="js/main.js"></script>
+        <script type="text/javascript" src="js/main.js"></script>
     </body>
-</html>
 \ No newline at end of file
+</html>
-$(document).on('ready', function(){
+
  
 		// Header position  //
 		jQuery(window).on('scroll', function() {
@@ -8,18 +8,18 @@ $(document).on(&#39;ready&#39;, function(){
 				$('#header .header-inner').removeClass("sticky");
 			}
 		});
-	
-	
+
+
 		// Mobile Menu  //
 		$(function(){
 			$('#nav').slicknav({
 				'label' : '',
 				'prependTo': '.mobile-menu',
-				
+
 			});
 		});
-	
-	
+
+
 		// Testimonial Slider //
 		$('.testimonial-slider').owlCarousel({
 				items:1,
@@ -32,7 +32,7 @@ $(document).on(&#39;ready&#39;, function(){
 				nav:false,
 				dots:true,
 			});
-		
+
 		//  Portfolio //
 		$('.single-pf').owlCarousel({
 			items:1,
@@ -47,8 +47,8 @@ $(document).on(&#39;ready&#39;, function(){
 			dots:false,
 			navText: ['PREVIOUS', 'NEXT'],
 		});
-		
-		
+
+
 		//  Client Slider //
 		$('.clients-slider').owlCarousel({
 			autoplay:true,
@@ -74,7 +74,7 @@ $(document).on(&#39;ready&#39;, function(){
 				}
 			}
 		});
-	
+
 		//  Popup JS //
 		$('.popup').magnificPopup({
 			type: 'image',
@@ -82,16 +82,16 @@ $(document).on(&#39;ready&#39;, function(){
 			enabled:true
 			}
 		});
-		
-		
-		
+
+
+
 		// stellar //
 			$.stellar({
 		  horizontalOffset: 0,
 		  verticalOffset: 0
 		});
  
-		
+
  
 		// Wow Animate  //
 		var wow = new WOW(
@@ -109,13 +109,13 @@ $(document).on(&#39;ready&#39;, function(){
 		  }
 		);
 		wow.init();
-	
-	
+
+
 		/*====================================
 			Isotop
-		======================================*/ 
+		======================================*/
 		$(window).on('load', function() {
-			
+
 			if ($.fn.isotope) {
                 $(".isotop-active").isotope({
                     filter: '*',
@@ -138,15 +138,15 @@ $(document).on(&#39;ready&#39;, function(){
                 });
             }
 		});
-		
-		
+
+
 		// onePageNav  //
 		$('#nav').onePageNav({
 			changeHash: false,
 			scrollSpeed: 1000,
 			filter: '',
 		});
-		
+
 		// Scroll Up JS  //
 		$(function () {
 		  $.scrollUp({
@@ -160,42 +160,22 @@ $(document).on(&#39;ready&#39;, function(){
 			activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
 		  });
 		});
-		
-		
+
+
 		// counterUp //
 		$('.counter').counterUp({
 			delay: 10,
 			time: 2500,
-				
-		});
-		
-	
-		// GMaps //
-		var map = new GMaps({
-		  el: '#map',
-		  lat: 22.933046,
-		  lng: 90.827027
-		});
-		var map = new GMaps({
-				el: '#map',
-				lat: 22.933046,
-				lng: 90.827027,
-				scrollwheel: false,
-			});
-			map.addMarker({
-				lat: 22.933046,
-				lng: 90.827027,
-				title: 'Welcome to SOHEL',
-				infoWindow: {
-				content: '<p>Welcome To Clipping Hunt</p>'
-			}
-		
+
 		});
-		
+
+
+
+
 		// Preloader
 		$(window).on('load', function() {
 				$('.loader').fadeOut('slow', function(){
 				$(this).remove();
 			});
 		});
-})(jQuery);
 \ No newline at end of file
+