<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Atech Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.useso.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- header -->
<div class="banner">
<div class="header">
<div class="container">
<div class="head-left">
<ul class="number">
<li><span><i class="roc"> </i>101 West Street, New York, NY 12345</span>
<li><span><i class="phone"> </i>Phone : (000) 888 88888</span>
</li><li><a href="mailto:info@example.com"><i class="mail"> </i>info@sitename.com </a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="search2">
<form>
<input type="text" value="search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'search';}">
<input type="submit" value="">
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a>
</div>
<div class="head-nav">
<span class="menu"> </span>
<ul class="cl-effect-15">
<li class="active"><a href="index.html">HOME</a></li>
<li><a href="about.html" data-hover="ABOUT">ABOUT</a></li>
<li><a href="services.html" data-hover="SERVICES">SERVICES</a></li>
<li><a href="portfolio.html" data-hover="PORTFOLIO">PORTFOLIO</a></li>
<li><a href="404.html" data-hover="BLOG">BLOG</a></li>
<li><a href="contact.html" data-hover="CONTACT">CONTACT</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- script-for-nav -->
<script>
$( "span.menu" ).click(function() {
$( ".head-nav ul" ).slideToggle(300, function() {
// Animation complete.
});
});
</script>
<!-- script-for-nav -->
<i class="line"> </i>
</div>
<div class="top-slide">
<div class="container">
<div class="slide-info">
<h2>High Professional Staff &</h2>
<h1>Best Engineers Ever</h1>
<a href="#" class="more">Join Us</a>
</div>
</div>
</div>
<div class="wmuSlider example1 section" id="section-1">
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="bottom-slide">
<div class="container">
<p>Great pixel perfect template which suites any needs. Some subheader text goes here.</p>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="bottom-slide-1">
<div class="container">
<p>Suites any needs great pixel perfect template which . Some subheader text goes here.</p>
</div>
</div>
</article>
<article style="position: absolute; width: 100%; opacity: 0;">
<div class="bottom-slide-2">
<div class="container">
<p>Template which suites great pixel perfect any needs. Some subheader text goes here.</p>
</div>
</div>
</article>
<ul class="wmuSliderPagination">
<li><a href="#" class="">0</a></li>
<li><a href="#" class="">1</a></li>
<li><a href="#" class="">2</a></li>
</ul>
</div>
<!-- script -->
<script src="js/jquery.wmuSlider.js"></script>
<script>
$('.example1').wmuSlider();
</script>
<!-- script -->
<!-- show-case -->
<div class="show-case">
<div class="container">
<div class="cae-top">
<div class="col-md-4 case">
<i class="ate"></i>
<h4>Atech showcase</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in lacinia quam. Fusce quis nulla tincidunt. Nunc eu sodales turpis, varius viverra mauris </p>
</div>
<div class="col-md-4 case">
<i class="comp"></i>
<h4>Compatible with any device</h4>
<p>Aenean porta, elit vitae tristique consequat, nisi tellus tincidunt erat, sit amet interdum elit quam at velit. Mauris venenatis metus sed purus tincidunt placerat.</p>
</div>
<div class="col-md-4 case">
<i class="qui"></i>
<h4>Quick implementation</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in lacinia quam. Fusce quis nulla tincidunt, interdum magna vitae, viverra est.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- show-case -->
<!-- made -->
<div class="made">
<div class="container">
<h2>Atech is Made with Love to Serve You</h2>
<h4>A Lot of Features You May Love</h4>
<p>Aenean et interdum dolor, at porta tellus. Donec suscipit sodales ante id bibendum. Proin at libero mi. Morbi in enim laoreet, luctus urna non, egestas arcu. Fusce sodales vitae augue et malesuada. Cras et nibh in eros auctor faucibus. In eleifend vel leo id tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in lacinia quam. Fusce quis nulla tincidunt, interdum magna vitae, viverra est. Nunc eu sodales turpis, varius viverra mauris.</p>
<div class="madebottom">
<div class="col-md-8 made-left">
<h4>Atech to Infinity and Beyond</h4>
<p>In eleifend vel leo id tristique. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in lacinia quam. Fusce quis nulla tincidunt, interdum magna vitae, viverra est. Nunc eu sodales turpis, varius viverra mauris.</p>
<p>Fusce blandit felis eu lacus congue bibendum. Suspendisse lectus nibh, pellentesque eget dictum a, venenatis sed elit. Sed nec facilisis enim. Aenean non imperdiet lacus. Fusce consequat placerat pulvinar. Nunc sollicitudin justo ac vulputate consequat. </p>
</div>
<div class="col-md-4 made-right">
<img src="images/planet.png" class="img-responsive" alt="" />
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- made -->
<!-- recent -->
<div class="recent">
<h3>Recent Researches</h3>
<ul id="flexiselDemo3">
<li>
<div class="team1">
<img src="images/12.jpg" class="img-responsive" alt="" />
<p>May 11 2014</p>
</div>
</li>
<li>
<div class="team1">
<img src="images/13.jpg" class="img-responsive" alt="" />
<p>May 10 2014</p>
</div>
</li>
<li>
<div class="team1">
<img src="images/14.jpg" class="img-responsive" alt="" />
<p>May 9 2014</p>
</div>
</li>
<li>
<div class="team1">
<img src="images/15.jpg" class="img-responsive" alt="" />
<p>May 8 2014</p>
</div>
</
航天设施研究公司模板_html5 bootstrap 响应式模板UI前端源码.rar
122 浏览量
2023-08-01
14:03:23
上传
评论
收藏 1.03MB RAR 举报
航天设施研究公司模板_html5 bootstrap 响应式模板UI前端源码.rar （49个子文件） 
moban385 
portfolio.html 11KB js 
jquery.wmuSlider.js 12KB jquery.swipebox.min.js 7KB jquery.flexslider.js 39KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.flexisel.js 8KB jquery.min.js 92KB css style.css 41KB flexslider.css 4KB bootstrap.css 118KB swipebox.css 4KB 404.html 6KB services.html 8KB index.html 16KB contact.html 8KB about.html 11KB images 
man.png 14KB lin.png 3KB sear.png 3KB flow.png 15KB
img6.jpg 86KB 13.jpg 31KB twt.png 3KB menu.png 3KB 14.jpg 42KB 15.jpg 31KB logo.png 9KB 16.jpg 31KB img2.jpg 40KB planet.png 24KB zoom.png 3KB img5.jpg 55KB bann2.jpg 226KB line.png 3KB circle.png 3KB left.png 3KB 12.jpg 21KB img4.jpg 76KB bg.jpg 447KB img1.jpg 75KB
icons.svg 1KB img7.jpg 55KB img-sprite.png 22KB img3.jpg 60KB img8.jpg 77KB right.png 3KB lad.png 9KB资源评论
