<!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>
<title>home</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.5.js"></script>
<script type="text/javascript" charset="utf-8">
// <![CDATA[
$(document).ready(function(){
$("#slider").easySlider({
controlsBefore: '<p id="controls">',
controlsAfter: '</p>',
auto: true,
continuous: true
});
});
// ]]>
</script>
<style type="text/css">
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
#slider li { width:966px; height:348px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:13px; height:28px; position:absolute; left: -13px; top:-210px; }
#nextBtn { left:966px; }
#prevBtn a { display:block; width:13px; height:28px; background:url(images/l_arrow.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:13px; height:28px; background:url(images/r_arrow.gif) no-repeat 0 0; }
</style>
</head>
<body>
<div class="main">
<div class="header">
<div class="block_header">
<div class="logo"><a href="index.html"><img src="images/logo.gif" width="209" height="44" border="0" alt="logo" /></a></div>
<div class="Twitter">Follow us on Twitter</div>
<div class="clr"></div>
<div class="menu">
<ul>
<li><a href="index.html" class="active">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="portfolio.html">Blog</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</div>
<div class="clr"></div>
</div>
</div>
<div class="slider">
<div class="slice1">
<div class="slice2" id="slider">
<ul>
<li>
<div>
<p class="img"><img src="images/simple_text_img_1.jpg" alt="screen 1" width="539" height="292" /></p>
<h2>Company can <br />
help your <br />
busness grow.</h2>
<p>Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. <a href="#"></a></p>
<p><a href="#"><img src="images/more_information.gif" width="133" height="30" border="0" alt="img" /></a></p>
</div>
</li>
<li>
<div>
<p class="img"><img src="images/simple_text_img_2.jpg" alt="screen 2" width="539" height="292" /></p>
<h2>Company can <br />
help your <br />
busness grow.</h2>
<p>Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. <a href="#"></a></p>
<p><a href="#"><img src="images/more_information.gif" width="133" height="30" border="0" alt="img" /></a></p>
</div>
</li>
<li>
<div>
<p class="img"><img src="images/simple_text_img_3.jpg" alt="screen 3" width="539" height="292" /></p>
<h2>Company can <br />
help your <br />
busness grow.</h2>
<p>Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. <a href="#"></a></p>
<p><a href="#"><img src="images/more_information.gif" width="133" height="30" border="0" alt="img"/></a></p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="clr"></div><div class="copyrights">Collect from <a href="http://www.cssmoban.com/" title="网页模板">网页模板</a></div>
<div class="body">
<div class="topi">
<div class="blogi">
<h2 class="what">What We Do</h2>
<p><strong>Lorem Ipsum passages,</strong> and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<br />
Why do we use it?</p>
<p><a href="#">more info</a></p>
</div>
<div class="blogi">
<h2 class="Our">Our Support</h2>
<p><strong>Lorem Ipsum passages,</strong> and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<br />
Why do we use it?</p>
<p><a href="#">more info</a></p>
</div>
<div class="blogi">
<h2 class="work">Our Work</h2>
<p><strong>Lorem Ipsum passages,</strong> and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<br />
Why do we use it?</p>
<p><a href="#">more info</a></p>
</div>
<div class="clr"></div>
</div>
<div class="body_resize">
<div class="News">
<h2>News & Events</h2>
<p><strong>5th April 2009</strong></p>
<div class="bg"></div>
<p>Integer mauris. Cras iaculis viverra dolorqw. Nulla suscipit. Proin eu sapien ac sem fermentum sollicitudin.</p>
<p> </p>
<p><strong>6th April 2009</strong></p>
<div class="bg"></div>
<p>Integer mauris. Cras iaculis viverra dolorqw. Nulla suscipit. Proin eu sapien ac sem fermentum sollicitudin.</p>
<p></p>
<p><strong>7th April 2009</strong></p>
<div class="bg"></div>
<p>Integer mauris. Cras iaculis viverra dolorqw. Nulla suscipit. Proin eu sapien ac sem fermentum sollicitudin.</p>
<p><a href="#">+ more news</a></p>
<p></p>
</div>
<div class="Welcome">
<h2>Welcome to our website</h2>
<p><strong>Fusce vehicula dignissim ligula. </strong></p>
<div class="bg"></div>
<p>Vestibulum sit amet neque eu neque suscipit consequat quis vel risus. Vestibulum vehicula purus nec dui accumsan fermentum. Suspendisse potenti. Ut dapibus est id odio pretium blandit in eget leo. </p>
<p>Aliquam erat volutpat. Curabitur blandit odio eget odio eleifend vel mattis augue convallis. Praesent fringilla, eros et tristique tempus, libero metus porttitor velit, at ultrices eros dolor placerat nunc. Fusce ac egestas ante.</p>
<div class="bg"></div>
<ul>
<li>Sed congue, dui vel tristique mollis.</li>
<li>Morbi eget sem. Nam mollis. </li>
<li>Donec sed velit ut tellus fermentum.</li>
</ul>
<ul>
<li>Sed congue, dui vel tristique mollis.</li>
<li>Morbi eget sem. Nam mollis. </li>
<li>Donec sed velit ut tellus fermentum.</li>
</ul>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="footer">
<div class="resize">
<div>
<p class="footer_logo"><a href="#"><img src="images/footer_logo.gif" width="140" height="40" border="0" alt="W3C" /></a></p>
<p>© Copyright © 2013.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com">网页模板</a><br />
</div>
</div>
<p class="clr"></p>
</div>
</div>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
蓝色高光背景企业模板是一款适合IT电脑企业网站的html商业模板。_html网站模板_网页源码移动端前端_H5模板_自.rar
161 浏览量
2023-08-05
16:15:54
上传
评论
收藏 694KB RAR 举报
蓝色高光背景企业模板是一款适合IT电脑企业网站的html商业模板。_html网站模板_网页源码移动端前端_H5模板_自.rar （39个子文件） 
蓝色高光背景企业模板是一款适合IT电脑企业网站的html商业模板。 chahua3012 
style.css 7KB
portfolio.html 4KB js easySlider1.5.js 4KB jquery.js 56KB services.html 5KB index.html 8KB contact.html 5KB about.html 5KB images 
ser_2.gif 2KB
simple_text_img_3.jpg 32KB port_2.jpg 17KB logo.gif 7KB h2_what.gif 3KB ser_1.gif 3KB Sub_ul_li.gif 525B l_arrow.gif 668B ser_3.gif 2KB bg_simple.gif 85KB port_4.jpg 17KB h2_suport.gif 3KB more_information.gif 1KB r_arrow.gif 643B ul_li.gif 573B send.gif 1KB bg_simple2.gif 28KB port_1.jpg 22KB footer_logo.gif 3KB ser_4.gif 2KB hover.gif 2KB simple_text_img_1.jpg 31KB simple_text_img_2.jpg 27KB
valid-xhtml10-blue.png 2KB main_bg.gif 219KB port_3.jpg 19KB spacer.gif 43B bg_menu.gif 618B h2_work.gif 3KB main_bg.jpg 168KB twitter.gif 2KB资源评论
