代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<title>主页</title>
<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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/font-awesome.css" rel="stylesheet"> <!-- font-awesome icons -->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" property="" />
<!-- //Custom Theme files -->
<!-- web-fonts -->
<link href="http://fonts.googleapis.com/css?family=Bigshot+One" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- //web-fonts -->
</head>
<body>
<!-- banner -->
<div class="w3ls-banner">
<!-- header -->
<div class="header">
<div class="container">
<div class="header-top"><!-- header-top -->
<div class="agile-hdleft nav navbar-nav navbar-left">
<ul>
<li><a href="mailto:example@mail.com"><i class="fa fa-envelope-o"></i> mail@example.com</a></li>
<li><i class="fa fa-phone"></i> +01 222 111 444 </li>
</ul>
</div>
<div class="agile-hdmdl nav navbar-nav">
<form action="#" method="post">
<input type="search" name="Search" placeholder="Enter your search term..." id="search" required="">
<button type="submit" class="btn btn-default" aria-label="Left Align">
<span class="glyphicon glyphicon-search"></span>
</button>
</form>
</div>
<div class="agileits-hdright nav navbar-nav navbar-right">
<div class="social-icon">
<a href="#" class="social-button twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="social-button facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="social-button google"><i class="fa fa-google-plus"></i></a>
<a href="#" class="social-button dribbble"><i class="fa fa-dribbble"></i></a>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="header-mdl agileits-logo"><!-- header-two -->
<div><h1><a href="#">机械实验室</a></h1></div>
<div class="blank" style="color:#fff;font-size:25px;">互联网+检测网络平台</div>
</div>
<div class="header-nav"><!-- header-three -->
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- top-nav -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="index.html" >主页</a></li>
<li><a href="gallery.php">相册</a></li>
<li><a href="user/file.php">文件数据</a></li>
<li><a href="about.php">关于我们</a></li>
<li><a href="contact.php" >联系我们</a></li>
</ul>
<div class="clearfix"> </div>
</div>
</nav>
</div>
</div>
</div>
<!-- //header -->
<!-- banner-text -->
<div class="banner-text agileinfo">
<div class="container">
<div class="flexslider">
<ul class="slides">
<li>
<div class="banner-w3lstext">
<h2>Welcome</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida mauris non mi gravida, at sollicitudin odio efficitur. Mauris ex nulla, aliquam ornare facilisis nec convallis pulvinar a non nunc non leo sollici</p>
</div>
</li>
<li>
<div class="banner-w3lstext">
<h3>Perspiciatis</h3>
<p>Integer gravida mauris non mi gravida, at sollicitudin odio efficitur. Lorem ipsum dolor sit amet elit consectetur adipiscing. Mauris ex nulla, aliquam ornare facilisis nec convallis pulvinar a non nunc non leo sollicitudin</p>
</div>
</li>
<li>
<div class="banner-w3lstext">
<h3>Enimipsam</h3>
<p>Mauris ex nulla, aliquam ornare facilisis nec convallis pulvinar a non nunc non leo sollicitudin, Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer gravida mauris non mi gravida, at sollicitudin odio efficitur. </p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- //banner-text -->
</div>
<!-- //banner -->
<!-- welcome -->
<div class="welcome agileinfo">
<div class="container">
<div class="col-md-6 welcome-w3left">
<h4>Sed tincidunt <br> velit fermentum eget</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed tincidunt lorem sed velit fermentum lobortis, eget placerat mauris sed lectus tellus. Fusce eu semper lacus, sodales id elit a, feugiat porttitor nulla. Sed porta magna vitae nisl vulputate lacinia.</p>
<a href="single.html" class="button button-isi"><span>Read More</span><i class="icon glyphicon glyphicon-arrow-right"></i></a>
</div>
<div class="col-md-6 welcome-w3right">
<img src="images/img1.jpg" alt=""/>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //welcome -->
<!-- services -->
<div class="services agileinfo">
<div class="container">
<h3 class="agileits-title">Services</h3>
<div class="wthree-services-row">
<div class="col-md-6 services-grid">
<div class="col-xs-3 services-grid-left">
<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span>
</div>
<div class="col-xs-9 services-grid-right">
<h4>Etiam pharetra</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus
reiciendis maiores.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 services-grid">
<div class="col-xs-3 services-grid-left">
<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
</div>
<div class="col-xs-9 services-grid-right">
<h4>Pharetra erat</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus
reiciendis maiores.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 services-grid services-grid-bottom">
<div class="col-xs-3 services-grid-left">
<span class="glyphicon glyphicon-check" aria-hidden="true"></span>
</div>
<div class="col-xs-9 services-grid-right">
<h4>Nuncam erat</h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus
reiciendis maiores.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-6 services-grid services-grid-bottom">
<div class="col-xs-3 services-grid-left">
<span class="glyphicon glyphicon-floppy-saved" aria-hidden="true"></span>
</div>
<div class="col-xs-9 services-grid-right">
<h4>Etiam nunc </h4>
<p>Itaque earum rerum hic tenetur a sapiente delectus
reiciendis maiores.</p>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //services -->
<!-- features -->
<div class="features welcome">
<div class="container">
<div class="wthree-features-row">
<div class="col-md-4 features-w3grid">
<div class="col-xs-3 features-w3lleft">
<i class="fa fa-credit-card" aria-hidden="true"></i>
</div>
<div class="col-xs-9 features-w3lright">
<p>Paid Amount</p>
<h4>$500,000+</h4>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 features-w3grid">
<div class="col-xs-3 features-w3lleft">
<i class="fa fa-building-o" aria-hidden="true"></i>
</div>
<div class="col-xs-9 features-w3lright">
<p>Companies</p>
<h4>8,500+</h4>
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 features-w3grid">
<div class="col-xs-3 features-w3lleft">
<i class="fa fa-users" aria-hidden="true"></i>
</div>
<div class="col-xs-9 features-w3lright">
<p>Customers</p>
<h4>12,000+</h4>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //features -->
<!-- testimonials -->
<div class="testi-w3layouts">
<div class="flexslider flexslider1">
<ul class="slides">
<li>
<div class="testi-img">
<div class="container">
<p class="w3ls-speech">Nam ultrices lacus vitae adipiscing aliquet, metus ipsum imperdiet libero, vitae dignissim sapientristique Donec libero dui, scelerisque ac augue id, ullamcorper elit,diam ac nibh convallis. </p>
<h4 class="agileits-rs">Ullam Firose sed</h4>
<h6>Donec libero duisint </h6>
</div>
</div>
</li>
<li>
<div class="testi-img testi-img2">
<div class="container">
<p class="w3ls-speech">Vitae adipiscing aliquet namultrices lacus , metus ipsum imperdiet libero, vitae dignissim sapientristique Donec libero dui, scelerisque ac augue id, ullamcorper elit,diam ac nibh convallis. </p>
<h4 class="agileits-rs">Fugiat nulla sint </h4>
<h6>Donec libero duisint </h6>
</div>
</div>
</li>
</ul>
<div class="clearfix"> </div>
</div>
</div>
<!-- //testimonials -->
<!-- footer -->
<div class="footer w3-w3layouts">
<div class="container">
<div class="footer-agileinfo">
<div class="col-md-3 col-sm-6 footer-grid">
<h3>Useful Info</h3>
<ul>
<li><a href="single.html"><i class="glyphicon glyphicon-chevron-right"></i>Hendrerit quam</a></li>
<li><a href="single.html"><i class="glyphicon glyphicon-chevron-right"></i>Amet consectetur </a></li>
<li><a href="single.html"><i class="glyphicon glyphicon-chevron-right"></i>Iquam hendrerit</a></li>
<li><a href="single.html"><i class="glyphicon glyphicon-chevron-right"></i>Donec ut lectus </a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6 footer-grid">
<h3>Recent Posts</h3>
<ul>
<li><a href="single.html"><i class="glyphicon glyphicon-chevron-right"></i>Vestibulum felis</a></li>
<li><a href="single.html"><i class="glyphicon glyphicon-chevron-right"></i>Mauris at tellus</a></li>
<li><a href="single.html"><i class="glyphicon glyphicon-chevron-right"></i>Donec ut lectus</a></li>
<li><a href="single.html"><i class="glyphicon glyphicon-chevron-right"></i>Vitae interdum</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6 footer-grid footer-tags">
<h3>Tag Cloud</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="codes.html">Codes</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<div class="col-md-3 col-sm-6 footer-grid footer-review">
<h3>Review</h3>
<p>Maecenas sodales tortor ac ligula ultrices dictum et quis urna. Etiam pulvinar metus neque eget porttitor massa.</p>
<form action="#" method="post">
<input type="search" name="Search" placeholder="Enter your search term..." required="">
<button type="submit" class="btn btn-default" aria-label="Left Align">
<span class="glyphicon glyphicon-search"></span>
</button>
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="copy-right">
<div class="container">
<p>Copyright © 2017.Company name All rights reserved.<a target="_blank" href="http://www.moke8.com/html/">网页模板</a></p>
</div>
</div>
<!-- //footer -->
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- FlexSlider -->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!-- End-slider-script -->
<script src="js/SmoothScroll.min.js"></script>
<!-- start-smooth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- //end-smooth-scrolling -->
<!-- smooth-scrolling-of-move-up -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!-- //smooth-scrolling-of-move-up -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/bootstrap.js"></script>
</body>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。