BJ_web_developers / webportal

Commit 5f42323a959a7f7aaced3eb14a41708c1cb899cb

Authored by liuqimichale
2 parents cf6ed1ec 11bfca84

Merge branch 'test' of http://192.168.1.195:9998/web_developers/webportal into test

Inline Side-by-side
Showing 3 changed files with 205 additions and 3 deletions
contact.html 0 → 100644
  View file @5f42323
  1 +<!Doctype html>
  2 +<html class="no-js" lang="en">
  3 +<head>
  4 + <meta charset="utf-8">
  5 + <meta http-equiv="x-ua-compatible" content="ie=edge">
  6 + <title>关于我们</title>
  7 + <meta name="description" content="">
  8 + <meta name="viewport" content="width=device-width, initial-scale=1">
  9 +
  10 + <link type="text/css" rel="icon" href="images/logo.png">
  11 + <!-- Place favicon.ico in the root directory -->
  12 +
  13 + <!-- Google Fonts -->
  14 + <!--<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">-->
  15 +
  16 + <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css?a=1">
  17 + <link type="text/css" rel="stylesheet" href="css/slicknav.min.css">
  18 + <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css">
  19 + <link type="text/css" rel="stylesheet" href="css/owl.carousel.min.css">
  20 + <link type="text/css" rel="stylesheet" href="css/owl.theme.default.min.css">
  21 + <link type="text/css" rel="stylesheet" href="css/animate.min.css">
  22 + <link type="text/css" rel="stylesheet" href="css/animate-text.css">
  23 + <link type="text/css" rel="stylesheet" href="css/magnific-popup.css">
  24 + <link type="text/css" rel="stylesheet" href="css/font-awesome.min.css">
  25 +
  26 + <link type="text/css" rel="stylesheet" href="css/swiper.css">
  27 + <!-- Ruby CSS -->
  28 + <link type="text/css" rel="stylesheet" href="css/normalize.css">
  29 + <link type="text/css" rel="stylesheet" href="style.css?a=1">
  30 + <link type="text/css" rel="stylesheet" href="css/responsive.css">
  31 +
  32 + <!-- Color CSS -->
  33 + <link type="text/css" rel="stylesheet" href="css/color/color7.css">
  34 + <!--<link rel="stylesheet" href="css/color/color1.css">-->
  35 + <!--<link rel="stylesheet" href="css/color/color2.css">-->
  36 + <!--<link rel="stylesheet" href="css/color/color3.css">-->
  37 + <!--<link rel="stylesheet" href="css/color/color4.css">-->
  38 + <!--<link rel="stylesheet" href="css/color/color5.css">-->
  39 + <!--<link rel="stylesheet" href="css/color/color6.css">-->
  40 + <!--<link rel="stylesheet" href="css/color/color8.css">-->
  41 + <!--<link rel="stylesheet" href="css/color/color9.css">-->
  42 +
  43 + <!--<link type="text/css" rel="stylesheet" href="" id="colors">-->
  44 +
  45 +</head>
  46 +<body>
  47 +
  48 +<!--<div class="color-plate ">-->
  49 +<!--<a class="icon"><i class="fa fa-cog fa-spin"></i></a>-->
  50 +<!--<h2>Ruby Color</h2>-->
  51 +<!--<div class="color-head">-->
  52 +<!--<span class="color1"></span>-->
  53 +<!--<span class="color2"></span>-->
  54 +<!--<span class="color3"></span>-->
  55 +<!--<span class="color4"></span>-->
  56 +<!--<span class="color5"></span>-->
  57 +<!--<span class="color6"></span>-->
  58 +<!--<span class="color7"></span>-->
  59 +<!--<span class="color8"></span>-->
  60 +<!--<span class="color9"></span>-->
  61 +<!--</div>-->
  62 +<!--</div>-->
  63 +
  64 +<!-- Header Area -->
  65 +<header id="header" class="header">
  66 +
  67 +</header>
  68 +<!--/ End Header Area -->
  69 +
  70 +<!-- Footer Area -->
  71 +<footer id="footer" class="footer_cont">
  72 +
  73 +</footer>
  74 +<!--/ End Footer Area -->
  75 +
  76 +<script type="text/javascript" src="js/jquery.min.js"></script>
  77 +<script type="text/javascript" src="js/bootstrap.min.js"></script>
  78 +<script type="text/javascript" src="js/colors.js"></script>
  79 +<script type="text/javascript" src="js/jquery.nav.js"></script>
  80 +<script type="text/javascript" src="js/jquery.scrollUp.min.js"></script>
  81 +<script type="text/javascript" src="js/jquery.slicknav.min.js"></script>
  82 +<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
  83 +<script type="text/javascript" src="js/owl.carousel.min.js"></script>
  84 +<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
  85 +<script type="text/javascript" src="js/wow.min.js"></script>
  86 +<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
  87 +<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
  88 +<script type="text/javascript" src="js/animate-text.js"></script>
  89 +<!--<script type="text/javascript" src="js/particles.min.js"></script>-->
  90 +<!--<script type="text/javascript" src="js/particle-code.js"></script>-->
  91 +<script type="text/javascript" src="js/jquery.counterup.min.js"></script>
  92 +<script type="text/javascript" src="js/swiper.js"></script>
  93 +<script type="text/javascript" src="js/gmaps.min.js"></script>
  94 +<script type="text/javascript" src="js/nav-footer.js"></script>
  95 +<script type="text/javascript" src="js/main.js?a=2"></script>
  96 +</body>
  97 +</html>
