diff --git a/index.html b/index.html
index 35d5899..49d8116 100755
--- a/index.html
+++ b/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="utf-8">
     <meta http-equiv="x-ua-compatible" content="ie=edge">
-    <title>Ruby - Responsive Corporate Tempalte</title>
+    <title>任你停</title>
     <meta name="description" content="">
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
@@ -63,54 +63,7 @@
 
 		<!-- Header Area -->
 		<header id="header" class="header">
-			<!-- Header Inner -->
-			<div class="header-inner">
-				<div class="container">
-					<div class="row">
-						<div class="col-md-4 col-sm-2 col-xs-2">
-							<div class="logo">
-								<a href="index.html">
-									<img src="images/logo.png" alt="logo.png" style="margin-right: 16px;">
-									<img src="images/logoname.png" alt="logoname.png" style="margin-right: 26px;">
-									<img src="images/logotitle.png" alt="logotitle.png">
-								</a>
-							</div>
-						</div>
-						<div class="col-md-8 col-sm-8">
-							<div class="mobile-menu"></div>
-							<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><a href="portfolio.html">产品介绍</a></li>
-										<li><a href="#Services">解决方案</a></li>
-										<!--<li><a href="#latest-works">portfolio<i class="fa fa-caret-down" aria-hidden="true"></i></a>-->
-											<!--<ul class="dropdown">-->
-												<!--<li><a href="portfolio.html">Portfolio</a></li>-->
-												<!--<li><a href="portfolio-single.html">portfolio-single</a></li>-->
-											<!--</ul>-->
-										<!--</li>-->
-										<!--<li><a href="#blog">Blogs<i class="fa fa-caret-down" aria-hidden="true"></i></a>-->
-											<!--<ul class="dropdown">-->
-												<!--<li><a href="blog.html">Blog Archive</a></li>-->
-												<!--<li><a href="blog-single.html">Blog Single</a></li>-->
-											<!--</ul>-->
-										<!--</li>-->
-										<!--<li><a href="#team">Team</a></li>-->
-										<!--<li><a href="#">Pages <i class="fa fa-caret-down" aria-hidden="true"></i></a>-->
-											<!--<ul class="dropdown">-->
-												<!--<li><a href="404.html">Error 404</a></li>-->
-												<!--<li><a href="mail-success.html">Mail Success</a></li>-->
-											<!--</ul>-->
-										<!--</li>-->
-										<li><a href="#contact">关于我们</a></li>
-									</ul>
-								</div>
-							</nav>
-						</div>
-					</div>
-				</div>
-			</div>
+
 		</header>
 		<!--/ End Header Area -->
 
@@ -842,76 +795,7 @@
 
 <!-- Footer Area -->
 <footer id="footer" class="footer_cont">
-    <!-- container -->
-    <div class="container">
-        <!-- row -->
-        <div class="row">
-            <div class="col-md-3 col-xs-6">
-                <div class="footer">
-                    <div class="footer-title">公司介绍</div>
-                    <ul class="footer-links">
-                        <li><a href="#">企业文化</a></li>
-                        <li><a href="#">加入我们</a></li>
-                        <li><a href="#">发展历程</a></li>
-                        <li><a href="#">资质</a></li>
-                    </ul>
-                </div>
-            </div>
-
-            <div class="col-md-3 col-xs-6">
-                <div class="footer">
-                    <div class="footer-title">产品介绍</div>
-                    <ul class="footer-links">
-                        <li><a href="#">企业云</a></li>
-                        <li><a href="#">任你停</a></li>
-                        <li><a href="#">大数据</a></li>
-                    </ul>
-                </div>
-            </div>
-
-            <div class="col-md-3 col-xs-6">
-                <div class="footer">
-                    <div class="footer-title">联系我们</div>
-                    <ul class="footer-links">
-                        <li>电话:(0510) 66055077</li>
-                        <li style="height: 36px;line-height: 18px;margin-bottom: 16px;">地址:江苏省无锡新区菱湖大道200号<br> &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;中国传感网国际创新园A座6层</li>
-                        <li>E-mail:info@zte-its.com</li>
-                    </ul>
-                </div>
-            </div>
-
-            <div class="col-md-3 col-xs-6">
-                <div class="footer">
-                    <div class="footer-media">官方媒体</div>
-                    <ul class="footer-links">
-                        <span class="links_wechatIco rnt_pos_rel">
-                            <span class="rnt_wechat rnt_pos_abs"></span>
-                        </span>
-                        <a href="http://www.weibo.com"><span class="links_weiboIco"></span></a>
-                    </ul>
-                </div>
-            </div>
-        </div>
-        <!-- /row -->
-    </div>
-    <!-- /container -->
 
