大型商场室内设计网站模板是一款基于bootstrap制作的单页网站模板素材.rar资源-CSDN文库

共66个文件

jpg：24个

png：16个

js：10个

版权申诉

20 浏览量 2022-11-20 10:09:37 上传评论收藏 1.74MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

大型商场室内设计网站模板是一款基于bootstrap制作的单页网站模板素材。.rar （66个子文件）

大型商场室内设计网站模板是一款基于bootstrap制作的单页网站模板素材。

moban1716

css

iconeffects.css 14KB

owl.carousel.css 8KB

animate.min.css 68KB

bootstrap.css 118KB

swipebox.css 4KB

style.css 51KB

images

c3.jpg 19KB

social.png 4KB

rightw.gif 67B

right-quotes.png 4KB

banner.jpg 483KB

t2.jpg 6KB

left-quotes.png 4KB

chef1.jpg 16KB

i2.png 3KB

chef4.jpg 15KB

g1.jpg 54KB

c1.jpg 13KB

bottom.jpg 376KB

c2.jpg 22KB

chef2.jpg 24KB

c4.jpg 23KB

p2.jpg 26KB

icons.svg 1KB

i1.png 3KB

s4.jpg 41KB

p1.jpg 27KB

t3.jpg 4KB

icon2.png 2KB

nav.png 3KB

icon1.png 3KB

down.png 5KB

p4.jpg 24KB

s2.jpg 39KB

t1.jpg 6KB

co.png 2KB

move-top.png 3KB

i3.png 3KB

icons-1.png 6KB

s3.jpg 31KB

s1.jpg 42KB

chef3.jpg 26KB

g8.jpg 35KB

i5.png 3KB

icon3.png 4KB

g2.jpg 42KB

g7.jpg 33KB

closew.gif 70B

i4.png 3KB

fonts

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.woff2 18KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.svg 106KB

fontawesome-webfont.ttf 139KB

index.html 30KB

move-top.js 1KB

easing.js 5KB

jquery-1.11.1.min.js 94KB

modernizr.custom.js 8KB

modernizr.custom.97074.js 8KB

responsiveslides.min.js 3KB

wow.min.js 5KB

jquery.swipebox.min.js 7KB

owl.carousel.js 37KB

bootstrap.js 66KB

<!DOCTYPE HTML> <html> <head> <title>Home</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="" /> <script type="applisalonion/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/iconeffects.css" rel='stylesheet' type='text/css' /> <link href="css/style.css" rel='stylesheet' type='text/css' /> <link rel="stylesheet" href="css/swipebox.css"> <script src="js/jquery-1.11.1.min.js"></script> <script src="js/bootstrap.js"> </script> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script>  <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,300italic,300,500,400italic,500italic,700,700italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Merriweather+Sans:400,300,700' rel='stylesheet' type='text/css'>  <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},900); }); }); </script>  <script src="js/jquery.swipebox.min.js"></script> <script type="text/javascript"> jQuery(function($) { $(".swipebox").swipebox(); }); </script>  </head> <body>  <div class="banner w3l" id="home"> <div class="header-bottom"> <div class="container"> <div class="fixed-header">  <div class="logo wow fadeInLeft animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;"> <a href="index.html"><h1>Decorating</h1></a> </div>  <div class="top-menu wow fadeInRight animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;"> <span class="menu"> </span> <nav class="link-effect-4" id="link-effect-4"> <ul> <li class="active"><a data-hover="Home" href="index.html">Home</a></li> <li><a data-hover="Services" href="#services" class="scroll">Services</a></li> <li><a data-hover="About" href="#about" class="scroll">About</a></li> <li><a data-hover="Gallery" href="#gallery" class="scroll">Gallery</a></li> <li><a data-hover="Testimonials" href="#testimonials" class="scroll">Testimonials</a></li> <li><a data-hover="Team" href="#team" class="scroll">Team</a></li> <li><a data-hover="Contact" href="#contact" class="scroll">Contact</a></li> </ul> </nav> </div>  <script> $("span.menu").click(function(){ $(".top-menu ul").slideToggle("slow" , function(){ }); }); </script>  <div class="clearfix"></div> <script> $(document).ready(function() { var navoffeset=$(".header-bottom").offset().top; $(window).scroll(function(){ var scrollpos=$(window).scrollTop(); if(scrollpos >=navoffeset){ $(".header-bottom").addClass("fixed"); }else{ $(".header-bottom").removeClass("fixed"); } }); }); </script> </div> </div> </div> <div class="banner-slider w3ls"> <div class="callbacks_container"> <ul class="rslides" id="slider4"> <li> <div class="banner-info wthree wow fadeInUp animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;"> <h3>Lorem Ipsum</h3> <p>when an unknown printer took a galley of type unknown printer took a galley.</p> </div> </li> <li> <div class="banner-info wthree wow fadeInUp animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;"> <h3>Unknown Printer</h3> <p>Scrambled it to make a type specimen book unknown printer took a galley</p> </div> </li> <li> <div class="banner-info wthree wow fadeInUp animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;"> <h3>Letraset sheets</h3> <p>It has survived not only five centuries, unknown printer took a galley</p> </div> </li> </ul> </div>  <script src="js/responsiveslides.min.js"></script> <script> // You can also use "$(window).load(function() {" $(function () { // Slideshow 4 $("#slider4").responsiveSlides({ auto: true, pager:true, nav:false, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script>  </div> </div>  <div class="different agileits all_pad" id="services"> <div class="container"> <h3 class="title">Our Services</h3> <div class="diff-grids"> <div class="col-md-4 diff-grid diff-one bor-bot wow fadeInLeft animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;"> <div class="port-1 effect-3"> <div class="image-box"> <img class="img-responsive" src="images/p4.jpg" alt="Image-3"> </div> <div class="text-desc"> <h4>Interior</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p> </div> </div> </div> <div class="col-md-4 diff-grid bor-bot bar-two wow fadeInRight animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;"> <div class="hi-icon-wrap hi-icon-effect-4 hi-icon-effect-4b"> <div class="abt-icon"> <a href="#" class="hi-icon icon1"></a> <h4>Interior</h4> <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit</p> </div> </div> </div> <div class="col-md-4 diff-grid diff-one bor-bot wow fadeInRight animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;"> <div class="port-1 effect-3"> <div class="image-box"> <img class="img-responsive" src="images/p2.jpg" alt="Image-3"> </div> <div class="text-desc"> <h4>Interior</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.</p> </div> </div> </div> <div class="col-md-4 diff-grid diff-one bor-top bar-two wow fadeInLeft animated animated" data-wow-delay=".5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;"> <div class="hi-icon-wrap hi-icon-effect-4 hi-icon-effect-4b"> <div class="abt-icon"> <a href="#" class="hi-icon icon2"></a>

评论收藏

内容反馈

版权申诉