<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>WebLab - Free CSS template Collect from HtmlDivCss.com</title>
<link rel="shortcut icon" type="image/x-icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
<!--[if lt IE 9]>
<script src="js/modernizr.custom.js"></script>
<![endif]-->
<script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<!-- header -->
<header class="header">
<!-- shell -->
<div class="shell">
<h1 id="logo"><a href="#">WebLab</a></h1>
<!-- navigation -->
<nav id="navigation">
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">contacts </a></li>
</ul>
</nav>
<!-- navigation -->
</div>
<!-- end of shell -->
</header>
<!-- end of header -->
<!-- shell -->
<div class="shell">
<!-- main -->
<div class="main">
<!-- slider-holder -->
<section class="slider-section">
<h2 class="alignleft">WE CREATE <strong>BEAUTIFUL</strong> WEBSITE TEMPLATES </h2>
<a href="#" class="buy-btn">Wanna Buy One ?</a>
<div class="cl"> </div>
<!-- slider -->
<div class="slider-holder">
<span class="slider-shadow"></span>
<div class="flexslider">
<ul class="slides">
<li>
<img src="css/images/slide-img.jpg" alt="" />
<div class="slide-cnt">
<h3>Integer Aliquam Amet Sit Dolor</h3>
<p>Quam vel tempor porta, dolor tortor cursus elit, sit amet ultrices ipsum metus quis.</p>
<a href="#" class="slider-btn"><span></span>Explore More</a>
</div>
</li>
<li>
<img src="css/images/slide-img.jpg" alt="" />
<div class="slide-cnt">
<h3>Integer Aliquam Amet Sit Dolor</h3>
<p>Quam vel tempor porta, dolor tortor cursus elit, sit amet ultrices ipsum metus quis.</p>
<a href="#" class="slider-btn"><span></span>Explore More</a>
</div>
</li>
<li>
<img src="css/images/slide-img.jpg" alt="" />
<div class="slide-cnt">
<h3>Integer Aliquam Amet Sit Dolor</h3>
<p>Quam vel tempor porta, dolor tortor cursus elit, sit amet ultrices ipsum metus quis.</p>
<a href="#" class="slider-btn"><span></span>Explore More</a>
</div>
</li>
</ul>
</div>
</div>
<!-- end of slider -->
</section>
<!-- slider-holder -->
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >Website Template</a></div>
<!-- cols -->
<section class="cols">
<div class="col">
<h3 class="starter-ico"><a href="#">Starter Themes</a></h3>
<p>Integer aliquam, quam vel tempor porta, dolor tortor cursus elit, sit amet ultrices ipsum metus quis aliquam, quam vel tempor porta</p>
<a href="#" class="more">Read More</a>
</div>
<div class="col">
<h3 class="awesome-ico"><a href="#">Awesome Colours</a></h3>
<p>Integer aliquam, quam vel tempor porta, dolor tortor cursus elit, sit amet ultrices ipsum metus quis \aliquam, quam vel tempor porta</p>
<a href="#" class="more">Read More</a>
</div>
<div class="col">
<h3 class="save-ico"><a href="#">Save Time</a></h3>
<p>Integer aliquam, quam vel tempor porta, dolor tortor cursus elit, sit amet ultrices ipsum metus quis aliquam, quam vel tempor porta</p>
<a href="#" class="more">Read More</a>
</div>
<div class="cl"> </div>
</section>
<!-- end of cols -->
<!-- featured -->
<section>
<h3 class="alignleft">Featured Projects</h3>
<a href="#" class="all-projects"><strong>+</strong>All projects</a>
<div class="cl"> </div>
<div class="featured">
<div class="entry">
<a href="#"><em></em>
<img src="css/images/entry-img1.png" alt="" />
<span>Integer Aliquam,Quam </span>
</a>
<strong></strong>
</div>
<div class="entry">
<a href="#"><em></em>
<img src="css/images/entry-img2.png" alt="" />
<span>Integer Aliquam,Quam </span>
</a>
<strong></strong>
</div>
<div class="entry">
<a href="#"><em></em>
<img src="css/images/entry-img3.png" alt="" />
<span>Integer Aliquam,Quam </span>
</a>
<strong></strong>
</div>
<div class="entry">
<a href="#"><em></em>
<img src="css/images/entry-img4.png" alt="" />
<span>Integer Aliquam,Quam </span>
</a>
<strong></strong>
</div>
<div class="entry">
<a href="#"><em></em>
<img src="css/images/entry-img5.png" alt="" />
<span>Integer Aliquam,Quam </span>
</a>
<strong></strong>
</div>
<div class="cl"> </div>
</div>
</section>
<!-- end of featured -->
</div>
<!-- end of main -->
</div>
<!-- end of shell -->
<div id="footer-push"></div>
</div>
<!-- footer -->
<div id="footer">
<!-- shell -->
<div class="shell">
<div class="widgets">
<div class="widget">
<h4>CATEGORIES</h4>
<ul>
<li><a href="#">Art of Photography</a></li>
<li><a href="#">Design Template</a></li>
<li><a href="#">Website & Development</a></li>
<li><a href="#">How to Create a Great Layout</a></li>
<li><a href="#">Beautiful Backgrounds</a></li>
<li><a href="#">Customisation</a></li>
</ul>
</div>
<div class="widget gallery-widget">
<h4>GALLERY</h4>
<ul>
<li><a href="#"><img src="css/images/gallery-img.png" alt="" /></a></li>
<li><a href="#"><img src="css/images/gallery-img2.png" alt="" /></a></li>
<li><a href="#"><img src="css/images/gallery-img3.png" alt="" /></a></li>
<li><a href="#"><img src="css/images/gallery-img4.png" alt="" /></a></li>
<li><a href="#"><img src="css/images/gallery-img5.png" alt="" /></a></li>
<li><a href="#"><img src="css/images/gallery-img6.png" alt="" /></a></li>
</ul>
</div>
<div class="widget">
<h4>Web Lab</h4>
<ul>
<li><a href="#">More About Us</a></li>
<li><a href="#">Our Portfolio Company</a></li>
<li><a href="#">Company Blog</a></li>
<li><a href="#">Our Mission</a></li>
<li><a href="#">Get in Touch with UsMore</a></li>
</ul>
</div>
<div class="widget contact-widget">
<h4>Contacts</h4>
<p class="address-ico">
Company Name Head Office<br />
1234 City Name, <br />
Country 7451
</p>
<p class="phone-ico">
Phone: +11 2345 6778
Fax: +11 2345 6789
</p>
<a href="#" class="chat-btn"><span class="chat-ico"></span>Client Sheet</a>
</div>
<div class="cl"> </div>
</div>
<!-- end of widgets -->
<!-- footer-bottom -->
<div class="footer-bottom">
<!-- footer-nav -->
<div class="footer-nav">
<ul>
<li class="active"><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">PORTFOLIO</a></li>
<li><a href="#">CONTACTS</a> </li>
</ul>
</div>
<!-- end of footer-nav -->
<p class="copy">© company name. More Templates <a href="http://www.htmldivcss.com/" target="_blank" title="模板在线">模板在线</a><
1048_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
200 浏览量
2023-08-03
11:32:45
上传
评论
收藏 475KB ZIP 举报
1048_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （39个子文件） 
1048 js 
jquery.flexslider-min.js 11KB jquery-1.7.2.min.js 93KB functions.js 221B modernizr.custom.js 7KB
1.jpg 113KB css style.css 9KB flexslider.css 3KB images 
gallery-img.png 10KB phone-ico.png 1KB entry-shadow-b.png 1KB slide-cnt.png 999B entry-img2.png 35KB gallery-img4.png 8KB entry-img3.png 37KB gallery-img2.png 9KB logo.png 4KB awesome-ico.png 2KB entry-img1.png 38KB footer.png 1KB gallery-img6.png 8KB entry-img4.png 40KB address-ico.png 1KB chat-ico.png 1KB slide-img.jpg 74KB entry-img5.png 36KB header.png 1017B favicon.ico 1KB entry-cnt.png 997B save-ico.png 1KB entry-plus.png 1KB chat-btn.png 1KB slider-btn.png 1KB plus-ico.png 1KB body.png 1KB gallery-img5.png 9KB gallery-img3.png 8KB slider-shadow.png 8KB starter-ico.png 2KB
index.html 8KB资源评论
