游戏音乐娱乐类网站源码-乐队专辑单曲发行响应式网站模板-支持移动端.zip资源-CSDN文库

共153个文件

jpg：64个

scss：23个

html：11个

版权申诉

HTML

源码

JavaScript

80 浏览量 2024-03-24 15:07:59 上传评论收藏 50.52MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

游戏音乐娱乐类网站源码-乐队专辑单曲发行响应式网站模板-支持移动端.zip （153个子文件）

bootstrap.min.css 156KB

style.css 58KB

font-awesome.min.css 30KB

magnific-popup.css 7KB

owl.carousel.min.css 3KB

slicknav.min.css 2KB

slick.css 2KB

fontawesome-webfont.eot 162KB

themify.eot 77KB

index.html 17KB

single-blog.html 14KB

albums.html 10KB

blog.html 10KB

albums-details.html 9KB

tours.html 8KB

about.html 7KB

ticket.html 7KB

gallery.html 7KB

contact.html 7KB

main.html 931B

8.jpg 621KB

1.jpg 466KB

blog-big.jpg 312KB

7.jpg 250KB

4.jpg 243KB

2.jpg 166KB

3.jpg 141KB

1.jpg 135KB

9.jpg 120KB

5.jpg 120KB

4.jpg 115KB

about-2.jpg 110KB

2.jpg 103KB

8.jpg 101KB

1.jpg 100KB

6.jpg 99KB

5.jpg 97KB

3.jpg 94KB

album.jpg 76KB

2.jpg 76KB

6.jpg 75KB

about-1.jpg 64KB

3.jpg 54KB

7.jpg 52KB

ticket.jpg 51KB

2.jpg 49KB

3.jpg 48KB

1.jpg 46KB

2.jpg 40KB

1.jpg 36KB

6.jpg 34KB

1.jpg 34KB

7.jpg 32KB

8.jpg 30KB

4.jpg 29KB

5.jpg 27KB

2.jpg 24KB

footer-img.jpg 22KB

3.jpg 21KB

4.jpg 21KB

1.jpg 20KB

2.jpg 17KB

9.jpg 17KB

4.jpg 16KB

3.jpg 15KB

5.jpg 14KB

7.jpg 14KB

6.jpg 13KB

5.jpg 12KB

1.jpg 11KB

8.jpg 11KB

1.jpg 11KB

2.jpg 10KB

4.jpg 10KB

4.jpg 9KB

2.jpg 8KB

3.jpg 7KB

1.jpg 6KB

author.jpg 3KB

comment-2.jpg 2KB

comment-3.jpg 2KB

comment-1.jpg 2KB

jquery-3.2.1.min.js 85KB

jquery.jplayer.min.js 60KB

jquery.nicescroll.min.js 59KB

owl.carousel.min.js 43KB

jquery.magnific-popup.min.js 20KB

jplayer.playlist.min.js 9KB

jquery.slicknav.min.js 8KB

audioInit-1.js 4KB

audioInit-2.js 4KB

videoInit.js 3KB

main.js 2KB

1.m4v 6.66MB

3.m4v 5.37MB

6.mp3 1.67MB

5.mp3 1.38MB

2.mp3 1.38MB

共 153 条

