网站模板-移动设备创意设计网页模板-HTML源码.zip资源-CSDN文库

共28个文件

png：20个

js：4个

css：2个

版权申诉

HTML源码

适配移动端

JavaScript

网站源码

98 浏览量 2024-03-25 08:46:23 上传评论收藏 323KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站模板-移动设备创意设计网页模板-HTML源码.zip （28个子文件）

网站模板-移动设备创意设计网页模板-HTML源码

html

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

<!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>  <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> <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>   <section class="top-section"> <div class="shell">  <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>   <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>  </div> </section>   <div class="main"> <div class="shell">  <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>  </div>   <section class="section-bottom">  <div class="shell">  <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="#">sales@busymode.com</a> </div> </div> <div class="cl"> </div> </div>  </div>  </section>  </div>  <div id="footer-push"></div> </div>   <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

评论收藏

内容反馈

版权申诉