<!DOCTYPE html>
<html>
<head>
<title>Johnny - Free Solo Artist HTML Website Template</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="description" content="">
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="fonts/icomoon/icomoon.css">
<link rel="stylesheet" type="text/css" href="aos/aos.css">
<link rel="stylesheet" type="text/css" href="slick/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick/slick-theme.css"/>
</head>
<body>
<div id="body-wrapper">
<div id="header-wrap">
<header class="header">
<div class="container-md">
<nav class="navbar navbar-expand-lg">
<div class="nav-brand">
<a href="index.html">
<img src="images/main-logo.png" alt="logo">
</a>
</div>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#slide-navbar-collapse" aria-controls="slide-navbar-collapse" aria-expanded="false" aria-label="Toggle navigation">
<a href="javascript:void(0)" onclick="openNav()"><i class="icon icon-navicon"></i></a>
</button>
<div class="navbar-collapse collapse" id="slide-navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item active"><a href="#" class="navlink">Home</a></li>
<li class="nav-item"><a href="#tour-concert">Tour & Concerts</a></li>
<li class="nav-item"><a href="#video">Videos</a></li>
<li class="nav-item"><a href="#store">Store</a></li>
<li class="nav-item"><a href="#blog">Blog</a></li>
</ul>
<div class="social-block">
<div class="social-icon">
<a href="facebook.com">
<i class="icon icon-facebook"></i>
</a>
<a href="twitter.com">
<i class="icon icon-twitter"></i>
</a>
<a href="instagram.com">
<i class="icon icon-instagram"></i>
</a>
</div>
</div><!--social-block-->
</div><!--navbar-collapse-->
</nav>
</div>
</header>
<section id="billboard">
<div class="billboard-content">
<div class="slider" data-aos="fade-up">
<div class="slider-item">
<div class="banner-wrap">
<figure><img src="images/banner.jpg" alt="banner"></figure>
<div class="text-content">
<h2 class="section-title">Love Songs</h2>
<p>Experience the concert event of the year, at home and better than ever! Remixed, remastered, and re-edited for a whole new look and sound, S&M2 is available in the Metallica Store where Fifth Members save 20%.</p>
<div class="button-wrap">
<div class="signature"><img src="images/signature.png" alt="signature"></div>
<div class="general-button">
<a href="#" class="button btn-hvr-sweep-effects dark-hvr-bg">Stream/Download</a>
<a href="#" class="button btn-hvr-sweep-effects">View Details</a>
</div>
</div><!--button-wrap-->
</div>
</div><!--billboard-content-->
</div><!--slider-item-->
<div class="slider-item">
<div class="banner-wrap">
<figure><img src="images/banner1.jpg" alt="banner"></figure>
<div class="text-content">
<h2 class="section-title">Romantic Songs</h2>
<p>Experience the concert event of the year, at home and better than ever! Remixed, remastered, and re-edited for a whole new look and sound, S&M2 is available in the Metallica Store where Fifth Members save 20%.</p>
<div class="button-wrap">
<div class="signature"><img src="images/signature.png" alt="signature"></div>
<div class="general-button">
<a href="#" class="button btn-hvr-sweep-effects dark-hvr-bg">Stream/Download</a>
<a href="#" class="button btn-hvr-sweep-effects">View Details</a>
</div>
</div><!--button-wrap-->
</div>
</div><!--billboard-content-->
</div><!--slider-item-->
<div class="slider-item">
<div class="banner-wrap">
<figure><img src="images/banner2.jpg" alt="banner"></figure>
<div class="text-content">
<h2 class="section-title">Melody Music</h2>
<p>Experience the concert event of the year, at home and better than ever! Remixed, remastered, and re-edited for a whole new look and sound, S&M2 is available in the Metallica Store where Fifth Members save 20%.</p>
<div class="button-wrap">
<div class="signature"><img src="images/signature.png" alt="signature"></div>
<div class="general-button">
<a href="#" class="button btn-hvr-sweep-effects dark-hvr-bg">Stream/Download</a>
<a href="#" class="button btn-hvr-sweep-effects">View Details</a>
</div>
</div><!--button-wrap-->
</div>
</div><!--billboard-content-->
</div><!--slider-item-->
</div><!--slider-->
<div class="button-container">
<button class="prev slick-arrow"><i class="icon icon-triangle-left"></i></button>
<button class="next slick-arrow"><i class="icon icon-triangle-right"></i></button>
</div>
</div><!--billboard-content-->
</section><!--billboard-->
</div><!--header-wrap-->
<section id="tour-concert" class="tour-concert" data-aos="fade-up">
<div class="container">
<div class="section-header text-center">
<h2 class="section-title">Tours & Concerts</h2>
<h4>Get your early discount on tickets</h4>
</div>
<div class="special-events-grid">
<div class="events-meta">
<span class="events-date">11 JUN</span>
<div class="meta-location">
<strong>TACOMA, WA, USA</strong>
<em>TACOMA DOME</em>
</div><!--meta-location-->
<div class="btn-small">
<a href="#" class="button btn-hvr-sweep-effects">tickets</a>
</div>
</div><!--events-meta-->
<div class="events-meta">
<span class="events-date">02 AUG</span>
<div class="meta-location">
<strong>SALT LAKE CITY, USA</strong>
<em>VIVINT SMART HOME ARENA</em>
</div>
<div class="btn-small">
<a href="#" class="button btn-hvr-sweep-effects">tickets</a>
</div>
</div><!--events-meta-->
<div class="events-meta">
<span class="events-date">30 SEP</span>
<div class="meta-location">
<strong>KANSAS CITY,MO,USA</strong>
<em>T-MOBILE ARENA</em>
</div>
<div class="btn-small">
<a href="#" class="button btn-hvr-sweep-effects">tickets</a>
</div>
</div><!--events-meta-->
<div class="events-meta">
<span class="events-date">11 JUN</span>
<div class="meta-location">
<strong>TACOMA, WA, USA</strong>
<em>TACOMA DOME</em>
</div>
<div class="btn-small">
<a href="#" class="button btn-hvr-sweep-effects">tickets</a>
</div>
</div><!--events-meta-->
<div class="events-meta">
<span class="events-date">02 AUG</span>
<div class="meta-location">
<strong>SALT LAKE CITY, USA</strong>
<em>VIVINT SMART HOME ARENA</em>
</div>
<div class="btn-small">
<a href="#" class="button btn-hvr-sweep-effects">tickets</a>
</div>
</div><!--events-meta-->
<div class="events-meta">
<span class="events-date">30 SEP</span>
<div class="meta-location">
<strong>KANSAS CITY,MO,USA</strong>
<em>T-MOBILE ARENA</em>
</div>
<div class="btn-small"
没有合适的资源?快使用搜索试试~ 我知道了~
游戏音乐娱乐类网站源码-乐队巡回演出网页模板-适配手机端.zip
共81个文件
js:14个
css:12个
map:10个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 54 浏览量
2024-03-24
15:07:39
上传
评论
收藏 38.13MB ZIP 举报
温馨提示
【HTML娱乐游戏音乐网站源码】激发激情,点燃创意! 定制娱乐体验 — 专为游戏爱好者设计,这份源码打造了一个视觉震撼、互动性强的在线平台。 音乐元素融合 — 音乐播放器与游戏内容无缝对接,为用户带来动感十足的音乐体验。 高度适配性 — 无论是桌面还是移动设备,全面优化的响应式设计确保网站在各种屏幕尺寸上完美展现。 SEO友好结构 — 强化搜索引擎可见度,吸引更多目标用户访问你的网站。 立即采用这份专业级源码,开启你的娱乐游戏音乐网站之旅,抓住用户的心,领跑市场竞争。
资源推荐
资源详情
资源评论
收起资源包目录
游戏音乐娱乐类网站源码-乐队巡回演出网页模板-适配手机端.zip (81个子文件)
游戏音乐娱乐类网站源码-乐队巡回演出网页模板-适配手机端
html
style.css 41KB
js
jquery.simple-menu.js 9KB
modernizr.js 15KB
jquery-1.11.0.min.js 94KB
hc-sticky.js 11KB
plugins.js 210KB
script.js 5KB
bootstrap
js
bootstrap.js 133KB
bootstrap.bundle.js.map 400KB
bootstrap.bundle.min.js.map 308KB
bootstrap.min.js 59KB
bootstrap.bundle.min.js 79KB
bootstrap.bundle.js 224KB
bootstrap.js.map 248KB
bootstrap.min.js.map 187KB
css
bootstrap-grid.css.map 155KB
bootstrap.min.css 157KB
bootstrap-grid.css 66KB
bootstrap-grid.min.css.map 113KB
bootstrap-reboot.min.css.map 32KB
bootstrap.css.map 496KB
bootstrap.css 194KB
bootstrap-reboot.css 5KB
bootstrap-reboot.css.map 76KB
bootstrap-grid.min.css 50KB
bootstrap.min.css.map 631KB
bootstrap-reboot.min.css 4KB
slick
component.json 465B
README.markdown 12KB
CONTRIBUTING.markdown 2KB
Makefile 133B
LICENSE 1KB
package.json 1KB
ISSUE_TEMPLATE.md 883B
slick
slick-theme.less 4KB
config.rb 161B
slick.less 2KB
slick-theme.scss 5KB
slick.css 2KB
slick.min.js 42KB
ajax-loader.gif 4KB
slick.js 87KB
slick-theme.css 3KB
slick.scss 2KB
fonts
slick.ttf 2KB
slick.eot 2KB
slick.svg 2KB
slick.woff 1KB
index.html 9KB
.gitignore 24B
slick.jquery.json 964B
bower.json 672B
index.html 15KB
images
item1.jpg 54KB
signature.png 7KB
lovesong.mp4 35.74MB
item2.jpg 62KB
post-item.jpg 34KB
banner.jpg 111KB
instabg.jpg 173KB
headerbg.jpg 175KB
item3.jpg 50KB
tida.png 3KB
spotify.png 14KB
itunes.png 10KB
youtube.png 8KB
banner1.jpg 327KB
main-logo.png 3KB
banner2.jpg 438KB
fonts
icomoon
icomoon.css 2KB
demo-files
demo.css 2KB
demo.js 996B
selection.json 11KB
demo.html 13KB
fonts
icomoon.woff 4KB
icomoon.svg 8KB
icomoon.eot 4KB
icomoon.ttf 4KB
icomoon.svg 704KB
aos
aos.js 14KB
aos.css 25KB
共 81 条
- 1
资源评论
DTcode7
- 粉丝: 6982
- 资源: 4493
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功