<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<link rel="stylesheet" href="css/jquery.dualSlider.0.3.css" media="all">
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/jquery.timers-1.2.js" type="text/javascript"></script>
<script src="js/jquery.dualSlider.0.3.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript" ></script>
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page1">
<!-- header -->
<header>
<div class="container">
<form action="" id="search-form">
<fieldset>
<input type="text" class="text" value="search" onClick="this.value=''"><input type="submit" value="go" class="submit">
</fieldset>
</form>
<nav>
<div class="logo">
<h1><a href="index.html">corpo.<span>buzz</span></a></h1>
<strong>the company you can trust!</strong>
</div>
<ul>
<li><a href="index.html">main</a></li>
<li><a href="index-1.html">services</a></li>
<li><a href="index-2.html">support</a></li>
<li><a href="index-3.html">clients</a></li>
<li><a href="index-4.html">contacts</a></li>
</ul>
</nav>
<!-- .slider -->
<div class="slider">
<div class="carousel clearfix">
<div class="panel">
<div class="details_wrapper">
<div class="details">
<div class="detail">
<h2>Our work is dedicated to the prosperity<br /> of our clients!</h2>
<p>Luctus et ultriceosue cubiliaisse sollicitudin velit sed les elit magna hendrerit sit amet met consectetuer adipiscisent vestibulum molestie lnean nonummy.</p>
<a href="#" title="Learn more" class="more">Learn More</a>
</div><!-- /detail -->
<div class="detail">
<h2>Company news and information at your disposal</h2>
<p>Luctus et ultriceosue cubiliaisse sollicitudin velit sed les elit magna hendrerit sit amet met consectetuer adipiscisent vestibulum molestie lnean nonummy.</p>
<a href="#" title="Learn more" class="more">Learn More</a>
</div><!-- /detail -->
<div class="detail">
<h2>We are experts in small and medium business</h2>
<p>Luctus et ultriceosue cubiliaisse sollicitudin velit sed les elit magna hendrerit sit amet met consectetuer adipiscisent vestibulum molestie lnean nonummy.</p>
<a href="#" title="Learn more" class="more">Learn More</a>
</div><!-- /detail -->
<div class="detail">
<h2>Work smarter with our business company</h2>
<p>Luctus et ultriceosue cubiliaisse sollicitudin velit sed les elit magna hendrerit sit amet met consectetuer adipiscisent vestibulum molestie lnean nonummy.</p>
<a href="#" title="Learn more" class="more">Learn More</a>
</div><!-- /detail -->
<div class="detail">
<h2>What makes us a better Company in our field</h2>
<p>Luctus et ultriceosue cubiliaisse sollicitudin velit sed les elit magna hendrerit sit amet met consectetuer adipiscisent vestibulum molestie lnean nonummy.</p>
<a href="#" title="Learn more" class="more">Learn More</a>
</div><!-- /detail -->
</div><!-- /details -->
</div><!-- /details_wrapper -->
<div class="paging">
<div id="numbers"></div>
<a href="javascript:void(0);" class="previous" title="Previous">Previous</a>
<a href="javascript:void(0);" class="next" title="Next">Next</a>
</div><!-- /paging -->
</div><!-- /panel -->
<div class="backgrounds">
<div class="item">
<img src="images/slide1.jpg" alt="">
</div><!-- /item -->
<div class="item">
<img src="images/slide2.jpg" alt="">
</div><!-- /item -->
<div class="item">
<img src="images/slide3.jpg" alt="">
</div><!-- /item -->
<div class="item">
<img src="images/slide4.jpg" alt="">
</div><!-- /item -->
<div class="item">
<img src="images/slide5.jpg" alt="">
</div><!-- /item -->
</div><!-- /backgrounds -->
</div><!-- /carousel -->
</div>
<!-- /.slider -->
</div>
</header>
<!-- content -->
<section id="content">
<div class="inner_copy">More from<a href="http://www.htmldivcss.com/" title="网页模板">网页模板</a></div>
<div class="container">
<div class="inside">
<!-- .top-info -->
<section class="top-info">
<!-- .box -->
<div class="box">
<div class="wrapper">
<div class="col-1 colborder">
<div class="inner">
<h3>Services <img src="images/icon1.jpg" alt=""></h3>
<ul class="list1">
<li>Consec tetuer adipiscge</li>
<li>Elraesenonummy hendrerit</li>
<li>Maurisellus porsisque nulla</li>
<li><a href="#">Vestibulum libero</a> nisl porta</li>
</ul>
<a href="#" class="more-link">Read More</a>
</div>
</div>
<div class="col-2 colborder">
<div class="inner">
<h3>Products <img src="images/icon2.jpg" alt=""></h3>
<ul class="list1">
<li>Hendrerit risellus porsi</li>
<li>Vestibulum <a href="#">libero nisl porta</a></li>
<li>Scelerisque eget malesuada</li>
<li>Etiam cursus leo vel metus</li>
</ul>
<a href="#" class="more-link">Read More</a>
</div>
</div>
<div class="col-3 colborder">
<div class="inner">
<h3>Technologies <img src="images/icon3.jpg" alt=""></h3>
<ul class="list1">
<li>Porta elerisque eget mal</li>
<li>Aenean nec erosstibulum ante</li>
<li>Primis in faucibus <a href="#">orci luctus</a></li>
<li>Ultrices posuere cubiliaurae</li>
</ul>
<a href="#" class="more-link">Read More</a>
</div>
</div>
<div class="col-4">
<div class="inner">
<h3>Latest News <img src="images/icon4.jpg" alt=""></h3>
<ul class="list1">
<li><a href="#">Eget malenean nec erosstibulum antemis in faucibus orci</a></li>
<li>Porta elerisque eget malean</li>
<li>Malnean nec erosstibulum ante imis in faucibus orci luctus</li>
</ul>
<a href="#" class="more
评论0