<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<link href='#css?family=Raleway:300' rel='stylesheet' type='text/css'>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link href="css/style2.css" media="screen" rel="stylesheet">
<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
<!-- main JS libs -->
<script src="js/libs/modernizr.min.js"></script>
<script src="js/libs/jquery-1.10.0.js"></script>
<script src="js/libs/bootstrap.min.js"></script>
<link href="css/font-awesome.min.css" media="screen" rel="stylesheet">
<!-- scripts -->
<script src="js/general.js"></script>
<!-- oneByone slider -->
<link href="css/animate.css" media="screen" rel="stylesheet">
<script src="js/jquery.onecarousel.min.js"></script>
<!-- Placeholders -->
<script type="text/javascript" src="js/jquery.powerful-placeholder.min.js"></script>
</head>
<body>
<div class="background">
<div class="container">
<div class="slider-content">
<h1>Company Name</h1>
<h6>Unlimited Possibilities. Modular Design.</h6>
</div>
<div class="row">
<div class="col-sm-12">
<div id="myCarousel" class="main-slider carousel slide">
<div class="carousel-inner">
<div class="item active">
<div class="inner">
<div class="carousel-caption">
<!--<div class="slider_title" data-animate="flipInY">
<a href="#">Never underestimate the power of great UI design. It can win more clients in an instant</a>
</div>-->
<a href="#" class="btn btn-brown" data-animate="fadeInDown"><span><i class="fa fa-apple fa-lg"></i>Download Free</span></a>
</div>
</div>
</div>
<div class="item">
<div class="inner">
<div class="carousel-caption">
<!--<div class="slider_title" data-animate="bounceIn">
<a href="#">Lorem Ipsum is simply dummy text of the printing and typesetting industry the standard</a>
</div>-->
<a href="#" class="btn btn-brown" data-animate="rotateIn"><span><i class="fa fa-android fa-lg"></i>Download Free</span></a>
</div>
</div>
</div>
<div class="item">
<div class="inner">
<div class="carousel-caption">
<!--<div class="slider_title" data-animate="lightSpeedIn">
<a href="#">We help your business connect better & reach higher so that everyday i'm shuffling</a>
</div>-->
<a href="#" class="btn btn-brown" data-animate="rollIn"><span><i class="fa fa-windows fa-lg"></i>Download Free</span></a>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"></a>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#myCarousel').oneCarousel({
easeIn: 'rotateIn',
interval: 5000,
pause: 'hover'
});
});
</script>
</div>
</div>
</div>
<!--/ container -->
</div>
<!--/ background -->
<div class="content-st">
<div class="container">
<h1>Flexi Landing Page.</h1>
<h4>This is a small sub title</h4>
<p>ITS BETA is working hard to launch a new site that's going to revolutionize the way you do business. Leave us your email below, and we'll notify you the minute we open the doors.</p>
<a href="#" class="content-st-btn">Beautifully clean buttons</a>
</div>
</div>
<!--/ content-st -->
<div class="content-nd">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="box">
<i class="fa fa-tablet fa-5x"></i>
<h2>Responsive</h2>
<p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way you do business.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="box">
<i class="fa fa-laptop fa-5x"></i>
<h2>Modular</h2>
<p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way you do business.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="box">
<i class="fa fa-cogs fa-5x"></i>
<h2>Adaptive</h2>
<p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way you do business.</p>
</div>
</div>
</div>
</div>
</div>
<!--/ content-nd -->
<div class="content-rd">
<div class="container">
<h1>Super legible fonts.</h1>
<p>The super clean <span>Raleway</span>, and <span>Merriweather</span> fonts from Google produce super clean, legible text.</p>
<blockquote>
<i class="fa fa-quote-left"></i>
<p>The content width, line spacing and font size follow the golden ratio formula for optimal reading on any device.</p>
</blockquote>
<p>Titles are appropriately sized and are darker giving a good visual hierachy to your page and content. With the light background and not-quite-so-dark font color it's also easy on the eyes for reading making your copy pop, and your message stand-out.</p>
</div>
</div>
<!--/ content-rd -->
<div class="content-ft">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<div class="right-text">
<h1>Image right. Text left.</h1>
黑色互联网IT公司网站模板是一款适合互联网IT科技公司企业网站模板下载。_html网站模板_网页源码移动端前端_H5模.rar （252个子文件） 
style2.css 131KB bootstrap.css 120KB bootstrap.min.css 99KB animate.css 51KB font-awesome.css 21KB font-awesome.min.css 17KB bootstrap-theme.css 15KB bootstrap-theme.min.css 13KB style.css 5KB fontawesome-webfont.eot 37KB glyphicons-halflings-regular.eot 20KB
loading.gif 9KB loader.gif 6KB seeking.gif 3KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB loader.gif 2KB default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B default_thumbnail.gif 227B
index.html 11KB
bg.jpg 278KB post_img6.jpg 109KB post_img2.jpg 82KB music-player3.jpg 78KB post_img3.jpg 77KB post_img1.jpg 71KB avatar-image.jpg 67KB music-player2.jpg 66KB post_img5.jpg 61KB feature-slider-3.jpg 57KB music-player4.jpg 55KB feature-slider-2.jpg 54KB post_img10.jpg 54KB feature-slider-1.jpg 51KB feature-slider-4.jpg 50KB post_img4.jpg 48KB music-player1.jpg 47KB music-player5.jpg 47KB feature-slider-5.jpg 43KB post_img11.jpg 41KB post_img12.jpg 38KB music-player6.jpg 33KB post_img7.jpg 29KB post_img9.jpg 28KB post_img8.jpg 28KB jquery-1.10.0.js 267KB jquery-ui.min.js 223KB bootstrap.js 54KB bootstrap.min.js 28KB bootstrap.min.js 27KB modernizr.min.js 17KB modernizr.min.js 17KB general.js 12KB jquery.powerful-placeholder.min.js 1KB jquery.onecarousel.min.js 1KB FontAwesome.otf 61KB
top-slider-1.png 266KB vjs_poster.png 236KB phone_small.png 187KB img-1.png 182KB top-slider-3.png 161KB phone_small1.png 145KB tabimage10.png 123KB tabimage9.png 112KB tabimage8.png 98KB grid-1.png 92KB vjs_poster2.png 91KB carousel-1.png 63KB carousel-2.png 62KB tabimage4.png 59KB carousel-14.png 55KB carousel-3.png 54KB carousel-11.png 53KB carousel-12.png 48KB carousel-13.png 48KB grid-5.png 48KB carousel-10.png 45KB carousel-6.png 42KB carousel-4.png 41KB grid-4.png 40KB carousel-7.png 40KB carousel-9.png 37KB tabimage6.png 32KB grid-6.png 31KB carousel-8.png 31KB carousel-5.png 30KB tabimage7.png 29KB tabimage5.png 28KB team_img1.png 25KB team_img3.png 23KB grid-2.png 23KB grid-3.png 22KB team_img2.png 22KB tabimage1.png 20KB top-slider-2.png 19KB共 252 条
- 1
- 2
- 3
资源评论
supeerzdj
- 粉丝: 12
- 资源: 6184
