|
@@ -6,6 +6,7 @@
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
<meta name="keywords" content="" />
|
|
|
+<meta name="description" content="全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。百度超过千亿的中文网页数据库,可以瞬间找到相关的搜索结果。">
|
|
|
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
|
|
|
function hideURLbar(){ window.scrollTo(0,1); } </script>
|
|
|
<!-- //for-mobile-apps -->
|
|
@@ -19,13 +20,14 @@
|
|
|
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="all">
|
|
|
<!-- //carousel slider -->
|
|
|
<link href="css/font-awesome.css" rel="stylesheet">
|
|
|
-<script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script>
|
|
|
<script src="js/jquery-2.2.3.min.js"></script>
|
|
|
+<script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script>
|
|
|
<script src="js/bootstrap.js"></script>
|
|
|
-<!--/web-fonts-->
|
|
|
-<link href="http://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
|
|
|
-<link href="http://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
|
|
|
-<!--//web-fonts-->
|
|
|
+<style>
|
|
|
+ .modal-header .close {
|
|
|
+ margin-top: -25px;
|
|
|
+}
|
|
|
+</style>
|
|
|
</head>
|
|
|
<body>
|
|
|
<!--/banner-bottom-->
|
|
@@ -55,7 +57,7 @@
|
|
|
<span class="icon-bar"></span>
|
|
|
<span class="icon-bar"></span>
|
|
|
</button>
|
|
|
- <h1><a href="index.html"><span class="letter">T</span>ech <span>E</span>du</a></h1>
|
|
|
+ <h1><a href="index.html"><span class="letter">小</span>码 <span>侠</span></a></h1>
|
|
|
</div>
|
|
|
<!-- navbar-header -->
|
|
|
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
|
|
@@ -80,7 +82,8 @@
|
|
|
<h4>The best learning institution</h4>
|
|
|
<h3><span>w</span>elcome to our <span>u</span>niversity</h3>
|
|
|
<p>Itaque earum rerum hic tenetur a sapiente delectus </p>
|
|
|
- <a class="hvr-rectangle-out w3_play_icon1" href="#" data-toggle="modal" data-target="#myModal"> read more</a>
|
|
|
+ <a class="hvr-rectangle-out w3_play_icon1" href="javascript:;" onclick="showModal('标题', 'mycontent', $(this))"> 查看详情</a>
|
|
|
+ <div id="mycontent" style="display:none;">内容内容</div>
|
|
|
</div>
|
|
|
<!--/banner-ingo-->
|
|
|
</div>
|
|
@@ -92,11 +95,12 @@
|
|
|
<div class="agileits-banner-grids text-center">
|
|
|
<div class="banner-bottom-girds">
|
|
|
<div class="agileits-banner-grid bg-w3ls-active">
|
|
|
- <span class="fa fa-university banner-icon" aria-hidden="true"></span>
|
|
|
+ <img class="fa fa-tags banner-icon" src="http://192.168.33.10/xiaomaxia/main/assets/default/images/about3.jpg" class="img-responsive" alt="" width="50">
|
|
|
<h4>Academics</h4>
|
|
|
<p>Itaque earum rerum hic tenetur a sapiente delectus
|
|
|
reiciendis maiores alias consequatur aut.</p>
|
|
|
- <a class="hvr-rectangle-out w3_play_icon1" href="#" data-toggle="modal" data-target="#myModal"> read more</a>
|
|
|
+ <a class="hvr-rectangle-out w3_play_icon1" href="javascript:;" onclick="showModal('标题', 'course_1', $(this))"> 查看详情</a>
|
|
|
+ <div id="course_1" style="display:none;">内容内容</div>
|
|
|
</div>
|
|
|
<div class="agileits-banner-grid">
|
|
|
<span class="fa fa-tags banner-icon" aria-hidden="true"></span>
|
|
@@ -107,60 +111,62 @@
|
|
|
</div>
|
|
|
<div class="clearfix"></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <h2 class="w3ls-title">about us</h2>
|
|
|
- <h5>Roin vel enim nec ipsum finibus.Duis euismod massa utab.</h5>
|
|
|
- <div class="col-md-7 w3ls-about-left">
|
|
|
- <p>Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus. </p>
|
|
|
- <p class="about-bottom">Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum.</p>
|
|
|
</div>
|
|
|
- <div class="col-md-5 w3ls-row">
|
|
|
- <div class="col-md-6 col-sm-6 wthree-about-left">
|
|
|
- <img src="images/about2.jpg" class="img-responsive" alt=""/>
|
|
|
+ <div>
|
|
|
+ <h2 class="w3ls-title">about us</h2>
|
|
|
+ <h5>Roin vel enim nec ipsum finibus.Duis euismod massa utab.</h5>
|
|
|
+ <div class="col-md-7 w3ls-about-left">
|
|
|
+ <p>Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus. </p>
|
|
|
+ <p class="about-bottom">Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum finibus.Duis euismod massa ut sem fringilla blandit. Proin vel enim nec ipsum.</p>
|
|
|
</div>
|
|
|
- <div class="col-md-6 col-sm-6 w3ls-row alert wthree-about-right">
|
|
|
- <img src="images/about3.jpg" class="img-responsive" alt=""/>
|
|
|
+ <div class="col-md-5 w3ls-row">
|
|
|
+ <div class="col-md-6 col-sm-6 wthree-about-left">
|
|
|
+ <img src="images/about2.jpg" class="img-responsive" alt=""/>
|
|
|
+ </div>
|
|
|
+ <div class="col-md-6 col-sm-6 w3ls-row alert wthree-about-right">
|
|
|
+ <img src="images/about3.jpg" class="img-responsive" alt=""/>
|
|
|
+ </div>
|
|
|
+ <div class="clearfix"> </div>
|
|
|
</div>
|
|
|
<div class="clearfix"> </div>
|
|
|
- </div>
|
|
|
- <div class="clearfix"> </div>
|
|
|
- <div class="stats-info agileits-w3layouts">
|
|
|
- <div class="col-sm-3 col-xs-3 stats-grid">
|
|
|
- <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='324' data-delay='.5' data-increment="1">324</div>
|
|
|
- <div class="stats-img stat2">
|
|
|
- <p>branches</p>
|
|
|
+ <div class="stats-info agileits-w3layouts">
|
|
|
+ <div class="col-sm-3 col-xs-3 stats-grid">
|
|
|
+ <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='324' data-delay='.5' data-increment="1">324</div>
|
|
|
+ <div class="stats-img stat2">
|
|
|
+ <p>branches</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-3 col-xs-3 stats-grid">
|
|
|
- <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='200' data-delay='.5' data-increment="1">200</div>
|
|
|
- <div class="stats-img stat2">
|
|
|
- <p>visitors</p>
|
|
|
+ <div class="col-sm-3 col-xs-3 stats-grid">
|
|
|
+ <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='200' data-delay='.5' data-increment="1">200</div>
|
|
|
+ <div class="stats-img stat2">
|
|
|
+ <p>visitors</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-3 col-xs-3 stats-grid stat1">
|
|
|
- <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='156' data-delay='.5' data-increment="1">156</div>
|
|
|
- <div class="stats-img stat2">
|
|
|
- <p>Awards</p>
|
|
|
+ <div class="col-sm-3 col-xs-3 stats-grid stat1">
|
|
|
+ <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='156' data-delay='.5' data-increment="1">156</div>
|
|
|
+ <div class="stats-img stat2">
|
|
|
+ <p>Awards</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="col-sm-3 col-xs-3 stats-grid stat1">
|
|
|
- <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='156' data-delay='.5' data-increment="1">156</div>
|
|
|
- <div class="stats-img stat2">
|
|
|
- <p>centres</p>
|
|
|
+ <div class="col-sm-3 col-xs-3 stats-grid stat1">
|
|
|
+ <div class='numscroller numscroller-big-bottom' data-slno='1' data-min='0' data-max='156' data-delay='.5' data-increment="1">156</div>
|
|
|
+ <div class="stats-img stat2">
|
|
|
+ <p>centres</p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="clearfix"></div>
|
|
|
- </div>
|
|
|
+ <div class="clearfix"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- //about -->
|
|
|
<!--services-->
|
|
|
- <div class="agileits-services w3ls-section" id="agileits-services" >
|
|
|
+ <div class="agileits-services w3ls-section" id="service" >
|
|
|
<div class="container">
|
|
|
- <h3 class="w3ls-title">services </h3>
|
|
|
+ <h3 class="w3ls-title">业务 </h3>
|
|
|
<div class="agileits-services-row">
|
|
|
<div class="col-md-3 col-sm-6 agileits-services-grids">
|
|
|
- <span class="glyphicon glyphicon-stats effect-1" aria-hidden="true"></span>
|
|
|
+ <img class="glyphicon glyphicon-user effect-1" src="http://192.168.33.10/xiaomaxia/main/assets/default/images/about3.jpg" class="img-responsive" alt="" width="120">
|
|
|
<h4>Analytics</h4>
|
|
|
<p>Itaque earum rerum hic tenetur a sapiente delectus
|
|
|
reiciendis maiores alias consequatur aut</p>
|
|
@@ -189,7 +195,7 @@
|
|
|
</div>
|
|
|
<!--//agileits-services-->
|
|
|
<!--portfolio-->
|
|
|
- <div id="portfolio" class="portfolio w3ls-section">
|
|
|
+ <div id="gallery" class="portfolio w3ls-section">
|
|
|
<div class="container">
|
|
|
<h3 class="w3ls-title">gallery</h3>
|
|
|
<div class="sap_tabs">
|
|
@@ -383,57 +389,9 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--//portfolio-->
|
|
|
- <div class="tlinks">Collect from <a href="http://www.cssmoban.com/" >建站模板</a></div>
|
|
|
<!--//main-header-->
|
|
|
<script type="text/javascript" src="js/jquery.zoomslider.min.js"></script>
|
|
|
- <!-- testimonial -->
|
|
|
- <div class="wthree-testi w3ls-section" id="testimonials">
|
|
|
- <!-- container -->
|
|
|
- <div class="container">
|
|
|
- <h3 class="w3ls-title">Testimonials</h3>
|
|
|
- <div class="w3_wthree-testi_grids text-center">
|
|
|
- <section class="slider">
|
|
|
- <div class="flexslider">
|
|
|
- <ul class="slides">
|
|
|
- <li>
|
|
|
- <div class="wthree-testi_grid">
|
|
|
- <div class="testimonial-left">
|
|
|
- <i class="fa fa-user" aria-hidden="true"></i>
|
|
|
- </div>
|
|
|
- <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil
|
|
|
- impedit quo minus id quod possimus, omnis voluptas.</p>
|
|
|
- <h5>John Frank</h5>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="wthree-testi_grid">
|
|
|
- <div class="testimonial-left">
|
|
|
- <i class="fa fa-user" aria-hidden="true"></i>
|
|
|
- </div>
|
|
|
- <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil
|
|
|
- impedit quo minus id quod possimus, omnis voluptas.</p>
|
|
|
- <h5>Michael Doe</h5>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- <li>
|
|
|
- <div class="wthree-testi_grid">
|
|
|
- <div class="testimonial-left">
|
|
|
- <i class="fa fa-user" aria-hidden="true"></i>
|
|
|
- </div>
|
|
|
- <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil
|
|
|
- impedit quo minus id quod possimus, omnis voluptas.</p>
|
|
|
- <h5>Thomas Carl</h5>
|
|
|
- </div>
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
- </div>
|
|
|
- </section>
|
|
|
-
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-<!-- //testimonial -->
|
|
|
+
|
|
|
<!-- team -->
|
|
|
<div class="testimonials w3ls-section" id="team">
|
|
|
<div class="container">
|
|
@@ -485,25 +443,21 @@
|
|
|
<iframe src="" style="border:0" allowfullscreen></iframe>
|
|
|
</div>
|
|
|
<div class="col-md-6 col-sm-6 col-xs-6 contact-right-w3l">
|
|
|
- <form action="#" method="post">
|
|
|
- <input type="text" class="name" name="name" placeholder="First Name" required="">
|
|
|
- <input type="text" class="name" name="name" placeholder="Last Name" required="">
|
|
|
- <input type="email" class="name" name="name" placeholder="Email" required="">
|
|
|
- <input type="text" class="name" name="name" placeholder="Subject" required="">
|
|
|
- <textarea placeholder="Your Message" required></textarea>
|
|
|
- <input type="submit" value="SEND MESSAGE">
|
|
|
- </form>
|
|
|
+ <input type="text" class="name" id="name" name="name" placeholder="姓名" required="">
|
|
|
+ <input type="text" class="name" id="mobile" name="mobile" placeholder="联系电话" required="">
|
|
|
+ <textarea placeholder="备注" id="content" required></textarea>
|
|
|
+ <input type="button" value="联系我" onclick="submit()">
|
|
|
</div>
|
|
|
<div class="clearfix"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- //contact -->
|
|
|
<!-- subscribe -->
|
|
|
- <div class="w3ls-section subscribe text-center">
|
|
|
+ <div class="w3ls-section subscribe text-center" style="display:none;">
|
|
|
<div class="container">
|
|
|
<h3 class="w3ls-title">subscribe now!</h3>
|
|
|
<p>Enter your email address to get the latest news, special events and student activities delivered right to your inbox.</p>
|
|
|
- <div class="subscribe-grid">
|
|
|
+ <div class="subscribe-grid">
|
|
|
<form action="#" method="post">
|
|
|
<input type="email" placeholder="Enter your email.." name="Subscribe" required="">
|
|
|
<button class="btn1">subscribe</button>
|
|
@@ -513,11 +467,11 @@
|
|
|
</div>
|
|
|
<!-- //subscribe -->
|
|
|
<!-- footer -->
|
|
|
- <div class="agileits_w3layouts-footer">
|
|
|
- <div class="col-md-6 col-sm-8 agileinfo-copyright">
|
|
|
+ <div class="agileits_w3layouts-footer" id="footer">
|
|
|
+ <div class="col-md-8 col-sm-8 agileinfo-copyright">
|
|
|
<p>Copyright © 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
|
|
|
</div>
|
|
|
- <div class="col-md-6 col-sm-4 agileinfo-icons">
|
|
|
+ <div class="col-md-4 col-sm-4 agileinfo-icons" style="display: none;">
|
|
|
<ul>
|
|
|
<li><a class="icon fb" href="#"><i class="fa fa-facebook"></i></a></li>
|
|
|
<li><a class="icon tw" href="#"><i class="fa fa-twitter"></i></a></li>
|
|
@@ -534,7 +488,7 @@
|
|
|
<div class="modal-dialog" role="document">
|
|
|
<div class="modal-content">
|
|
|
<div class="modal-header">
|
|
|
- Tech Edu
|
|
|
+ <div class="modal-titles">Tech Edu</div>
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
@@ -562,7 +516,41 @@
|
|
|
width: 'auto', //auto or any width like 600px
|
|
|
fit: true // 100% fit in a container
|
|
|
});
|
|
|
- });
|
|
|
+
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ function showModal(title, content, e)
|
|
|
+ {
|
|
|
+ jQuery.noConflict();
|
|
|
+ var content = $('#' + content).html();
|
|
|
+ $('.modal-body').html(content);
|
|
|
+ $('.modal-titles').html(title);
|
|
|
+ $("#myModal").modal('show');
|
|
|
+ }
|
|
|
+
|
|
|
+ function submit()
|
|
|
+ {
|
|
|
+ var name = $('#name').val();
|
|
|
+ var mobile = $('#mobile').val();
|
|
|
+ var content = $('#content').val();
|
|
|
+ if (!name) {
|
|
|
+ alert('请输入姓名');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (!mobile) {
|
|
|
+ alert('请输入联系电话');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ var url = config.host + 'content.msg';
|
|
|
+ $.post(url, {name:name,mobile:mobile,content:content}, function(t) {
|
|
|
+ $('#name').val('');
|
|
|
+ $('#mobile').val('');
|
|
|
+ $('#content').val('');
|
|
|
+ alert('提交成功,客服会尽量联系您');
|
|
|
+ })
|
|
|
+ }
|
|
|
</script>
|
|
|
<!--//script for portfolio-->
|
|
|
|
|
@@ -573,9 +561,11 @@
|
|
|
$("#owl-demo").owlCarousel({
|
|
|
autoPlay: true, //Set AutoPlay to 3 seconds
|
|
|
items :3,
|
|
|
+ loop: true,
|
|
|
itemsDesktop : [640,2],
|
|
|
- itemsDesktopSmall : [414,1],
|
|
|
+ itemsDesktopSmall : [414,3],
|
|
|
navigation : true,
|
|
|
+ rewindNav : true,
|
|
|
// THIS IS THE NEW PART
|
|
|
afterAction: function(el){
|
|
|
//remove class active
|