add 服务关于我们

Andy
1 parent d5252bf8
Showing 3 changed files with 205 additions and 3 deletions
contact.html
js/nav-footer.js
services.html
+<!Doctype html>
+<html class="no-js" lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>关于我们</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link type="text/css"  rel="icon" href="images/logo.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 type="text/css" rel="stylesheet" href="css/bootstrap.min.css?a=1">
+    <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 type="text/css" rel="stylesheet" href="css/swiper.css">
+    <!-- Ruby CSS -->
+    <link type="text/css" rel="stylesheet" href="css/normalize.css">
+    <link type="text/css" rel="stylesheet" href="style.css?a=1">
+    <link type="text/css" rel="stylesheet" href="css/responsive.css">
+
+    <!-- Color 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">-->
+    <!--<link rel="stylesheet" href="css/color/color4.css">-->
+    <!--<link rel="stylesheet" href="css/color/color5.css">-->
+    <!--<link rel="stylesheet" href="css/color/color6.css">-->
+    <!--<link rel="stylesheet" href="css/color/color8.css">-->
+    <!--<link rel="stylesheet" href="css/color/color9.css">-->
+
+    <!--<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>-->
+<!--<div class="color-head">-->
+<!--<span class="color1"></span>-->
+<!--<span class="color2"></span>-->
+<!--<span class="color3"></span>-->
+<!--<span class="color4"></span>-->
+<!--<span class="color5"></span>-->
+<!--<span class="color6"></span>-->
+<!--<span class="color7"></span>-->
+<!--<span class="color8"></span>-->
+<!--<span class="color9"></span>-->
+<!--</div>-->
+<!--</div>-->
+
+<!-- Header Area -->
+<header id="header" class="header">
+
+</header>
+<!--/ End Header Area -->
+
+<!-- Footer Area -->
+<footer id="footer" class="footer_cont">
+
+</footer>
+<!--/ End Footer Area -->
+
+<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/swiper.js"></script>
+<script type="text/javascript" src="js/gmaps.min.js"></script>
+<script type="text/javascript" src="js/nav-footer.js"></script>
+<script type="text/javascript" src="js/main.js?a=2"></script>
+</body>
+</html>
@@ -18,10 +18,10 @@ $(function(){
         '<nav class="navbar navbar-default">' +
         '<div class="collapse navbar-collapse">' +
         '<ul id="nav" class="nav navbar-nav">' +
-        '<li class="current"><a href="#slider">首页</a></li>' +
+        '<li class="current"><a href="index.html">首页</a></li>' +
         '<li><a href="portfolio.html">产品介绍</a></li>' +
-        '<li><a href="#Services">解决方案</a></li>' +
-        '<li><a href="#contact">关于我们</a></li>' +
+        '<li><a href="services.html">服务</a></li>' +
+        '<li><a href="contact.html">关于我们</a></li>' +
         '</ul>' +
         '</div>' +
         '</nav>' +
@@ -91,4 +91,12 @@ $(function(){
         '    </div>';
     $('#header').html(headerHtmls);
     $('#footer').html(footHtmls);
+    /**
+     *弹窗切换
+     **/
+    $('#nav li').on('click', function () {
+        var _index = $(this).index();
+        $('#nav>li').eq(_index).addClass('current').siblings().removeClass('current');
+
+    });
 });
 \ No newline at end of file
+<!Doctype html>
+<html class="no-js" lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>服务</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <link type="text/css"  rel="icon" href="images/logo.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 type="text/css" rel="stylesheet" href="css/bootstrap.min.css?a=1">
+    <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 type="text/css" rel="stylesheet" href="css/swiper.css">
+    <!-- Ruby CSS -->
+    <link type="text/css" rel="stylesheet" href="css/normalize.css">
+    <link type="text/css" rel="stylesheet" href="style.css?a=1">
+    <link type="text/css" rel="stylesheet" href="css/responsive.css">
+
+    <!-- Color 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">-->
+    <!--<link rel="stylesheet" href="css/color/color4.css">-->
+    <!--<link rel="stylesheet" href="css/color/color5.css">-->
+    <!--<link rel="stylesheet" href="css/color/color6.css">-->
+    <!--<link rel="stylesheet" href="css/color/color8.css">-->
+    <!--<link rel="stylesheet" href="css/color/color9.css">-->
+
+    <!--<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>-->
+<!--<div class="color-head">-->
+<!--<span class="color1"></span>-->
+<!--<span class="color2"></span>-->
+<!--<span class="color3"></span>-->
+<!--<span class="color4"></span>-->
+<!--<span class="color5"></span>-->
+<!--<span class="color6"></span>-->
+<!--<span class="color7"></span>-->
+<!--<span class="color8"></span>-->
+<!--<span class="color9"></span>-->
+<!--</div>-->
+<!--</div>-->
+
+<!-- Header Area -->
+<header id="header" class="header">
+
+</header>
+<!--/ End Header Area -->
+
+<!-- Footer Area -->
+<footer id="footer" class="footer_cont">
+
+</footer>
+<!--/ End Footer Area -->
+
+<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/swiper.js"></script>
+<script type="text/javascript" src="js/gmaps.min.js"></script>
+<script type="text/javascript" src="js/nav-footer.js"></script>
+<script type="text/javascript" src="js/main.js?a=2"></script>
+</body>
+</html>