HTML网站源码-奢华窗帘设计响应式网页模板-适配移动端&PC端.zip资源-CSDN文库

共23个文件

png：10个

js：6个

css：3个

版权申诉

html

源码

JavaScript

110 浏览量 2024-03-30 11:51:55 上传评论收藏 2.94MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

HTML网站源码-奢华窗帘设计响应式网页模板-适配移动端&PC端.zip （23个子文件）

HTML网站源码-奢华窗帘设计响应式网页模板-适配移动端&PC端

html

easing.js 5KB

jquery-1.11.0.min.js 94KB

move-top.js 1KB

jquery.flexisel.js 8KB

jquery.countdown.js 3KB

script.js 1KB

css

style.css 34KB

jquery.countdown.css 3KB

bootstrap.css 118KB

index.html 11KB

images

g-2.jpg 55KB

banner.png 2.35MB

up-arrow.png 6KB

social-icons.png 5KB

t-3.png 105KB

t-1.png 94KB

g-3.jpg 70KB

arrows.png 6KB

work-1.png 22KB

g-1.jpg 76KB

how.png 29KB

ell.png 5KB

t-2.png 110KB

<!DOCTYPE html> <html> <head> <title>Blinds a Business Category Flat Bootstarp responsive Website Template| HOME :: w3layouts</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Blinds Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href="css/style.css" rel='stylesheet' type='text/css' /> <script src="js/jquery-1.11.0.min.js"></script> <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>  <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script>   <link rel="stylesheet" href="css/jquery.countdown.css" /> <script src="js/jquery.countdown.js"></script> <script src="js/script.js"></script>  </head> <body>  <div class="banner" id="home"> <div class="header"> <div class="container"> <div class="head"> <div class="header-left"> <a href="index.html"><h1>Blinds</h1></a> </div> <div class="header-right"> <p>+8 (800) 555-55-55</p> <p><a href="mailto:example@email.com">contact@shtormarket.com</a></p> </div> <div class="clearfix"></div> </div> </div> </div> <div class="banner-top"> <div class="banner-bottom"> <h2>Suspendisse rutrum commodo diam</h2> </div> <div class="b-btn"> <a href="#" class="hvr-sweep-to-right">Read more</a> </div> </div> </div>   <div class="about"> <div class="container"> <div class="about-top"> <h3>Fusce sollicitudin condimentum?</h3> <div class="about-bottom"> <div class="about-bottom-text"> <div class="col-md-4 about-bottom-grid"> <span class="one"> </span> <h4>Vestibulum egestas libero</h4> <label> </label> <p>Fusce eros ante, mattis non dolor non, accumsan condimentum tellus rutrum augue et.</p> </div> <div class="col-md-4 about-bottom-grid"> <span class="two active"> </span> <h4>Vestibulum egestas libero</h4> <label> </label> <p>Fusce eros ante, mattis non dolor non, accumsan condimentum tellus rutrum augue et.</p> </div> <div class="col-md-4 about-bottom-grid"> <span class="tre"> </span> <h4>Vestibulum egestas libero</h4> <label> </label> <p>Fusce eros ante, mattis non dolor non, accumsan condimentum tellus rutrum augue et.</p> </div> <div class="clearfix"></div> </div> <div class="about-bottom-text"> <div class="col-md-4 about-bottom-grid"> <span class="fvr"> </span> <h4>Vestibulum egestas libero</h4> <label> </label> <p>Fusce eros ante, mattis non dolor non, accumsan condimentum tellus rutrum augue et.</p> </div> <div class="col-md-4 about-bottom-grid"> <span class="fve"> </span> <h4>Vestibulum egestas libero</h4> <label> </label> <p>Fusce eros ante, mattis non dolor non, accumsan condimentum tellus rutrum augue et.</p> </div> <div class="col-md-4 about-bottom-grid"> <span class="six"> </span> <h4>Vestibulum egestas libero</h4> <label> </label> <p>Fusce eros ante, mattis non dolor non, accumsan condimentum tellus rutrum augue et.</p> </div> <div class="clearfix"></div> </div> </div> </div> </div> </div>   <div class="gallery"> <div class="container"> <div class="gallery-top"> <h3>Class aptent taciti</h3> </div> <div class="gallery-bottom"> <ul id="flexiselDemo3"> <li> <img src="images/g-1.jpg" alt="" /> </li> <li> <img src="images/g-2.jpg" alt="" /> </li> <li> <img src="images/g-3.jpg" alt="" /> </li> </ul> </div> </div> </div>   <script type="text/javascript"> $(window).load(function() { $("#flexiselDemo3").flexisel({ visibleItems: 3, animationSpeed: 1000, autoPlay: true, autoPlaySpeed: 3000, pauseOnHover: true, enableResponsiveBreakpoints: true, responsiveBreakpoints: { portrait: { changePoint:480, visibleItems: 1 }, landscape: { changePoint:640, visibleItems: 2 }, tablet: { changePoint:768, visibleItems: 3 } } }); }); </script> <script type="text/javascript" src="js/jquery.flexisel.js"></script>   <div class="sale"> <div class="container"> <div class="sale-main"> <div class="col-md-6 sale-left"> <h3>Bibendum!</h3> <p>Donec consectetur massa a arcu aliquet elementum eu</p> <div class="sale-btn"> <a href="#" class="hvr-sweep-to-right">Discount 20%!</a> </div> <div class="count"> <div id="counter"> </div> </div> </div> <div class="col-md-6 sale-right"> <div class="sale-one"> <p>Pellentesque ultricies tincidunt felis nec auctor nulla suscipit vitae</p> <div class="sale-bottom"> <div class="col-md-6 sale-bottom-left"> <input type="text" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}"/> <input type="text" value="Last Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Last Name';}"/> <input type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}"/> </div> <div class="col-md-6 sale-bottom-right"> <textarea value="Your Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Message';}">Your Message</textarea> </div> <div class="clearfix"> </div> </div> </div> </div> <div class="clearfix"> </div> </div> </div> </div>   <div class="work"> <div class="container"> <div class="work-top"> <h3>Work</h3> <div class="work-bottom"> <div class="col-md-4 work-left"> <div class="work-one wrk"> <h4>01</h4> <p>Vestibulum auctor</p> </div> <div class="work-one"> <h4>02</h4> <p>Aliquam rutrum augue et risus molestie</p> </div> <div class="work-one"> <h4>03</h4> <p>Nam non bibendum eros. Sed in rhoncus Praesent</p> </div> </div> <div class="col-md-4 work-middle"> <img src="images/work-

评论收藏

内容反馈

版权申诉