-    <!-- bottom footer -->
-    <div id="bottom-footer" class="bottom-footer">
-        <div class="container">
-            <!-- row -->
-            <div class="row">
-                <div class="col-md-12 text-center" style="padding-top: 27px">
-					<span class="copyright">
- 					Copyright © <script>document.write(new Date().getFullYear());</script>. ZTE ITS LIMITED.<a style="color:rgba(255,255,255,.5);display: inline-block;text-align: center;" href="http://www.miitbeian.gov.cn/">苏ICP备17052208号-1</a>
-					</span>
-                </div>
-            </div>
-            <!-- /row -->
-        </div>
-        <!-- /container -->
-    </div>
-    <!-- /bottom footer -->
 </footer>
 <!--/ End Footer Area -->
 
diff --git a/js/nav-footer.js b/js/nav-footer.js
index 642c539..3e0b25c 100644
--- a/js/nav-footer.js
+++ b/js/nav-footer.js
@@ -1,4 +1,94 @@
 
 $(function(){
+    //header HTML
+    var headerHtmls='<div class="header-inner">' +
+        '<div class="container">' +
+        '<div class="row">' +
+        '<div class="col-md-4 col-sm-2 col-xs-2">' +
+        '<div class="logo">' +
+        '<a href="index.html">' +
+        '<img src="images/logo.png" alt="logo.png" style="margin-right: 16px;">' +
+        '<img src="images/logoname.png" alt="logoname.png" style="margin-right: 26px;">' +
+        '<img src="images/logotitle.png" alt="logotitle.png">' +
+        '</a>' +
+        '</div>' +
+        '</div>' +
+        '<div class="col-md-8 col-sm-8">' +
+        '<div class="mobile-menu"></div>' +
+        '<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><a href="portfolio.html">产品介绍</a></li>' +
+        '<li><a href="#Services">解决方案</a></li>' +
+        '<li><a href="#contact">关于我们</a></li>' +
+        '</ul>' +
+        '</div>' +
+        '</nav>' +
+        '</div>' +
+        '</div>' +
+        '<</div>' +
+        '</div>';
 
+    //footer HTML
+    var footHtmls='<div class="container">' +
+        '        <div class="row">' +
+        '            <div class="col-md-3 col-xs-6">' +
+        '                <div class="footer">' +
+        '                    <div class="footer-title">公司介绍</div>' +
+        '                    <ul class="footer-links">' +
+        '                        <li><a href="#">企业文化</a></li>' +
+        '                        <li><a href="#">加入我们</a></li>' +
+        '                        <li><a href="#">发展历程</a></li>' +
+        '                        <li><a href="#">资质</a></li>' +
+        '                    </ul>' +
+        '                </div>' +
+        '            </div>' +
+        '            <div class="col-md-3 col-xs-6">' +
+        '                <div class="footer">' +
+        '                    <div class="footer-title">产品介绍</div>' +
+        '                    <ul class="footer-links">' +
+        '                        <li><a href="#">企业云</a></li>' +
+        '                        <li><a href="#">任你停</a></li>' +
+        '                        <li><a href="#">大数据</a></li>' +
+        '                    </ul>' +
+        '                </div>' +
+        '            </div>' +
+        '            <div class="col-md-3 col-xs-6">' +
+        '                <div class="footer">' +
+        '                    <div class="footer-title">联系我们</div>' +
+        '                    <ul class="footer-links">' +
+        '                        <li>电话:(0510) 66055077</li>' +
+        '                        <li style="height: 36px;line-height: 18px;margin-bottom: 16px;">地址:江苏省无锡新区菱湖大道200号<br> &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;中国传感网国际创新园A座6层</li>' +
+        '                        <li>E-mail:info@zte-its.com</li>' +
+        '                    </ul>' +
+        '                </div>' +
+        '            </div>' +
+        '            <div class="col-md-3 col-xs-6">' +
+        '                <div class="footer">' +
+        '                    <div class="footer-media">官方媒体</div>' +
+        '                    <ul class="footer-links">' +
+        '                        <span class="links_wechatIco rnt_pos_rel">' +
+        '                            <span class="rnt_wechat rnt_pos_abs"></span>' +
+        '                        </span>' +
+        '                        <a href="http://www.weibo.com"><span class="links_weiboIco"></span></a>' +
+        '                    </ul>' +
+        '                </div>' +
+        '            </div>' +
+        '        </div>' +
+        '    </div>' +
+        '    <div id="bottom-footer" class="bottom-footer">' +
+        '        <div class="container">' +
+        '            <div class="row">' +
+        '                <div class="col-md-12 text-center" style="padding-top: 27px">' +
+        '<span class="copyright">' +
+        'Copyright © 2018. ZTE ITS LIMITED.<a style="color:rgba(255,255,255,.5);display: inline-block;text-align: center;" href="http://www.miitbeian.gov.cn/">苏ICP备17052208号-1</a>' +
+        '<!--<script>document.write(new Date().getFullYear());</script>-->' +
+        '</span>' +
+        '                </div>' +
+        '            </div>' +
+        '        </div>' +
+        '    </div>';
+    $('#header').html(headerHtmls);
+    $('#footer').html(footHtmls);
 });
\ No newline at end of file
