炫彩舞台CSS大气模板是一款棕色主题风格的CSS大气网站模板下载。_html网站模板_网页源码移动端前端_H5模板

共72个文件

png：28个

jpg：25个

js：6个

168 浏览量 2023-08-05 15:15:57 上传评论收藏 1.45MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

炫彩舞台CSS大气模板是一款棕色主题风格的CSS大气网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自.rar （72个子文件）

炫彩舞台CSS大气模板是一款棕色主题风格的CSS大气网站模板下载。

moban184

clndr.js 30KB

responsiveslides.min.js 3KB

underscore-min.js 14KB

moment-2.2.1.js 93KB

jquery-1.11.0.min.js 94KB

site.js 3KB

css

style.css 39KB

bootstrap.css 118KB

clndr.css 3KB

index.html 23KB

single.html 20KB

images

pic5.jpg 64KB

pic6.jpg 61KB

blog-rel2.jpg 26KB

blog-desc-p.png 3KB

flag.png 3KB

t-social-icons.png 3KB

themes.png 3KB

pic10.jpg 38KB

blog-desc-r.png 3KB

blog-rel1.jpg 28KB

pic8.jpg 56KB

top_move.png 4KB

banner.jpg 229KB

pic9.jpg 23KB

logo.png 4KB

sec-icon.png 3KB

pag-left.png 3KB

pag-right.png 3KB

fol.png 3KB

social-icons.png 4KB

pic4.jpg 35KB

blog-desc-q.png 3KB

p4.jpg 16KB

person.png 3KB

pic2.jpg 32KB

blog3.jpg 215KB

search.png 3KB

calender-arw.png 3KB

pic3.jpg 41KB

nav.png 151B

facts-icons.png 5KB

social-status-icons.png 3KB

pic1.jpg 29KB

ey.png 3KB

blog2.jpg 131KB

cmt-1.jpg 11KB

cup.png 3KB

cmt.png 3KB

arw.png 3KB

pic11.jpg 32KB

p2.jpg 21KB

service-icons.png 5KB

blog-desc-s.png 3KB

ofce.png 4KB

find-icons.png 4KB

p3.jpg 15KB

pic7.jpg 69KB

p5.jpg 19KB

ban.jpg 68KB

blog.jpg 139KB

subscribe.png 3KB

cmt-2.jpg 11KB

p1.jpg 19KB

blog.html 17KB

fonts

horse.mp3 28KB

horse.ogg 14KB

BebasNeue-webfont.svg 104KB

BebasNeue-webfont.woff 19KB

stylesheet.css 401B

BebasNeue-webfont.ttf 53KB

BebasNeue-webfont.eot 17KB

