<!--
author: W3layouts
author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Musicality an Entertainment Category Flat Bootstrap Responsive Website Template | Home :: w3layouts</title>
<!-- custom-theme -->
<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="Musicality Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //custom-theme -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- gallery -->
<link rel="stylesheet" href="css/lightGallery.css" type="text/css" media="all" />
<!-- //gallery -->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" property="" />
<link href="css/style7.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- font-awesome-icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome-icons -->
<link href="//fonts.googleapis.com/css?family=Arsenal:400,400i,700,700i" rel="stylesheet">
<link href='http://222.178.203.72:19005/whst/63/=enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
</head>
<body>
<!-- banner -->
<div class="banner_top" id="home">
<div class="banner_agile_top">
<div class="w3_agile_header">
<div class="w3_agileits_logo">
<h1><a href="index.html">Musicality <span>Sounds made by voices </span></a></h1>
</div>
<div class="w3_menu">
<div class="overlay overlay-contentpush">
<button type="button" class="overlay-close"><i class="fa fa-times" aria-hidden="true"></i></button>
<nav>
<ul>
<li><a href="#home" class="active scroll" >Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#team" class="scroll" >Our Artists</a></li>
<li><a href="#services" class="scroll" >Services</a></li>
<li><a href="#gallery" class="scroll" >Gallery</a></li>
<li><a href="#contact" class="scroll" >Contact</a></li>
</ul>
</nav>
</div>
<div class="mobile-nav-button">
<button id="trigger-overlay" type="button"><i class="fa fa-bars" aria-hidden="true"></i></button>
</div>
</div>
<div class="clearfix"></div>
</div>
<!-- banner-text -->
<div class="agileits-banner-info">
<p class="w3_text">Design by w3layouts</p>
<h3 class="w3ls_agile">The
Sweetest music this side of heaven.</h3>
<div class="w3_agileits_social_media ">
<ul class="social-icons3">
<li class="agileinfo_share">Share On</li>
<li><a href="#" class="wthree_facebook"> <i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" class="wthree_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#" class="wthree_dribbble"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
<li><a href="#" class="wthree_rss"><i class="fa fa-rss"></i></a></li>
</ul>
</div>
</div>
<!--banner Slider starts Here-->
</div>
</div>
<!-- //banner -->
<!--/welcome-->
<div class="w3agile welcome" id="about">
<div class="container">
<h3 class="wthree_head">About US <span>Sounds made by voices</span></h3>
<div class="w3l_gallery_grids">
<div class="col-md-6 banner_bottom_left">
<h3>Welcome to Musicality</h3>
<p><i>Ut enim ad minima veniam</i> Quis nostrum exercitationem ullam corporis suscipit
laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure
reprehenderit qui in ea voluptate.
vel illum qui dolorem eum fugiat quo voluptas nulla pariatur.</p>
<div class="read"><a href="#" data-toggle="modal" data-target="#myModal" class="hvr-rectangle-in">Read More</a></div>
</div>
<div class="col-md-6 banner_bottom_right">
<div class="agile_w3l_info_gds">
<div class="banner_bottom_right_grid">
<div class="view view-tenth">
<img src="images/a1.jpg" class="img-responsive" alt="">
<div class="mask">
<a href="#">
<div class="agile_text_box">
<i class="fa fa-music" aria-hidden="true"></i>
<h3>Musicality</h3>
</div>
</a>
</div>
</div>
</div>
<div class="banner_bottom_right_grid">
<div class="view view-tenth">
<img src="images/a2.jpg" class="img-responsive" alt="">
<div class="mask">
<a href="#">
<div class="agile_text_box">
<i class="fa fa-music" aria-hidden="true"></i>
<h3>Musicality</h3>
</div>
</a>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="agile_w3l_info_gds two">
<div class="banner_bottom_right_grid">
<div class="view view-tenth">
<img src="images/a3.jpg" class="img-responsive" alt="">
<div class="mask">
<a href="#">
<div class="agile_text_box">
<i class="fa fa-music" aria-hidden="true"></i>
<h3>Musicality</h3>
</div>
</a>
</div>
</div>
</div>
<div class="banner_bottom_right_grid">
<div class="view view-tenth">
<img src="images/a4.jpg" class="img-responsive" alt="">
<div class="mask">
<a href="#">
<div class="agile_text_box">
<i class="fa fa-music" aria-hidden="true"></i>
<h3>Musicality</h3>
</div>
</a>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--//welcome-->
<!-- bootstrap-pop-up -->
<div class="modal video-modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
</div>
<div class="signin-form profile">
<h3 class="agileinfo_sign">Musicality</h3>
<div class="modal-body">
<img src="images/g1.jpg" alt=" " class="img-responsive" />
<p>Ut enim ad minima veniam, quis nostrum
exercitationem ullam corporis suscipit laboriosam,
nisi ut aliquid ex ea commodi consequatur? Quis autem
vel eum iure reprehenderit qui in ea voluptate velit
esse quam nihil molestiae consequatur, vel illum qui
dolorem eum fugiat quo voluptas nulla pariatur.
<i>" Quis autem vel eum iure reprehenderit qui in ea voluptate velit
esse quam nihil molestiae consequatur.</i></p>
</div>
</div>
</div>
</div>
</div>
<!-- //bootstrap-pop-up -->
<!-- banner-text -->
<div class="banner-text w3-agile-banner-text">
<div class="agile_dot_info">
<div class="contai
游戏音乐娱乐类网站源码-邪恶的声音音乐工作室响应式网页模板-支持移动端.zip （58个子文件） 
游戏音乐娱乐类网站源码-邪恶的声音音乐工作室响应式网页模板-支持移动端 html js 
SmoothScroll.min.js 13KB jquery.textFx.js 3KB bootstrap-3.1.1.min.js 28KB jquery.flexslider.js 40KB modernizr-2.6.2.min.js 15KB lightGallery.js 20KB easing.js 5KB jquery.transit.js 7KB classie.js 2KB move-top.js 1KB jquery-2.1.4.min.js 82KB demo1.js 1KB css style.css 47KB style7.css 3KB flexslider.css 5KB font-awesome.css 37KB lightGallery.css 17KB bootstrap.css 138KB
index.html 26KB images 
g3.jpg 48KB test1.jpg 3KB g2.jpg 48KB a2.jpg 61KB
3.png 23KB overlay.png 118B arrow.png 492B g8.jpg 26KB banner.jpg 231KB a1.jpg 81KB banner3.jpg 134KB 1.png 24KB a3.jpg 86KB dott.png 3KB g7.jpg 18KB left.png 419B g6.jpg 52KB home.jpg 197KB banner1.jpg 110KB g5.jpg 55KB 4.png 23KB right.png 419B a4.jpg 79KB g4.jpg 50KB test2.jpg 19KB serve.jpg 58KB 2.png 24KB g1.jpg 37KB fonts FontAwesome.otf 61KB
glyphicons-halflings-regular.svg 61KB glyphicons-halflings-regular.ttf 40KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB fontawesome-webfont.eot 37KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 43KB fontawesome-webfont.woff2 65KB fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB资源评论
DTcode7
- 粉丝: 4w+
- 资源: 4986
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减4.47元 开通VIP
最新资源
- 基于 DeepSeek 的智能剧本创作与角色对话生成 Python 源码
- 3、蓝牙串口助手.zip
- 工具变量-地级市-通货膨胀数据（国内生产总值指数、PPI、CPI）2000-2023年.xlsx
- 基于 DeepSeek 的智能广告文案生成与个性化推荐 Python 源码
- 工业物联网监控平台可视化java项目springboot开发iot二次开发源 SpringBoot物联网风电监测系统源码 统源码 iot物联网风电能源电场监控系 基于SpringBoot的物联网系统
- mcp-gitee 是 Gitee 的模型上下文协议 (MCP) 服务器实现 它提供了一组与 Gitee 的 API 交互的工具，允许 AI 助手管理仓库、Issue、Pull Request等
- 视频测试aiasdasdsadsadsada
- 基于 DeepSeek 的智能法律文书生成与条款解读 Python 源码
- 全球6924座海上发电风机空间分布（全球+各单个国家）-可编辑mxd文件+标准shape文件+标准成图TIF
- 大模型关键技术技术方案与算力部署及应用场景落地实践高级研修班(2).pdf
- 药瓶缺陷检测数据集，有yolo v9格式标注，可识别瓶子气泡，损坏，正常的，参考图片：https://backend.blog.csdn.net/article/details/146360238
- 药瓶缺陷检测数据集，有yolo v11格式标注，可识别瓶子气泡，损坏，正常的，参考图片：https://backend.blog.csdn.net/article/details/146360238
- 药瓶缺陷检测数据集，有yolo v8格式标注，可识别瓶子气泡，损坏，正常的，参考图片：https://backend.blog.csdn.net/article/details/146360238
- 药瓶缺陷检测数据集，有yolo v5格式标注，可识别瓶子气泡，损坏，正常的，参考图片：https://backend.blog.csdn.net/article/details/146360238
- 药瓶缺陷检测数据集，有pasical voc xml格式标注，可识别瓶子气泡，损坏，正常的
- 药瓶缺陷检测数据集，有yolo v7格式标注，可识别瓶子气泡，损坏，正常的，参考图片：https://backend.blog.csdn.net/article/details/146360238
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
