网站设计模板-蓝色漂亮的设计行业类html5模板.zip资源-CSDN文库

共30个文件

png：22个

js：4个

css：2个

版权申诉

web开发

网站设计模板

网页设计

HTML5

CCS3

5星 · 超过95%的资源 92 浏览量 2023-03-18 18:08:50 上传评论收藏 477KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

网站设计模板-蓝色漂亮的设计行业类html5模板.zip （30个子文件）

网站设计模板-蓝色漂亮的设计行业类html5模板

h5c3_16_vb

jquery.flexslider-min.js 11KB

jquery-1.7.2.min.js 93KB

functions.js 428B

modernizr.custom.js 7KB

css

style.css 7KB

flexslider.css 3KB

images

slide-cnt.png 991B

slide-cnt-t.png 2KB

slide-cnt-b.png 1KB

slider-left.png 9KB

slider-holder.png 2KB

logo.png 10KB

mobile-applications.png 38KB

slider-right.png 8KB

submit-btn.png 1KB

slide-cnt-c.png 1KB

slider-bottom.png 3KB

footer.png 1KB

slider-top.png 5KB

nav-active.png 1KB

character-design.png 80KB

header.png 2KB

favicon.ico 1KB

icon-design.png 73KB

slider-btn.png 8KB

arr.png 1KB

slide-img.png 177KB

submit-btn-hover.png 3KB

body.png 2KB

index.html 6KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Brain Storm - Free CSS template Collect from cssmoban.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 class="header"> <div class="shell"> <h1 id="logo"><a href="#">BrainStorm</a></h1>  <nav id="navigation"> <ul> <li class="active"> <a href="#">Home</a> <span>Get Started</span> </li> <li> <a href="#">About</a> <span>This Theme</span> </li> <li> <a href="#">Features</a> <span>Skins & Schemes</span> </li> <li> <a href="#">Portfolio</a> <span>Take a Look</span> </li> <li> <a href="#">Contacts</a> <span>Find Us Now</span> </li> </ul> <div class="cl"> </div> </nav>  </div> </header>   <div class="slider-holder">  <div class="shell"> <span class="l"></span> <span class="r"></span> <span class="t"></span> <span class="b"></span> <a href="#" class="slider-btn">Explore Our Showcase</a>  <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >Website Template</a></div> <div class="slider flexslider"> <ul class="slides"> <li> <img src="css/images/slide-img.png" alt="" /> <div class="slide-cnt"> <div class="box-t"></div> <div class="box-c"> <div class="box-cnt"> <h2>Lorem Ipsum Dolor Sit Amet</h2> <p>Donec vehicula odio quis lobortis varius, quam nibh pulvinar eros, sed aliquam orci sem nec ipsum. Nunc sed felis vitae nisl faucibus convallis sit amet eget dolor. Fusce sodales consectetur adipiscing. Nunc nulla mauris, blandit nec dapibus porta, porta tempus lectus. </p> </div> <div class="cl"> </div> </div> <div class="box-b"></div> </div> </li> <li> <img src="css/images/slide-img.png" alt="" /> <div class="slide-cnt"> <div class="box-t"></div> <div class="box-c"> <div class="box-cnt"> <h2>Lorem Ipsum Dolor Sit Amet</h2> <p>Donec vehicula odio quis lobortis varius, quam nibh pulvinar eros, sed aliquam orci sem nec ipsum. Nunc sed felis vitae nisl faucibus convallis sit amet eget dolor. Fusce sodales consectetur adipiscing. Nunc nulla mauris, blandit nec dapibus porta, porta tempus lectus. </p> </div> <div class="cl"> </div> </div> <div class="box-b"></div> </div> </li> </ul> </div>  </div>  </div>   <div class="shell">  <div class="main"> <section class="cols"> <div class="col"> <h3><a href="#">Mobile Applications</a></h3> <a href="#"><img src="css/images/mobile-applications.png" alt="" /></a> <p>Phasellus tincidunt lectus feugiat est vehicula a eleifend mi consequat. Mauris augue eros, vestibulum at inter-<br />dum nec, tincidunt vel tortor cras malesuada</p> </div> <div class="col"> <h3><a href="#">Icon Design</a></h3> <a href="#"><img src="css/images/icon-design.png" alt="" /></a> <p>Phasellus tincidunt lectus feugiat est vehicula a eleifend mi consequat. Mauris augue eros, vestibulum at inter-<br />dum nec, tincidunt vel tortor cras malesuada</p> </div> <div class="col"> <h3><a href="#">Character Design</a></h3> <a href="#"><img src="css/images/character-design.png" alt="" /></a> <p>Phasellus tincidunt lectus feugiat est vehicula a eleifend mi consequat. Mauris augue eros, vestibulum at inter-<br />dum nec, tincidunt vel tortor cras malesuada</p> </div> <div class="cl"> </div> </section> </div>  </div>  <div id="footer-push"></div> </div>   <div id="footer"> <div class="shell">  <section class="footer-cols"> <div class="col"> <h3>MORE <strong>ABOUT US</strong></h3> <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis aliquet justo vel libero vestibulum euismod. Sed lacinia erat vitae quatale</p> </div> <div class="col"> <h3>KEEP <strong>IN TOUCH</strong></h3> <p>Cum sociis natoque penatibus et magnis dolor</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> </div> <div class="col contact"> <h3>CONTACT <strong>US</strong></h3> <h4>+ 123 456 78910</h4> <a href="#">johndoe@websitename.com</a> </div> <div class="cl"> </div> </section>  <p class="copy">© Company Name. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a></p> <div class="cl"> </div> </div> </div>  </body> </html>

评论收藏

内容反馈

版权申诉