<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
<title>Band Template</title>
<!-- Loading third party fonts -->
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900" rel="stylesheet" type="text/css">
<link href="fonts/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Loading main css file -->
<link rel="stylesheet" href="style.css">
<!--[if lt IE 9]>
<script src="js/ie-support/html5.js"></script>
<script src="js/ie-support/respond.js"></script>
<![endif]-->
</head>
<body class="header-collapse">
<div id="site-content">
<header class="site-header">
<div class="container">
<a href="index.html" id="branding">
<img src="dummy/logo.png" alt="Site Title">
<small class="site-description">Slogan goes here</small>
</a> <!-- #branding -->
<nav class="main-navigation">
<button type="button" class="toggle-menu"><i class="fa fa-bars"></i></button>
<ul class="menu">
<li class="menu-item current-menu-item"><a href="index.html">Home</a></li>
<li class="menu-item"><a href="about.html">About</a></li>
<li class="menu-item"><a href="gallery.html">Gallery</a></li>
<li class="menu-item"><a href="download.html">Download</a></li>
<li class="menu-item"><a href="blog.html">Blog</a></li>
<li class="menu-item"><a href="contact.html">Contact</a></li>
</ul> <!-- .menu -->
</nav> <!-- .main-navigation -->
<div class="mobile-menu"></div>
</div>
</header> <!-- .site-header -->
<div class="hero">
<div class="slider">
<ul class="slides">
<li class="lazy-bg" data-background="dummy/slide-1.jpg">
<div class="container">
<h2 class="slide-title">Header goes here</h2>
<h3 class="slide-subtitle">Less important text goes here</h3>
<p class="slide-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br>Fugiat aliquid minus nemo sed est.</p>
<a href="#" class="button cut-corner">Read More</a>
</div>
</li>
<li class="lazy-bg" data-background="dummy/slide-2.jpg">
<div class="container">
<h2 class="slide-title">Header goes here</h2>
<h3 class="slide-subtitle">Less important text goes here</h3>
<p class="slide-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br>Fugiat aliquid minus nemo sed est.</p>
<a href="#" class="button cut-corner">Read More</a>
</div>
</li>
<li class="lazy-bg" data-background="dummy/slide-3.jpg">
<div class="container">
<h2 class="slide-title">Header goes here</h2>
<h3 class="slide-subtitle">Less important text goes here</h3>
<p class="slide-desc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. <br>Fugiat aliquid minus nemo sed est.</p>
<a href="#" class="button cut-corner">Read More</a>
</div>
</li>
</ul>
</div>
</div>
<main class="main-content">
<div class="fullwidth-block testimonial-section">
<div class="container">
<div class="quote-slider">
<ul class="slides">
<li>
<blockquote>
<p>"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo"</p>
<cite>John Smith</cite>
<span>Corporation CEO, books author</span>
</blockquote>
</li>
<li>
<blockquote>
<p>"Iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo"</p>
<cite>John Smith</cite>
<span>Corporation CEO, books author</span>
</blockquote>
</li>
</ul>
</div>
</div>
</div> <!-- .testimonial-section -->
<div class="fullwidth-block upcoming-event-section" data-bg-color="#191919">
<div class="container">
<header class="section-header">
<h2 class="section-title">Upcoming events</h2>
<div class="event-nav">
<a class="prev" id="event-prev" href="#"><i class="fa fa-caret-left"></i></a>
<a class="next" id="event-next" href="#"><i class="fa fa-caret-right"></i></a>
</div> <!-- .event-nav -->
</header> <!-- .section-header -->
<div class="event-carousel">
<div class="event">
<div class="entry-date">
<div class="date">23</div>
<span class="month">Jun</span>
</div>
<h2 class="entry-title"><a href="#">Sed et persipiatis unde omnis iste natus</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid temporibus quos aspernatur</p>
</div> <!-- .event -->
<div class="event">
<div class="entry-date">
<div class="date">23</div>
<span class="month">Jun</span>
</div>
<h2 class="entry-title"><a href="#">Sed et persipiatis unde omnis iste natus</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid temporibus quos aspernatur</p>
</div> <!-- .event -->
<div class="event">
<div class="entry-date">
<div class="date">23</div>
<span class="month">Jun</span>
</div>
<h2 class="entry-title"><a href="#">Sed et persipiatis unde omnis iste natus</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid temporibus quos aspernatur</p>
</div> <!-- .event -->
<div class="event">
<div class="entry-date">
<div class="date">23</div>
<span class="month">Jun</span>
</div>
<h2 class="entry-title"><a href="#">Sed et persipiatis unde omnis iste natus</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid temporibus quos aspernatur </p>
</div> <!-- .event -->
<div class="event">
<div class="entry-date">
<div class="date">23</div>
<span class="month">Jun</span>
</div>
<h2 class="entry-title"><a href="#">Sed et persipiatis unde omnis iste natus</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid temporibus quos aspernatur </p>
</div> <!-- .event -->
</div> <!-- .event-carousel -->
</div> <!-- .container -->
</div> <!-- .upcoming-event-section -->
<div class="fullwidth-block why-chooseus-section">
<div class="container">
<h2 class="section-title">Why choose us?</h2>
<div class="row">
<div class="col-md-4">
<div class="feature">
<figure class="cut-corner">
<img src="dummy/medium-image-1.jpg" alt="">
</figure>
<h3 class="feature-title">Similique sunt in culpa qui officia deserunt mollitia animi laborum dolorum</h3>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident.</p>
</div> <!-- .feature -->
</div>
<div class="col-md-4">
<div class="feature">
<figure class="cut-corner">
<img src="dummy/medium-image-2.jpg" alt="">
</figure>
<h3 class="feature-title">Similique sunt in culpa qui officia deserunt mollitia animi laborum dolorum</h3>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provi
游戏音乐娱乐类网站源码-黑色乐队动态响应式网页模板.zip （117个子文件） 
style.css 71KB font-awesome.min.css 17KB fontawesome-webfont.eot 37KB pie.htc 40KB
index.html 10KB blog.html 8KB download.html 8KB about.html 6KB gallery.html 6KB contact.html 4KB
gallery-12.jpg 320KB gallery-6.jpg 289KB gallery-1.jpg 224KB featured-image-3@2x.jpg 216KB slide-2@2x.jpg 181KB gallery-11.jpg 174KB gallery-4.jpg 170KB slide-1@2x.jpg 167KB gallery-9.jpg 161KB gallery-8.jpg 149KB slide-3@2x.jpg 140KB featured-image-1@2x.jpg 135KB gallery-10.jpg 132KB featured-image-2@2x.jpg 130KB featured-image-4@2x.jpg 119KB gallery-5.jpg 118KB post-image@2x.jpg 102KB gallery-7.jpg 101KB medium-image-3@2x.jpg 91KB gallery-2.jpg 91KB gallery-3.jpg 84KB gallery-12@2x.jpg 78KB featured-image-3.jpg 77KB gallery-6@2x.jpg 63KB slide-1.jpg 62KB slide-2.jpg 61KB featured-image-5@2x.jpg 61KB gallery-1@2x.jpg 58KB medium-image-1@2x.jpg 57KB gallery-8@2x.jpg 56KB gallery-11@2x.jpg 54KB slide-3.jpg 52KB medium-image-2@2x.jpg 52KB gallery-4@2x.jpg 52KB featured-image-4.jpg 49KB featured-image-1.jpg 48KB gallery-10@2x.jpg 46KB gallery-9@2x.jpg 44KB gallery-7@2x.jpg 42KB post-image.jpg 42KB featured-image-2.jpg 40KB gallery-5@2x.jpg 36KB featured-image-5.jpg 32KB medium-image-3.jpg 31KB gallery-12.jpg 30KB gallery-2@2x.jpg 29KB gallery-3@2x.jpg 28KB medium-image-1.jpg 23KB thumbnail-2@2x.jpg 22KB gallery-8.jpg 22KB gallery-6.jpg 22KB gallery-4.jpg 20KB medium-image-2.jpg 20KB gallery-1.jpg 19KB gallery-11.jpg 19KB gallery-7.jpg 18KB gallery-10.jpg 18KB gallery-9.jpg 17KB thumbnail-1@2x.jpg 17KB thumbnail-4@2x.jpg 16KB thumbnail-5@2x.jpg 14KB gallery-5.jpg 14KB thumbnail-3@2x.jpg 14KB gallery-3.jpg 12KB gallery-2.jpg 12KB thumbnail-2.jpg 8KB thumbnail-1.jpg 7KB thumbnail-4.jpg 6KB thumbnail-5.jpg 6KB thumbnail-3.jpg 5KB plugins.js 111KB plugins-min.js 108KB jquery-1.11.1.min-min.js 94KB jquery-1.11.1.min.js 94KB respond.js 4KB app.js 3KB html5.js 3KB app-min.js 2KB jquery-1.11.1.min.map 138KB style.css.map 29KB FontAwesome.otf 61KB
logo-footer@2x.png 5KB logo@2x.png 4KB logo-footer.png 3KB logo.png 2KB pagination@2x.png 1KB pagination.png 998B _normalize.scss 12KB _component.scss 7KB _grid.scss 6KB共 117 条
- 1
- 2
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
最新资源
- The Net Ninja YouTube 频道上的 JavaScript DOM 教程的所有课程文件 .zip
- Swagger Spec 到 Java POJO.zip
- Stripe API 的 Java 库 .zip
- RxJava 2 和 Retrofit 结合使用的几个最常见的使用方式举例.zip
- RxJava 2 Android 示例 - 如何在 Android 中使用 RxJava 2.zip
- 上传OpenCV开发资源OpenCv开发资源
- Spring Boot与Vue 3前后端分离技术详解及应用
- C#开发的一款批量查快递批量分析物流状态的winform应用软件
- PubNub JavaScript SDK 文档.zip
- paho.mqtt.javascript.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
