<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Busymode - Free CSS template by ChocoTemplates.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>
<!-- wrapper -->
<div id="wrapper">
<!-- header -->
<header>
<div class="shell">
<h1 id="logo"><a href="#">Busymode</a></h1>
<nav id="navigation">
<ul>
<li class="active"><a href="#">HOME</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="#">SHOWCASE</a></li>
<li><a href="#">CAREERS</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
</nav>
</div>
</header>
<!-- end of header -->
<!-- top-section -->
<section class="top-section">
<div class="shell">
<!-- slider -->
<div class="slider-holder">
<span class="slider-shadow"></span>
<div class="slider flexslider">
<ul class="slides">
<li>
<img src="css/images/slide-img.png" alt="" />
<span class="overlay"></span>
<div class="slide-cnt">
<h2>Explore the Best Practices on Business<br /> Advertising and Branding</h2>
<div class="btns">
<a href="#" class="left-btn"><span>Our Services</span></a>
<a href="#" class="right-btn">Learn More About Us</a>
</div>
</div>
</li>
<li>
<img src="css/images/slide-img.png" alt="" />
<span class="overlay"></span>
<div class="slide-cnt">
<h2>Explore the Best Practices on Business<br /> Advertising and Branding</h2>
<div class="btns">
<a href="#" class="left-btn"><span>Our Services</span></a>
<a href="#" class="right-btn">Learn More About Us</a>
</div>
</div>
</li>
<li>
<img src="css/images/slide-img.png" alt="" />
<span class="overlay"></span>
<div class="slide-cnt">
<h2>Explore the Best Practices on Business<br /> Advertising and Branding</h2>
<div class="btns">
<a href="#" class="left-btn"><span>Our Services</span></a>
<a href="#" class="right-btn">Learn More About Us</a>
</div>
</div>
</li>
<li>
<img src="css/images/slide-img.png" alt="" />
<span class="overlay"></span>
<div class="slide-cnt">
<h2>Explore the Best Practices on Business<br /> Advertising and Branding</h2>
<div class="btns">
<a href="#" class="left-btn"><span>Our Services</span></a>
<a href="#" class="right-btn">Learn More About Us</a>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- end of slider -->
<!-- boxes -->
<div class="boxes">
<div class="box">
<div class="img-holder">
<img src="css/images/user-interface-design.png" alt="" />
</div>
<h4><a href="#">USER INTERFACE DESIGN</a></h4>
<span class="box-shadow"></span>
</div>
<div class="box">
<div class="img-holder">
<img src="css/images/graphic-design.png" alt="" />
</div>
<h4><a href="#">GRAPHIC DESIGN</a></h4>
<span class="box-shadow"></span>
</div>
<div class="box">
<div class="img-holder">
<img src="css/images/brand-identity.png" alt="" />
</div>
<h4><a href="#">BRAND IDENTITY</a></h4>
<span class="box-shadow"></span>
</div>
<div class="cl"> </div>
</div>
<!-- end of boxes -->
</div>
</section>
<!-- end of top-section -->
<!-- main -->
<div class="main">
<div class="shell">
<!-- cols -->
<section class="cols">
<div class="col">
<h3><a href="#"><strong>Web Design</strong> Services</a></h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit ame dolor</a></li>
<li><a href="#">Donec nec est vel nisl mattis auctor</a></li>
<li><a href="#">Integer luctus volutpat leo et amet</a></li>
<li><a href="#">Donec non nunc eu dui </a></li>
</ul>
</div>
<div class="col">
<h3><a href="#"><strong>Logo Design</strong> Services</a></h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit ame dolor</a></li>
<li><a href="#">Donec nec est vel nisl mattis auctor</a></li>
<li><a href="#">Integer luctus volutpat leo et amet</a></li>
<li><a href="#">Donec non nunc eu dui</a></li>
</ul>
</div>
<div class="col">
<h3><a href="#"><strong>Graphic Design</strong> Services</a></h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit ame dolor</a></li>
<li><a href="#">Donec nec est vel nisl mattis auctor</a></li>
<li><a href="#">Integer luctus volutpat leo et amet</a></li>
<li><a href="#">Donec non nunc eu dui </a></li>
</ul>
</div>
<div class="col">
<h3><a href="#"><strong>Seo</strong> Optimization</a> </h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit ame dolor</a></li>
<li><a href="#">Donec nec est vel nisl mattis auctor</a></li>
<li><a href="#">Integer luctus volutpat leo et amet</a></li>
<li><a href="#">Donec non nunc eu dui </a></li>
</ul>
</div>
<div class="cl"> </div>
</section>
<!-- end of cols -->
</div>
<!-- end of shell -->
<!-- section-bottom -->
<section class="section-bottom">
<!-- shell -->
<div class="shell">
<!-- cols -->
<div class="cols">
<div class="col">
<h3><span class="about-ico"></span><a href="#">MORE <strong>ABOUT US</strong></a></h3>
<p>Where WSM really add value is by helping our clients
decipher the complexities of the legislation. We ensure we have squeezed the most out of the rules for the tax payer's benefit and that they can sleep soundly
knowing their tax affairs are in order.</p>
<a href="#" class="more-btn">Read More</a>
</div>
<div class="col">
<h3><span class="news-ico"></span><a href="#">OUR <strong>LATEST NEWS</strong></a></h3>
<ul>
<li>
<small>20 Oct</small>
<h5> Ut enim ad minim veniam nostrud </h5>
</li>
<li>
<small>28 Sep</small>
<h5>Lorem Ipsum minim veniam nostrud </h5>
</li>
<li>
<small>20 Oct</small>
<h5>Ut enim ad minim veniam nostrud </h5>
</li>
</ul>
</div>
<div class="col subscribe-col">
<h3><span class="subscribe-ico"></span><a href="#">KEEP IN <strong>TOUCH</strong></a></h3>
<div class="col-cnt">
<p>We ensure we've squeezed the most out of the rules fit and that they can slee..</p>
<form method="post">
<input type="text" class="field" value="Your Email Here" title="Your Email Here" />
<input type="submit" class="submit-btn" value="Submit" />
</form>
<h2><span class="plus">+</span>123 456 798</h2>
<a href="#">[email protected]</a>
</div>
</div>
<div class="cl"> </div>
</div>
<!-- end of cols -->
</div>
<!-- end of shell -->
</section>
<!-- end of section-bottom -->
</div>
<!-- end of main -->
<div id="footer-push"></div>
</div>
<!-- end of wrapper -->
<!-- footer -->
<div id="footer">
<div class="footer-bottom">
<div class="shell">
<nav class="footer-nav left">
<ul>
<li class="active"><a href="#">HOME</a></li>
<li><a href="#">ABOUT US</a></li>
<li><a href="#">SERVICES</a></li>
<li><a
网站模板-移动设备创意设计网页模板-HTML源码.zip
版权申诉
4 浏览量
2024-03-25
08:46:23
上传
评论
收藏 323KB ZIP 举报
网站模板-移动设备创意设计网页模板-HTML源码.zip （28个子文件） 
网站模板-移动设备创意设计网页模板-HTML源码 html js 
jquery.flexslider-min.js 11KB jquery-1.7.2.min.js 93KB functions.js 635B modernizr.custom.js 7KB
home.html 8KB css style.css 10KB flexslider.css 3KB images 
main.png 1KB box-bg.png 1KB logo.png 4KB left-btn.png 4KB brand-identity.png 21KB submit-btn.png 3KB nav-border.png 1002B slider-btns.png 2KB graphic-design.png 39KB section-bottom.png 3KB box-shadow.png 3KB slider-arr.png 8KB favicon.ico 1KB top-section.png 13KB slide-img.png 110KB title-ico.png 14KB more-btn.png 3KB list-arr.png 1KB slider-shadow.png 28KB control-nav.png 2KB user-interface-design.png 18KB资源评论
