<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Musical - Music Category Bootstrap Responsive Website Template - Classes</title>
<!-- Google fonts -->
<link href=//fonts.googleapis.com/css2?family=Londrina+Outline&display=swap" rel="stylesheet">
<!-- Template CSS Style link -->
<link rel="stylesheet" href="assets/css/style-starter.css">
</head>
<body>
<!-- top header -->
<section class="w3l-top-header">
<div class="container">
<div class="top-content-w3ls d-flex align-items-center justify-content-between">
<div class="top-headers">
<ul>
<li>
<p class="d-md-block d-none">Have any question ?</p>
</li>
<li>
<i class="fa fa-phone"></i><a href="tel:+1(21) 234 4567">+1(21) 234 4567</a>
</li>
<li class="me-0">
<i class="fa fa-envelope"></i><a href="mailto:mail@example.com">mail@example.com</a>
</li>
</ul>
</div>
<div class="top-headers top-headers-2">
<ul>
<li>
<a href="#facebook"><span class="fab fa-facebook-f"></span></a>
</li>
<li>
<a href="#twitter"><span class="fab fa-twitter"></span></a>
</li>
<li>
<a href="#instagram"><span class="fab fa-instagram""></span></a>
</li>
<li class=" me-0">
<a href="#linkedin"><span class="fab fa-linkedin-in"></span></a>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- //top header -->
<!-- header -->
<header id="site-header" class="fixed-top">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="index.html">
<i class="fas fa-music me-1"></i>Musical
</a>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarScroll" aria-controls="navbarScroll" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
<span class="navbar-toggler-icon fa icon-close fa-times"></span>
</button>
<div class="collapse navbar-collapse" id="navbarScroll">
<ul class="navbar-nav ms-auto my-2 my-lg-0 navbar-nav-scroll">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="classes.html">Classes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<form action="#error" method="GET" class="d-flex search-header ms-lg-2">
<input class="form-control" type="search" placeholder="Enter Keyword..." aria-label="Search"
required>
<button class="btn btn-style" type="submit"><i class="fas fa-search"></i></button>
</form>
</div>
<!-- toggle switch for light and dark theme -->
<div class="cont-ser-position">
<nav class="navigation">
<div class="theme-switch-wrapper">
<label class="theme-switch" for="checkbox">
<input type="checkbox" id="checkbox">
<div class="mode-container">
<i class="gg-sun"></i>
<i class="gg-moon"></i>
</div>
</label>
</div>
</nav>
</div>
<!-- //toggle switch for light and dark theme -->
</nav>
</div>
</header>
<!-- //header -->
<!-- inner banner -->
<section class="inner-banner py-5">
<div class="w3l-breadcrumb py-lg-5">
<div class="container pt-5 pb-sm-4 pb-2">
<h4 class="inner-text-title font-weight-bold pt-5">Music Classes</h4>
<ul class="breadcrumbs-custom-path">
<li><a href="index.html">Home</a></li>
<li class="active"><i class="fas fa-angle-right mx-2"></i>Classes</li>
</ul>
</div>
</div>
</section>
<!-- //inner banner -->
<!-- classes section -->
<div class="w3l-grids-block-5 classes-bg-cont py-5">
<div class="container py-lg-5 py-md-4 py-2">
<h3 class="title-style text-center mb-sm-5 mb-4">Discover the Music <span>Classes</span></h3>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6">
<div class="blog-card-single">
<div class="grids5-info position-relative">
<img src="assets/images/c1.jpg" alt="" class="img-fluid" />
<div class="course-price-item">
<h6>$199</h6>
</div>
</div>
<div class="content-main-top">
<div class="content-top mb-4 mt-3">
<ul class="list-unstyled d-flex align-items-center justify-content-between">
<li> <i class="fas fa-music"></i>Music</li>
<li> <i class="fas fa-calendar-alt"></i> 15 Days</li>
</ul>
</div>
<h4><a href="packages.html">Piano Classes</a></h4>
<p>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<div class="top-content-border d-flex align-items-center justify-content-between mt-5 pt-4">
<ul class="rating-list">
<li><a href="#rate"><i class="fas fa-star" aria-hidden="true"></i>
</a></li>
<li><a href="#rate"><i class="fas fa-star" aria-hidden="true"></i>
</a></li>
<li><a href="#rate"><i class="fas fa-star" aria-hidden="true"></i>
</a></li>
<li><a href="#rate"><i class="fas fa-star" aria-hidden="true"></i>
</a></li>
<li><a href="#rate"><i class="fas fa-star" aria-hidden="true"></i>
</a></li>
游戏音乐娱乐类网站源码-音乐会乐队活动网页模板-适配手机端.zip （52个子文件） 
游戏音乐娱乐类网站源码-音乐会乐队活动网页模板-适配手机端 html assets js 
bootstrap.min.js 59KB theme-change.js 692B jquery.magnific-popup.min.js 20KB jquery-3.3.1.min.js 68KB webfonts fa-brands-400.woff 90KB fa-brands-400.ttf 133KB
fa-brands-400.svg 730KB fa-solid-900.woff 102KB fa-solid-900.eot 200KB fa-solid-900.ttf 200KB fa-brands-400.woff2 77KB fa-regular-400.woff2 13KB fa-brands-400.eot 134KB fa-regular-400.eot 34KB fa-regular-400.woff 16KB fa-regular-400.svg 141KB fa-regular-400.ttf 33KB fa-solid-900.woff2 78KB fa-solid-900.svg 896KB css style-starter.css 330KB images 
team6.jpg 50KB c1.jpg 67KB about1.jpg 69KB c2.jpg 40KB about.jpg 64KB team4.jpg 53KB banner4.jpg 170KB img2.jpg 79KB team3.jpg 53KB banner3.jpg 304KB bg1.jpg 109KB about4.jpg 102KB blog3.jpg 94KB inner-banner.jpg 161KB team2.jpg 31KB img4.jpg 61KB testi2.jpg 8KB img1.jpg 94KB banner1.jpg 116KB blog2.jpg 138KB c3.jpg 56KB img3.jpg 42KB team5.jpg 68KB testi1.jpg 8KB team1.jpg 46KB banner2.jpg 104KB blog1.jpg 216KB testi3.jpg 7KB
classes.html 29KB index.html 29KB contact.html 17KB about.html 24KB资源评论
