H670_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip资源-CSDN文库

共28个文件

png：20个

js：4个

css：2个

网页源码

网站模板

前端页面

html

54 浏览量 2023-08-02 16:25:02 上传评论收藏 321KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

H670_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （28个子文件）

H670

jquery.flexslider-min.js 11KB

jquery-1.7.2.min.js 93KB

functions.js 635B

modernizr.custom.js 7KB

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

index.html 8KB

<!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

评论收藏

内容反馈