<!DOCTYPE html>
<html>
<head>
<title>Industrial</title>
<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 rel="stylesheet" href="css/lightbox.css">
<!-- Custom Theme files -->
<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="Collective Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //Custom Theme files -->
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!--animate-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!--//end-animate-->
<!-- image-hover -->
<script type="text/javascript" src="js/mootools-yui-compressed.js"></script>
<!-- //image-hover -->
<link href='#css?family=Cabin:400,400italic,500,500italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="header-info navbar-left wow fadeInLeft animated" data-wow-delay=".5s" style="visibility: visible; -webkit-animation-delay: .5s;">
<p><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>Information Service : 000-1234-1234</p>
</div>
<form class="navbar-form navbar-right wow fadeInRight animated" data-wow-delay=".5s" style="visibility: visible; -webkit-animation-delay: .5s;">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
<button type="submit" class="btn btn-default" aria-label="Left Align">
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
</button>
</div>
</form>
</div>
</div>
<!--//header-->
<!--navigation-->
<div class="top-nav">
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header navbar-left">
<button type="button" class="navbar-toggle collapsed" 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>
<h1><a class="navbar-brand wow bounceIn animated" data-wow-delay=".5s" style="visibility: visible; -webkit-animation-delay: .5s;" href="industrial.html">Collective</a></h1>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-left">
<li class="hvr-bounce-to-bottom"><a href="index.html">Photo Gallery</a></li>
<li class="hvr-bounce-to-bottom"><a href="wedding.html">Wedding</a></li>
<li class="hvr-bounce-to-bottom"><a href="sports.html">Sports</a></li>
<li class="hvr-bounce-to-bottom active"><a href="industrial.html">Industrial</a></li>
<li class="hvr-bounce-to-bottom"><a href="fashion.html">Fashion</a></li>
<li class="hvr-bounce-to-bottom"><a href="agriculture.html">Agriculture</a></li>
</ul>
<div class="clearfix"> </div>
</div>
</div>
</nav>
</div>
<!--navigation-->
<!--banner-->
<div class="banner3">
<div class="banner-title">
<div class="container">
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="banner-text">
<h2>Welcome to Planning</h2>
<p>Donec vitae tellus non sem vulputate cursus. Aliquam erat volutpat. Proin ut est et sem rhoncus fringilla laoreet </p>
<a class="more scroll" href="#about"> Read More</a>
</div>
</li>
<li>
<div class="banner-text">
<h3>Beyond The Limit</h3>
<p>Vitae Deonec tellus non sem vulputate cursus. Aliquam erat volutpat. Proin ut est et sem rhoncus fringilla laoreet </p>
<a class="more scroll" href="#about"> Read More</a>
</div>
</li>
<li>
<div class="banner-text">
<h3>We Give Best House</h3>
<p>Sem donec vitae tellus non vulputate cursus. Aliquam erat volutpat. Proin ut est et sem rhoncus fringilla laoreet </p>
<a class="more scroll" href="#about"> Read More</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--//banner-->
<!-- industrial-banner-bottom -->
<div class="industrial-banner-bottom">
<div class="container">
<div class="col-md-8 industrial-banner-bottom-left">
<h3>we provide the best service to make successful your dreams</h3>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur.</p>
</div>
<div class="col-md-4 industrial-banner-bottom-right">
<a href="#working-hours" class="scroll"><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> support helpline</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- //industrial-banner-bottom -->
<!--about-->
<div class="about" id="about">
<div class="container">
<h3 class="title">Welcome to <span>Planning</span></h3>
<div class="col-md-4 about-left wow fadeInLeft animated" data-wow-delay=".5s" style="visibility: visible; -webkit-animation-delay: .5s;">
<img src="images/29.jpg" alt="" class="img-responsive" />
</div>
<div class="col-md-8 about-right about-industrial-right wow fadeInRight animated" data-wow-delay=".5s" style="visibility: visible; -webkit-animation-delay: .5s;">
<h4>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin established fact that a reader will be distracted Lorem Ipsum when looking at its layout.</h4>
<p>Lorem Ipsum was popularised in the 1960s with the release of Letraset sheet content of
a page when looking at its layout The point of using Lorem Ipsum is that it has a
more-or-less normal distribution is that it has a more of letters.</p>
<h5>Some Important points about <span>planning</span></h5>
<ul>
<li>qui dolorem ipsum quia dolor</li>
<li>sunt in culpa qui officia deserunt</li>
<li>sint occaecat cupidatat proident</li>
<li>incididunt ut labore dolore magna</li>
<li>sit aspernatur aut odit aut fugit</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--//about-->
<!-- about-bottom -->
<div class="about-bottom">
<div class="container">
<div class="about-bottom-grid about-wedding-bottom-grid about-industrial-bottom-grid">
<h3>Planning</h3>
<p>Many desktop
publishing packages and web page editors now.</p>
<ul class="social-networks square spin-icon">
<li><a href="#" class="icon-linkedin"></a></li>
<li><a href="#" class="icon-twitter"></a></li>
<li><a href="#" class="icon-facebook"></a></li>
</ul>
</div>
<div class="about-bottom-grid1">
<div class='thumb'>
<div class='someContent'>
<div class='content'>This reminds me of a goldfish in a big blue sea. Beautiful color contrasts. </div>
</div>
<div class='divLeft' style='left:0px'>
<div class='divLeftImage' style='background:url(images/30.jpg) -89px 0px;'></div>
超棒好看的bootstrap网站模板是一款基于HTML5+CSS3实现的动画效果极强整站模板下载.rar
128 浏览量
2023-08-05
11:24:19
上传
评论
收藏 3.33MB RAR 举报
超棒好看的bootstrap网站模板是一款基于HTML5+CSS3实现的动画效果极强整站模板下载.rar （121个子文件） 
bootstrap.css 138KB style.css 75KB animate.css 68KB flexslider.css 4KB lightbox.css 4KB glyphicons-halflings-regular.eot 20KB
industrial.html 28KB index.html 27KB fashion.html 26KB wedding.html 25KB sports.html 24KB agriculture.html 22KB
banner5.jpg 124KB slid3.jpg 122KB 25.jpg 96KB 23.jpg 93KB banner3.jpg 86KB 27.jpg 86KB banner1.jpg 84KB 54.jpg 83KB 52.jpg 81KB 48.jpg 77KB 51.jpg 75KB 53.jpg 63KB slid5.jpg 54KB 15.jpg 52KB 46.jpg 50KB 12.jpg 50KB 49.jpg 49KB 24.jpg 46KB 45.jpg 46KB 55.jpg 46KB 50.jpg 45KB 26.jpg 44KB 28.jpg 44KB slid.jpg 43KB 11.jpg 42KB 36.jpg 41KB banner4.jpg 39KB 56.jpg 39KB banner2.jpg 39KB img3.jpg 37KB 3.jpg 37KB banner.jpg 35KB slid1.jpg 35KB 29.jpg 35KB 14.jpg 33KB 32.jpg 33KB img6.jpg 33KB img2.jpg 33KB 21.jpg 32KB 30.jpg 32KB 35.jpg 32KB 2.jpg 31KB 19.jpg 30KB 20.jpg 29KB img4.jpg 29KB 44.jpg 28KB 47.jpg 28KB 22.jpg 28KB img5.jpg 27KB 1.jpg 26KB 31.jpg 25KB 4.jpg 24KB 13.jpg 24KB img7.jpg 23KB slid2.jpg 23KB img1.jpg 20KB 43.jpg 20KB img10.jpg 20KB slid4.jpg 19KB 6.jpg 19KB 7.jpg 16KB 5.jpg 16KB img9.jpg 16KB img11.jpg 15KB 40.jpg 15KB 37.jpg 14KB 33.jpg 14KB 39.jpg 13KB img13.jpg 13KB 42.jpg 13KB 16.jpg 12KB 18.jpg 12KB 17.jpg 12KB img12.jpg 12KB img8.jpg 11KB img14.jpg 11KB 41.jpg 11KB 38.jpg 10KB 8.jpg 9KB 34.jpg 8KB 9.jpg 7KB 10.jpg 7KB jquery-1.11.1.min.js 94KB lightbox-plus-jquery.min.js 91KB bootstrap.js 66KB mootools-yui-compressed.js 65KB jquery.flexslider.js 40KB easyResponsiveTabs.js 6KB共 121 条
- 1
- 2
资源评论
