<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<!--css-->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/index.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/swipebox.css" type="text/css" media="all" />
<!--css-->
<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="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<!--js-->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--js-->
<!--webfonts-->
<link href='http://fonts.googleapis.com/css?family=Nova+Round' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!--webfonts-->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
nav: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
<!--Include jQuery & Filterizr-->
<script src="js/jquery.filterizr.js"></script>
<script src="js/controls.js"></script>
<!--Kick off Filterizr-->
<script type="text/javascript">
$(function() {
//Initialize filterizr with default options
$('.filtr-container').filterizr();
});
</script>
<!--gallery-->
<!--startsmothscrolling-->
<script type="text/javascript" src="js/move-top.js"></script>
<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},1200);
});
});
</script>
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!--swipe box js-->
</head>
<body>
<!--header-->
<div class="header" id="home">
<div class="header-top">
<div class="container">
<div class="social-icons">
<a href="#"><i class="icon"></i></a>
<a href="#"><i class="icon1"></i></a>
<a href="#"><i class="icon2"></i></a>
<a href="#"><i class="icon3"></i></a>
</div>
<div class="detail">
<ul>
<li><i class="glyphicon glyphicon-earphone" aria-hidden="true"></i> + 1 599-033-5036</li>
<li><i class="glyphicon glyphicon-time" aria-hidden="true"></i> Mon-Sat 16:00 pm to 24:00 am </li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="container">
<div class="header-bottom">
<div class=" logo ">
<h1><a href="index.html">Music Max</a></h1>
</div>
<div class=" top-nav">
<span class="menu"><img src="images/nav.png" alt=""/></span>
<ul class="nav1">
<li><a href="index.html" class="active scroll">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#albums" class="scroll">Albums </a></li>
<li><a href="#artists" class="scroll">Artists</a></li>
<li><a href="#biography" class="scroll">Biography</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<!--script-for-menu-->
<script>
$( "span.menu" ).click(function() {
$( "ul.nav1" ).slideToggle( 300, function() {
// Animation complete.
});
});
</script>
<!--script-for-menu-->
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--header-->
<!--banner-->
<div class="banner-section">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="slider-info">
<img src="images/ba1.jpg" class="img-responsive" alt="">
</div>
<div class="container">
<div class="banner-text">
<h3>The Rhythm of life</h3>
<p>We strive to deliver the very best possible work that’s available out there, at any time. That’s how we set ourselves apart from the competition.</p>
</div>
</div>
</li>
<li>
<div class="slider-info">
<img src="images/ba2.jpg" class="img-responsive" alt="">
</div>
<div class="container">
<div class="banner-text">
<h3>The Rhythm of life</h3>
<p>We strive to deliver the very best possible work that’s available out there, at any time. That’s how we set ourselves apart from the competition.</p>
</div>
</div>
</li>
<li>
<div class="slider-info">
<img src="images/ba3.jpg" class="img-responsive" alt="">
</div>
<div class="container">
<div class="banner-text">
<h3>The Rhythm of life</h3>
<p>We strive to deliver the very best possible work that’s available out there, at any time. That’s how we set ourselves apart from the competition.</p>
</div>
</div>
</li>
</ul>
</div>
</section>
<!--FlexSlider-->
<script defer src="js/jquery.flexslider.js"></script>
<script type="text/javascript">
$(function(){
SyntaxHighlighter.all();
});
$(window).load(function(){
$('.flexslider').flexslider({
animation: "slide",
start: function(slider){
$('body').removeClass('loading');
}
});
});
</script>
<!--FlexSlider-->
<!--slider-->
</div>
<!--banner-->
<!--welcome-->
<div class="content">
<div class="welcome-w3ls" id ="about">
<div class="container">
<h2 class="tittle"> Welcome</h2>
<div class="border"></div>
<span>Lorem ipsum dolor sit amet, ad eos iriure corpora prodesset. Partem timeam at vim, mel veritus accusata ea. Ius ei dicam inciderint, eleifend deseruisse ei mea. Alia dicam eam te, summo exerci ei mei.Ei sea debet choro omittantur. Ea nam quis aeterno, et usu semper senserit.</span>
</div>
<div class="wel-grids">
<div class="col-md-3 wel-grid">
<img src="images/v1.jpg" title="Designer_girl" class="img-responsive" alt=""/>
</div>
<div class="col-md-6 wel-grid1">
<div class="wel-left">
<h4>24+</h4>
<h5>Events</h5>
<p>Lorem ipsum dolor sit amet, alia honestatis an qui, ne soluta nemore eripuit sed. Falli exerci aperiam ut </p>
</div>
<div class="wel-left">
<h4>20+</h4>
<h5>Speakers</h5>
<p>Lorem ipsum dolor sit amet, alia honestatis an qui, ne soluta nemore eripuit sed. Falli exerci aperiam ut </p>
</div>
<div class="wel-left">
<h4>50+</h4>
<h5>Timeline</h5>
<p>Lorem ipsum dolor sit amet, alia honestatis an qui, ne soluta nemore eripuit sed. Falli exerci aperiam ut </p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-3 wel-grid">
<img src="images/v2.jpg" title="Designer_girl" class="img-responsive" alt=""/>
</div>
<div class="clearfix"></div>
</div>
</div>
<!--welcome-->
<div class="service-w3l" id="services">
<div class="container">
<h3 class="tittle"> Our Services</h3>
<div class="border"></div>
<div class="service-grids">
<div class="col-md-3 ser-grid">
音乐演唱会票务公司模板是一款宽屏大气的演唱会娱乐票务企业官网模板。_html网站模板_网页源码移动端前端_H5模板_自.rar
110 浏览量
2023-08-05
15:34:10
上传
评论 1
收藏 1.29MB RAR 举报
音乐演唱会票务公司模板是一款宽屏大气的演唱会娱乐票务企业官网模板。_html网站模板_网页源码移动端前端_H5模板_自.rar （47个子文件） 
音乐演唱会票务公司模板是一款宽屏大气的演唱会娱乐票务企业官网模板。 moban1737 js 
jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB bootstrap.min.js 28KB jquery.flexslider.js 39KB controls.js 573B easing.js 5KB move-top.js 1KB jquery.filterizr.js 37KB jquery.min.js 94KB css style.css 29KB flexslider.css 4KB bootstrap.css 138KB swipebox.css 4KB index.css 978B
index.html 29KB images 
a2.jpg 15KB pc4.jpg 14KB ba2.jpg 111KB v1.jpg 101KB pc3.jpg 21KB banner.jpg 42KB
to-top2.png 3KB a1.jpg 28KB pc5.jpg 11KB pc7.jpg 13KB ba1.jpg 104KB a3.jpg 20KB pc2.jpg 19KB nav.png 3KB ba3.jpg 96KB
icons.svg 1KB v2.jpg 109KB pc8.jpg 13KB img-sprite.png 4KB a4.jpg 8KB pc6.jpg 8KB s.jpg 159KB pc1.jpg 33KB a5.jpg 9KB pc.jpg 39KB fonts FontAwesome.otf 61KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.eot 37KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 43KB fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
