<!DOCTYPE html>
<html lang="en">
<head>
<title>Artists</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Music template project">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="styles/bootstrap-4.1.2/bootstrap.min.css">
<link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.3.4/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.3.4/owl.theme.default.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.3.4/animate.css">
<link rel="stylesheet" type="text/css" href="styles/artists.css">
<link rel="stylesheet" type="text/css" href="styles/artists_responsive.css">
</head>
<body>
<div class="super_container">
<!-- Header -->
<header class="header">
<div class="container">
<div class="row">
<div class="col">
<div class="header_content d-flex flex-row align-items-center justify-content-center">
<!-- Logo -->
<div class="logo">
<a href="#" class="d-flex flex-row align-items-end justify-content-start">
<span class="logo_bars d-flex flex-row align-items-end justify-content-between"><span></span><span></span><span></span><span></span><span></span></span>
<span class="logo_text">music</span>
</a>
</div>
<!-- Main Navigation -->
<nav class="main_nav">
<ul class="d-flex flex-row align-items-center justify-content-start">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="artists.html">Artists</a></li>
<li><a href="#">Download Music</a></li>
<li><a href="blog.html">News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!-- User area -->
<div class="log_reg d-flex flex-row align-items-center justify-content-start">
<ul class="d-flex flex-row align-items-start justify-content-start">
<li><a href="#">Login</a></li>
<li><a href="#">Register</a></li>
</ul>
<!-- Hamburger -->
<div class="hamburger d-flex flex-column align-items-end justify-content-between"><div></div><div></div><div></div></div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Menu -->
<div class="menu">
<div class="menu_container">
<div class="menu_background"></div>
<div class="menu_close"><i class="fa fa-times" aria-hidden="true"></i></div>
<div class="menu_content d-flex flex-column align-items-center justify-content-start">
<nav class="menu_nav">
<ul class="d-flex flex-column align-items-center justify-content-start">
<li><a href="index.html">Home</a></li>
<li><a href="artists.html">Artists</a></li>
<li><a href="#">Download Music</a></li>
<li><a href="blog.html">News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
<!-- Home -->
<div class="home">
<div class="parallax_background parallax-window" data-parallax="scroll" data-image-src="images/artists.jpg" data-speed="0.8"></div>
<div class="home_container">
<div class="container">
<div class="row">
<div class="col">
<div class="home_content text-center">
<div class="home_title">Artists</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Search -->
<div class="search">
<div class="container">
<div class="row">
<div class="col">
<div class="search_form_container">
<form action="#" class="search_form" id="search_form">
<div class="d-flex flex-md-row flex-column align-items-center justify-content-between">
<input type="text" class="search_input" placeholder="Artist" required="required">
<input type="text" class="search_input" placeholder="Album" required="required">
<button class="button search_button"><span>search</span></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Artists -->
<div class="artists">
<div class="letters">
<ul class="d-flex flex-row align-items-start justify-content-center flex-wrap">
<li><a href="#">a</a></li>
<li><a href="#">b</a></li>
<li><a href="#">c</a></li>
<li><a href="#">d</a></li>
<li><a href="#">e</a></li>
<li><a href="#">f</a></li>
<li><a href="#">g</a></li>
<li><a href="#">h</a></li>
<li><a href="#">i</a></li>
<li><a href="#">j</a></li>
<li><a href="#">k</a></li>
<li><a href="#">l</a></li>
<li><a href="#">m</a></li>
<li><a href="#">n</a></li>
<li><a href="#">o</a></li>
<li><a href="#">p</a></li>
<li><a href="#">q</a></li>
<li><a href="#">r</a></li>
<li><a href="#">s</a></li>
<li><a href="#">t</a></li>
<li><a href="#">u</a></li>
<li><a href="#">v</a></li>
<li><a href="#">w</a></li>
<li><a href="#">x</a></li>
<li><a href="#">y</a></li>
<li><a href="#">z</a></li>
</ul>
</div>
<div class="artists_container">
<div class="container">
<div class="row">
<div class="col">
<!-- Artist -->
<div class="artist">
<div class="row">
<!-- Artist Image -->
<div class="col-lg-6">
<div class="artist_image"><img src="images/artist_1.jpg" alt=""></div>
</div>
<!-- Artist Content -->
<div class="col-lg-6 artist_col">
<div class="artist_content">
<div class="artist_info">
<div class="artist_name"><h1><a href="artist.html">Michael James</a></h1></div>
<div class="artist_text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi condimentum, neque ac porttitor scelerisque, nisi nisl tincidunt enim, non aliquet diam neque sed urna. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
</div>
<div class="artist_store d-flex flex-row align-items-start justify-content-start flex-wrap">
<div class="store"><a href="#"><img src="images/appstore.png" alt=""></a></div>
<div class="store"><a href="#"><img src="images/googleplay.png" alt=""></a></div>
</div>
</div>
<!-- Player -->
<div class="single_player_container">
<div class="single_player">
<div class="jp-jplayer jplayer" data-title="Better Days" data-artist="Bensound" data-ancestor=".jp_container_1" data-url="files/bensound-betterdays.mp3"></div>
<div class="jp-audio jp_container_1" role="application" aria-label="media player">
<div class="jp-gui jp-interface single_player_inner d-flex flex-row align-items-center justify-content-start">
<!-- Player Controls -->
<div class="player_controls_box">
<div class="jp-controls-holder player_controls d-flex flex-row align-items-start justify-content-start">
<button class="jp-play player_button" tabindex="0"></button>
<button class="jp-stop player_button" tabindex="0"></button>
</div>
</div>
<!-- Progress Bar -->
<div class="player_bars d-flex flex-row align-items-start justify-content-start">
<div class="player_progress_box">
<div class="jp-current-time" role="timer" aria-label="time">00:00</div>
<div class="song_info">
<div class="jp-title" aria-label="title"></div>
</div>
<div class="jp-progress">
<div class="jp-seek-bar">
<div>
<div class="jp-play-bar">
游戏音乐娱乐类网站源码-在线音乐发布响应式网站模板-支持移动端.zip
版权申诉
73 浏览量
2024-03-25
08:49:43
上传
评论
收藏 12.74MB ZIP 举报
游戏音乐娱乐类网站源码-在线音乐发布响应式网站模板-支持移动端.zip （157个子文件） 
bootstrap.min.css 139KB animate.css 72KB video-js.css 44KB font-awesome.css 37KB main_styles.css 32KB font-awesome.min.css 30KB artist.css 23KB artists.css 22KB elements.css 21KB blog.css 18KB contact.css 17KB jplayer.blue.monday.css 12KB jplayer.blue.monday.min.css 9KB responsive.css 7KB artist_responsive.css 6KB artists_responsive.css 5KB blog_responsive.css 5KB owl.carousel.css 5KB contact_responsive.css 4KB elements_responsive.css 4KB owl.theme.default.css 1KB fontawesome-webfont.eot 162KB
jplayer.blue.monday.seeking.gif 3KB ajax-loader.gif 3KB
artists.html 25KB index.html 23KB artist.html 18KB elements.html 16KB blog.html 14KB contact.html 9KB jplayer.blue.monday.video.playlist.html 2KB jplayer.blue.monday.video.single.html 2KB jplayer.blue.monday.audio.playlist.html 2KB jplayer.blue.monday.audio.single.html 1KB jplayer.blue.monday.audio.stream.html 965B
featured_artist_1.jpg 242KB artist_2.jpg 176KB video.jpg 176KB featured_3.jpg 151KB elements.jpg 128KB featured_6.jpg 126KB app.jpg 119KB artists.jpg 114KB artist_3.jpg 114KB blog_4.jpg 111KB featured_news.jpg 109KB index.jpg 102KB featured_5.jpg 94KB featured_1.jpg 93KB artist_1.jpg 90KB extra_1.jpg 86KB featured_artist_2.jpg 86KB contact.jpg 83KB artist_4.jpg 80KB artist_back.jpg 80KB news_2.jpg 79KB blog_2.jpg 79KB featured_2.jpg 75KB blog.jpg 74KB news_1.jpg 72KB footer.jpg 70KB artist_front.jpg 68KB blog_1.jpg 64KB news_3.jpg 63KB blog_3.jpg 62KB song.jpg 52KB featured_4.jpg 52KB jplayer.blue.monday.jpg 23KB song_1.jpg 11KB video.min.js 385KB TweenMax.min.js 110KB owl.carousel.js 88KB jquery-3.3.1.min.js 85KB popper.js 80KB jquery.jplayer.min.js 60KB bootstrap.min.js 50KB progressbar.min.js 21KB TimelineMax.min.js 20KB ScrollMagic.min.js 17KB circle-progress.js 15KB Youtube.min.js 13KB jplayer.playlist.min.js 9KB custom.js 8KB easing.js 8KB parallax.min.js 7KB elements.js 5KB ScrollToPlugin.min.js 3KB jquery.scrollTo.min.js 2KB contact.js 2KB artist.js 2KB artists.js 2KB animation.gsap.min.js 1KB blog.js 1KB icons.less 49KB variables.less 22KB mixins.less 2KB path.less 771B animated.less 713B rotated-flipped.less 622B bordered-pulled.less 585B共 157 条
- 1
- 2
资源评论
