<!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
163 浏览量
2023-08-03
11:32:45
上传
评论
收藏 475KB ZIP 举报
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
![avatar-vip](https://csdnimg.cn/release/downloadcmsfe/public/img/user-vip.1c89f3c5.png)
icwx_7550592
- 粉丝: 18
- 资源: 7163
最新资源
- Java项目-基于SSM+JSP的超市管理系统的设计与实现(源码+数据库脚本+部署视频+代码讲解视频+全套软件)
- 基于STM32F103C8T6、LCD1602、MCP4131(spi)接口数字电位器应用proteus仿真设计
- Java项目-基于SSM+JSP的个人交友网站的设计与实现(源码+数据库脚本+部署视频+代码讲解视频+全套软件)
- TM3400FN-VB一款SOT23封装N-Channel场效应MOS管
- Java项目-基于SSM+JSP的母婴用品网站的设计与实现(源码+数据库脚本+部署视频+代码讲解视频+全套软件)
- Git基本技巧、基本指令操作等.pdf
- Wireshark抓取http数据包并分析获明文密码+实验指导书+抓取的数据包
- Quectel-RG200U&Rx500U系列-AT命令手册-V1.0
- Java项目-基于SSM+JSP的医院门诊挂号系统的设计与实现(源码+数据库脚本+部署视频+代码讲解视频+全套软件)
- 大一实训基于Java的打地鼠小游戏项目
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)