<!DOCTYPE HTML> <html> <head> <title>Home</title> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' media="all" />  <script src="js/jquery-1.11.0.min.js"></script>  <link href="css/style.css" rel='stylesheet' type='text/css' media="all" />  <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'> <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> </head> <body>  <div class="header" id="home"> <div class="container"> <div class="logo"> <a href="index.html"><img src="images/logo.png" alt=""></a> </div> <span class="menu"></span> <div class="cleare"></div> <script> $( "span.menu" ).click(function() { $( "ul.navig" ).slideToggle( "slow", function() { // Animation complete. }); }); </script> <div class="navigation"> <ul class="navig"> <li><a href="#" class="active">Home</a></li> <li><a href="#about" class="scroll">About</a></li> <li><a href="#service" class="scroll">Services</a></li> <li><a href="#work" class="scroll">WORKS </a></li> <li><a href="#client" class="scroll">CLIENTS</a></li> <li><a href="blog.html">BLOG</a></li> <li><a href="#contact" class="scroll">CONTACT</a></li> </ul> </div> <div class="clearfix"></div> </div> </div>   <div class="banner"> <div class="container"> <div class="banner-top"> <h1>We are</h1> <span class="line"></span> <h1>designing</h1> <p>And We Are Doing It Well</p> </div> <div class="aarow"> <a href="#about" class="scroll"><img src="images/arw.png" alt=""></a> </div> </div> </div>   <div class="about" id="about"> <div class="container"> <h3 class="top-head">ABOUT US</h3> <p class="head-sub">Duis vitae velit mollis, congue nisi dignissim, pellentesque lorem</p> <div class="about-top"> <span class="seperate-line"></span> <div class="right-side"> <p>2006</p> </div> <div class="left-side"> <i class="flag"></i> <div class="left-div-right"> <h3>THE BEGINNING</h3> <p>Quisque ut convallis diam, id pulvinar leo. Integer consequat vulputate orci sit amet consequat</p> </div> <div class="clearfix"></div> </div> <div class="right-side-left"> <p>2007</p> </div> <div class="left-side-right"> <i class="cup"></i> <div class="left-div-right"> <h3>THE BEGINNING</h3> <p>Quisque ut convallis diam, id pulvinar leo. Integer consequat vulputate orci sit amet consequat</p> </div> <div class="clearfix"></div> </div> <div class="right-side sec-th"> <p>2008</p> </div> <div class="left-side sec-t"> <i class="ofc"></i> <div class="left-div-right"> <h3>THE BEGINNING</h3> <p>Quisque ut convallis diam, id pulvinar leo. Integer consequat vulputate orci sit amet consequat</p> </div> <div class="clearfix"></div> </div> </div> <div class="load"> <a href="#">Load More</a> </div> <span class="divide-line"></span> </div> </div>   <div class="team"> <div class="container"> <h3 class="top-head">AND THE TEAM</h3> <p class="head-sub">Duis vitae velit mollis, congue nisi dignissim, pellentesque lorem</p> <div class="row team-row"> <div class="col-md-3 team-column"> <div class="img-div te-img-dv"><img src="images/pic1.jpg" alt=""></div> <div class="img-desc"> <h4><span>MIKE</span>  /   CFO</h4> <ul class="t-social"> <li><i class="fa"></i></li> <li><i class="fb"></i></li> <li><i class="fc"></i></li> <li><i class="fd"></i></li> <li><i class="fe"></i></li> </ul> </div> </div> <div class="col-md-3 team-column"> <div class="img-div te-img-dv"><img src="images/pic2.jpg" alt=""></div> <div class="img-desc"> <h4><span>ELLY</span>  /   CFO</h4> <ul class="t-social"> <li><i class="fa"></i></li> <li><i class="fb"></i></li> <li><i class="fc"></i></li> <li><i class="fd"></i></li> <li><i class="fe"></i></li> </ul> </div> </div> <div class="col-md-3 team-column"> <div class="img-div te-img-dv"><img src="images/pic3.jpg" alt=""></div> <div class="img-desc"> <h4><span>VALL</span>  /   CFO</h4> <ul class="t-social"> <li><i class="fa"></i></li> <li><i class="fb"></i></li> <li><i class="fc"></i></li> <li><i class="fd"></i></li> <li><i class="fe"></i></li> </ul> </div> </div> <div class="col-md-3 team-column"> <div class="img-div te-img-dv"><img src="images/pic4.jpg" alt=""></div> <div class="img-desc"> <h4><span>DIDI</span>  /   CFO</h4> <ul class="t-social"> <li><i class="fa"></i></li> <li><i class="fb"></i></li> <li><i class="fc"></i></li> <li><i class="fd"></i></li> <li><i class="fe"></i></li> </ul> </div> </div> <div class="clearfix"></div> </div> </div> </div>   <div class="work" id="work"> <div class="container"> <h3 class="top-head td">WORKS</h3> <p class="head-sub tdd">Duis vitae velit mollis, congue nisi dignissim, pellentesque lorem</p>  <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: true, speed: 500, namespace: "callbacks", before: function () { $('.events').append("<li>before event fired.</li>"); }, after: function () { $('.events').append("<li>after event fired.</li>"); } }); }); </script>   <div id="top" class="callbacks_container"> <ul class="rslides" id="slider4"> <li> <div class="row work-row"> <div class="col-md-4 work-column"> <div class="img-div img-e"><img src="images/pic5.jpg" alt=""></div> <div class="img-desc"> <h4><span>CLEMENTINE DE LA FERONNIERE</span></h4> <span class="w-line"></span> <p>Print Design</p> </div> </div> <div class="col-md-4 work-column"> <div class="img-div img-e"><img src="images/pic7.jpg" alt=""></div> <div class="img-desc"> <h4><span>CLEMENTINE DE LA FERONNIERE</span></h4> <span class="w-line"></span> <p>Web Design</p> </div> </div> <div class="col-md-4 work-column hide-col"> <div class="img-div img-e"><img src="images/pic6.jpg" alt=""></div> <div class="img-desc"> <h4><span>CLEMENTINE DE LA FERONNIERE</span></h4> <span class="w-line"></span> <p>Photography</p> </div> </div> <div class="clearfix"></div> </div> </li> <li> <div class="row work-row"> <div

评论收藏

内容反馈