<!DOCTYPE html> <html lang="zxx"> <head> <title>Hnband | Music Event HTML Template</title> <meta charset="UTF-8"> <meta name="description" content="Hnband Music Event HTML Template"> <meta name="keywords" content="music, html"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link rel="stylesheet" href="css/bootstrap.min.css"/> <link rel="stylesheet" href="css/font-awesome.min.css"/> <link rel="stylesheet" href="css/slicknav.min.css"/> <link rel="stylesheet" href="css/owl.carousel.min.css"/>  <link rel="stylesheet" href="css/style.css"/>  </head> <body>  <div id="preloder"> <div class="loader"></div> </div>  <header> <div class="header__warp"> <div class="row"> <div class="col-lg-2"> <a href="index.html" class="site__logo"> <img src="img/logo.png" alt=""> </a> </div> <div class="col-lg-8"> <ul class="main__menu"> <li><a href="index.html" class="menu--active">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="albums.html">Albums</a></li> <li><a href="tours.html">Tours</a></li> <li><a href="#">Pages</a> <ul class="sub__menu"> <li><a href="gallery.html">Gallery</a></li> <li><a href="ticket.html">Ticket</a></li> <li><a href="albums-details.html">Albums details</a></li> <li><a href="single-blog.html">Blog single</a></li> </ul> </li> <li><a href="blog.html">Blog</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="col-lg-2 text-lg-right d-none d-lg-block"> <a href="#" class="site__btn">Buy tickets</a> </div> </div> </div> </header>   <section class="hero__section set-bg" data-setbg="img/hero-bg.png"> <div class="container text-white"> <div class="hero__slider owl-carousel"> <div class="hero__items"> <span>The electro vibe</span> <h2>Tailor Lachiri</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua accumsan lacus vel facilisis. </p> <a href="#" class="site__btn">Buy tickets</a> </div> <div class="hero__items"> <span>The electro vibe</span> <h2>Tailor Lachiri</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua accumsan lacus vel facilisis. </p> <a href="#" class="site__btn">Buy tickets</a> </div> </div> </div> </section>   <section class="about__section"> <div class="container"> <div class="row"> <div class="col-lg-6"> <img src="img/about.png" alt=""> </div> <div class="col-lg-6"> <div class="about__text"> <span>About us</span> <h2>The electro vibe</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor inc-ididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis. lectus turpis sociis ut porttitor scelerisque amet ultrices placerat mid facilisis proin purus, cursus ridiculus nisi diam augue porta? Penatibus magna etiam, placerat dignissim.</p> <a href="#" class="site__btn">Contact us</a> </div> </div> </div> </div> <section class="discography__section set-bg" data-setbg="img/discography-bg.png"> <div class="container"> <div class="row"> <div class="col-lg-8"> <div class="section-title"> <div class="sub-title">Our Discogaphy</div> <h2>newest albums & singles.</h2> </div> </div> <div class="col-lg-4 text-left text-lg-right pt-2"> <a href="#" class="site__btn mb-5"><i class="fa fa-apple"></i> Buy on itunes</a> </div> </div> <div class="row"> <div class="col-lg-3 col-sm-6"> <div class="album__card"> <img src="img/members/1.jpg" alt=""> <h4>I’m a mess</h4> <p>Bebe Rexha</p> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="album__card"> <img src="img/members/2.jpg" alt=""> <h4>Natural</h4> <p>Imagine Dragons</p> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="album__card"> <img src="img/members/3.jpg" alt=""> <h4>Sweet But Psycho</h4> <p>Ava Max</p> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="album__card"> <img src="img/members/4.jpg" alt=""> <h4>Waiting For Love</h4> <p>Avicii</p> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="album__card"> <img src="img/members/5.jpg" alt=""> <h4>So Am I</h4> <p>Ava Max</p> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="album__card"> <img src="img/members/6.jpg" alt=""> <h4>Mamma Mia</h4> <p>Hugel feat. Amber</p> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="album__card"> <img src="img/members/7.jpg" alt=""> <h4>Bad Guy</h4> <p>Billie Eilish</p> </div> </div> <div class="col-lg-3 col-sm-6"> <div class="album__card"> <img src="img/members/8.jpg" alt=""> <h4>Let me down slowly</h4> <p>Alec Benjamin</p> </div> </div> </div> </div> </section> </section>   <section class="player__section"> <div class="container-fluid player-one-style p-0"> <div id="jquery_jplayer_2" class="jp-jplayer"></div> <div id="jp_container_2" class="jp-audio" role="application" aria-label="media player"> <div class="jp-type-playlist"> <div class="row m-0"> <div class="col-lg-6 p-0"> <div class="player_left" id="player__thumb"> <div class="player_left_inner"> <div class="row"> <div class="col-lg-5 col-sm-4"> <div class="track-info"> <h5>Sweet But Psycho</h5> <p>Ava Max</p> </div> </div> <div class="col-lg-7 col-sm-8 text-right"> <div class="conterols"> <div class="jp-gui jp-interface"> <div class="jp-controls"> <button class="jp-shuffle" tabindex="0"><i class="fa fa-random" aria-hidden="true"></i></button> <button class="jp-previous" tabindex="0"><i class="fa fa-step-backward"></i></button> <button class="jp-play" tabindex="0"><i class="fa fa-play" aria-hidden="true"></i></button> <button class="jp-next" tabindex="0"><i class="fa fa-step-forward" ></i></button> <div class="jp-volume-controls"> <button class="jp-mute" tabindex="0"><i class="fa fa-volume-up" aria-hidden="true"></i></button> <div class="jp-volume-bar"> <div class="jp-volume-bar-value"></div> </div> </div> <div class="jp-time-holder"> <div class="jp-current-time" role="timer" aria-label="time"> </div> / <div class="jp-duration" role="timer" aria-label="duration"> </div> </div> </div> </div> </div> </div> </div> <div class="jp-progress"> <div class="jp-seek-bar"> <div clas

评论收藏

内容反馈

版权申诉