<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<!-- NewgenBiz Template by http://Templatesperfect.com -->
<head>
<title>NewgenBiz Free Business Website Template bt Templateasperfect.com</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<script type="text/javascript" src="lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/jquery.tools.js"></script>
</head>
<body>
<!-- Begin Wrapper -->
<div id="wrapper">
<!-- Begin Header Holder -->
<div id="header-holder">
<!-- Begin Shell -->
<div class="shell">
<!-- Begin Header -->
<div id="header">
<div id="navigation">
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Solutions</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<h1 id="logo"><a href="#"><img src="images/logo.png" alt="" /></a></h1>
</div>
<!-- End Header -->
</div>
<!-- End Shell -->
</div>
<!-- End Header Holder -->
<!-- Begin Main Holder -->
<div id="main-holder">
<!-- Begin Shell -->
<div class="shell">
<!-- Begin Main -->
<div id="main">
<!-- Begin Slider -->
<div class="top">
<div class="scrollable">
<div class="items">
<div class="item">
<div class="header">
<div class="top_left"><img src="images/marketing.png" alt="" /></a></div>
<div class="top_right">
<h1>Vestibulum vel lacus </h1><br />
<span>Nulla mollis, magna quis feugiat faucibus, risus lorem lacinia justo, et adipiscing tortor Nulla mollis, magna quis feugiat faucibus magna quis feugiat faucibus </span><a href="#" class="more">more</a>
</div>
<div class="clear"></div>
</div>
</div> <!-- item -->
<div class="item">
<div class="header">
<div class="top_left"><img src="images/marketing.png" alt="" /></a></div>
<div class="top_right">
<h1>Vestibulum vel lacus </h1><br />
<span>Nulla mollis, magna quis feugiat faucibus, risus lorem lacinia justo, et adipiscing tortor Nulla mollis, magna quis feugiat faucibus magna quis feugiat faucibus </span><a href="#" class="more">more</a>
</div>
<div class="clear"></div>
</div>
</div> <!-- item -->
<div class="item">
<div class="header">
<div class="top_left"><img src="images/marketing.png" alt="" /></a></div>
<div class="top_right">
<h1>Vestibulum vel lacus </h1><br />
<span>Nulla mollis, magna quis feugiat faucibus, risus lorem lacinia justo, et adipiscing tortor Nulla mollis, magna quis feugiat faucibus magna quis feugiat faucibus </span><a href="#" class="more">more</a>
</div>
<div class="clear"></div>
</div>
</div> <!-- item -->
<div class="item">
<div class="header">
<div class="top_left"><img src="images/marketing.png" alt="" /></a></div>
<div class="top_right">
<h1>Vestibulum vel lacus </h1><br />
<span>Nulla mollis, magna quis feugiat faucibus, risus lorem lacinia justo, et adipiscing tortor Nulla mollis, magna quis feugiat faucibus magna quis feugiat faucibus </span><a href="#" class="more">more</a>
</div>
<div class="cl"></div>
</div>
</div> <!-- item -->
</div> <!-- items -->
</div> <!-- scrollable -->
<div class="inner_copyright">Collect from <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a></div>
<div class="hline"></div>
<div class="navi"></div> <!-- create automatically the point dor the navigation depending on the numbers of items -->
</div>
<!-- End Slider -->
<div class="cl"> </div>
<!-- Begin Sidebar -->
<div id="sidebar">
<h2>Get Our Servcies</h2>
<div class="side-list">
<ul>
<li>
<div class="image">
<img src="images/globe.png" alt="" />
</div>
<div class="entry">
<h3>Service Title 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. </p>
<p class="read-link"><a href="#">Read More</a></p>
</div>
</li>
<li>
<div class="image">
<img src="images/box.png" alt="" />
</div>
<div class="entry">
<h3>Service Title 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. </p>
<p class="read-link"><a href="#">Read More</a></p>
</div>
</li>
<li class="last">
<div class="image">
<img src="images/user.png" alt="" />
</div>
<div class="entry">
<h3>Service Title 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. </p>
<p class="read-link"><a href="#">Read More</a></p>
</div>
</li>
</ul>
</div>
</div>
<!-- End Sidebar -->
<!-- Begin Content -->
<div id="content">
<div class="article">
<h2>Welcome to Company</h2>
<div class="image">
<img src="images/image.jpg" alt="" width="240" height="180" />
</div>
<p><strong>Lorem ipsum dolor sit amet,</strong> consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Integer. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Integer. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Integer .Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus.</p>
<p class="more-link"><a href="#">Learn More</a></p>
<div class="cl"> </div>
</div>
<div class="boxes-holder">
<div class="box">
<h2>WHO WE ARE?</h2>
<p><strong>Lorem ipsum dolor</strong> sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Integer. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed consectetur orci metus a justo. Integer.</p>
<p class="more-link"><a href="#">Learn More</a></p>
</div>
<div class="box last-box">
<h2>WHAT WE DO?</h2>
<p><strong>Lorem ipsum dolor</strong> sit amet, consectetur adipiscing elit. Integer dictum, neque ut imperdiet pellentesque, nulla tellus tempus magna, sed consectetur orci metus a justo. Integer. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed consectetur orci metus a justo. Integer.</p
736js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
162 浏览量
2023-08-03
11:36:18
上传
评论
收藏 405KB ZIP 举报
736js_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （17个子文件） 
736 lib 
jquery-1.3.2.min.js 56KB jquery.tools.js 15KB
1.jpg 136KB css style.css 5KB
index.html 9KB images 
circl_hov.png 3KB square.png 188B marketing.png 156KB logo.png 11KB image.jpg 18KB box.png 21KB
boxes-holder-bg.gif 64B globe.png 17KB bg.png 13KB user.png 20KB circl.png 3KB footer-bg.gif 73B资源评论