... ...
js/nav-footer.js
  View file @5f42323
... ... @@ -18,10 +18,10 @@ $(function(){
18 18 '<nav class="navbar navbar-default">' +
19 19 '<div class="collapse navbar-collapse">' +
20 20 '<ul id="nav" class="nav navbar-nav">' +
21   - '<li class="current"><a href="#slider">首页</a></li>' +
  21 + '<li class="current"><a href="index.html">首页</a></li>' +
22 22 '<li><a href="portfolio.html">产品介绍</a></li>' +
23   - '<li><a href="#Services">解决方案</a></li>' +
24   - '<li><a href="#contact">关于我们</a></li>' +
  23 + '<li><a href="services.html">服务</a></li>' +
  24 + '<li><a href="contact.html">关于我们</a></li>' +
25 25 '</ul>' +
26 26 '</div>' +
27 27 '</nav>' +
... ... @@ -91,4 +91,12 @@ $(function(){
91 91 ' </div>';
92 92 $('#header').html(headerHtmls);
93 93 $('#footer').html(footHtmls);
  94 + /**
  95 + *弹窗切换
  96 + **/
  97 + $('#nav li').on('click', function () {
  98 + var _index = $(this).index();
  99 + $('#nav>li').eq(_index).addClass('current').siblings().removeClass('current');
  100 +
  101 + });
94 102 });
95 103 \ No newline at end of file
... ...
services.html 0 → 100644
  View file @5f42323
  1 +<!Doctype html>
  2 +<html class="no-js" lang="en">
  3 +<head>
  4 + <meta charset="utf-8">
  5 + <meta http-equiv="x-ua-compatible" content="ie=edge">
  6 + <title>服务</title>
  7 + <meta name="description" content="">
  8 + <meta name="viewport" content="width=device-width, initial-scale=1">
  9 +
  10 + <link type="text/css" rel="icon" href="images/logo.png">
  11 + <!-- Place favicon.ico in the root directory -->
  12 +
  13 + <!-- Google Fonts -->
  14 + <!--<link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i" rel="stylesheet">-->
  15 +
  16 + <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css?a=1">
  17 + <link type="text/css" rel="stylesheet" href="css/slicknav.min.css">
  18 + <link type="text/css" rel="stylesheet" href="css/bootstrap-theme.min.css">
  19 + <link type="text/css" rel="stylesheet" href="css/owl.carousel.min.css">
  20 + <link type="text/css" rel="stylesheet" href="css/owl.theme.default.min.css">
  21 + <link type="text/css" rel="stylesheet" href="css/animate.min.css">
  22 + <link type="text/css" rel="stylesheet" href="css/animate-text.css">
  23 + <link type="text/css" rel="stylesheet" href="css/magnific-popup.css">
  24 + <link type="text/css" rel="stylesheet" href="css/font-awesome.min.css">
  25 +
  26 + <link type="text/css" rel="stylesheet" href="css/swiper.css">
  27 + <!-- Ruby CSS -->
  28 + <link type="text/css" rel="stylesheet" href="css/normalize.css">
  29 + <link type="text/css" rel="stylesheet" href="style.css?a=1">
  30 + <link type="text/css" rel="stylesheet" href="css/responsive.css">
  31 +
  32 + <!-- Color CSS -->
  33 + <link type="text/css" rel="stylesheet" href="css/color/color7.css">
  34 + <!--<link rel="stylesheet" href="css/color/color1.css">-->
  35 + <!--<link rel="stylesheet" href="css/color/color2.css">-->
  36 + <!--<link rel="stylesheet" href="css/color/color3.css">-->
  37 + <!--<link rel="stylesheet" href="css/color/color4.css">-->
  38 + <!--<link rel="stylesheet" href="css/color/color5.css">-->
  39 + <!--<link rel="stylesheet" href="css/color/color6.css">-->
  40 + <!--<link rel="stylesheet" href="css/color/color8.css">-->
  41 + <!--<link rel="stylesheet" href="css/color/color9.css">-->
  42 +
  43 + <!--<link type="text/css" rel="stylesheet" href="" id="colors">-->
  44 +
  45 +</head>
  46 +<body>
  47 +
  48 +<!--<div class="color-plate ">-->
  49 +<!--<a class="icon"><i class="fa fa-cog fa-spin"></i></a>-->
  50 +<!--<h2>Ruby Color</h2>-->
  51 +<!--<div class="color-head">-->
  52 +<!--<span class="color1"></span>-->
  53 +<!--<span class="color2"></span>-->
  54 +<!--<span class="color3"></span>-->
  55 +<!--<span class="color4"></span>-->
  56 +<!--<span class="color5"></span>-->
  57 +<!--<span class="color6"></span>-->
  58 +<!--<span class="color7"></span>-->
  59 +<!--<span class="color8"></span>-->
  60 +<!--<span class="color9"></span>-->
  61 +<!--</div>-->
  62 +<!--</div>-->
  63 +
  64 +<!-- Header Area -->
  65 +<header id="header" class="header">
  66 +
  67 +</header>
  68 +<!--/ End Header Area -->
  69 +
  70 +<!-- Footer Area -->
  71 +<footer id="footer" class="footer_cont">
  72 +
  73 +</footer>
  74 +<!--/ End Footer Area -->
  75 +
  76 +<script type="text/javascript" src="js/jquery.min.js"></script>
  77 +<script type="text/javascript" src="js/bootstrap.min.js"></script>
  78 +<script type="text/javascript" src="js/colors.js"></script>
  79 +<script type="text/javascript" src="js/jquery.nav.js"></script>
  80 +<script type="text/javascript" src="js/jquery.scrollUp.min.js"></script>
  81 +<script type="text/javascript" src="js/jquery.slicknav.min.js"></script>
  82 +<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script>
  83 +<script type="text/javascript" src="js/owl.carousel.min.js"></script>
  84 +<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
  85 +<script type="text/javascript" src="js/wow.min.js"></script>
  86 +<script type="text/javascript" src="js/jquery.stellar.min.js"></script>
  87 +<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
  88 +<script type="text/javascript" src="js/animate-text.js"></script>
  89 +<!--<script type="text/javascript" src="js/particles.min.js"></script>-->
  90 +<!--<script type="text/javascript" src="js/particle-code.js"></script>-->
  91 +<script type="text/javascript" src="js/jquery.counterup.min.js"></script>
  92 +<script type="text/javascript" src="js/swiper.js"></script>
  93 +<script type="text/javascript" src="js/gmaps.min.js"></script>
  94 +<script type="text/javascript" src="js/nav-footer.js"></script>
  95 +<script type="text/javascript" src="js/main.js?a=2"></script>
  96 +</body>
  97 +</html>
... ...