<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Stereo Entertainment Category Bootstrap responsive Website Template | Home :: W3layouts</title>
<!-- Meta-Tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<meta name="keywords" content="Stereo Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript">
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- //Meta-Tags -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--bootstrap-css-->
<link href="css/font-awesome.css" rel="stylesheet">
<!--font-awesome-css-->
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<!--flexslider-css-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--style-sheet-->
<!--fonts-->
<link href="//fonts.googleapis.com/css?family=Raleway:200,300,400,600,700,800,900" rel="stylesheet">
<!--//fonts-->
</head>
<body>
<!--banner start here-->
<div class="banner" id="home">
<div class="w3-agile-dot">
<div class="header">
<div class="header-main">
<div class="container">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<h1>
<a href="index.html">Stereo</a>
</h1>
</div>
<!-- navbar-header -->
<div class="collapse navbar-collapse cl-effect-13" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<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="#team" class="scroll">Team</a>
</li>
<li>
<a href="#gallery" class="scroll">Gallery</a>
</li>
<li>
<a href="#contact" class="scroll">Contact</a>
</li>
</ul>
</div>
<div class="w3-agile-sectn_search">
<div class="cd-main-header">
<ul class="cd-header-buttons">
<li>
<a class="cd-search-trigger" href="#cd-search">
<span></span>
</a>
</li>
</ul>
<!-- cd-header-buttons -->
</div>
<div id="cd-search" class="cd-search">
<form action="#" method="post">
<input name="Search" type="search" placeholder="Click enter after typing">
</form>
</div>
</div>
<div class="clearfix"> </div>
</nav>
</div>
</div>
<div class="container">
<div class="banner-bottom">
<section class="slider">
<div class="flexslider">
<ul class="slides">
<li>
<div class="banner-bottom-text">
<h3>We are the best in this field</h3>
</div>
</li>
<li>
<div class="banner-bottom-text">
<h3>We can dance forever</h3>
</div>
</li>
<li>
<div class="banner-bottom-text">
<h3>We know how to have fun</h3>
</div>
</li>
<li>
<div class="banner-bottom-text">
<h3>Press play and go</h3>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</section>
<div class="thim-click-to-bottom">
<a href="#about" class="scroll">
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--banner end here-->
<!-- about -->
<div class="about" id="about">
<div class="banner_bottom_w3-agile_grids">
<div class="container">
<h3 class="w3layouts-heading">About
<span>Us</span>
</h3>
<div class="banner_bottom_right_grids">
<div class="col-md-4 banner_bottom_right_grid">
<div class="view view-tenth ab1">
<div class="w3-agile_text_box">
<span class="fa fa-bullhorn" aria-hidden="true"></span>
<h3>Corporate Events</h3>
<p class="paragraph-w3l">Lorem ipsum dolor sit amet, consectetur adip.</p>
</div>
<div class="mask">
<img src="images/a1.jpg" class="img-responsive" alt="">
</div>
</div>
</div>
<div class="col-md-4 banner_bottom_right_grid">
<div class="view view-tenth ab2">
<div class="w3-agile_text_box">
<span class="fa fa-cubes" aria-hidden="true"></span>
<h3>Branded Events</h3>
<p class="paragraph-w3l">Lorem ipsum dolor sit amet, consectetur adip.</p>
</div>
<div class="mask">
<img src="images/a2.jpg" class="img-responsive" alt="">
</div>
</div>
</div>
<div class="col-md-4 banner_bottom_right_grid">
<div class="view view-tenth ab3">
<div class="w3-agile_text_box">
<span class="fa fa-camera-retro" aria-hidden="true"></span>
<h3>Commercial Shoots</h3>
<p class="paragraph-w3l">Lorem ipsum dolor sit amet, consectetur adip.</p>
</div>
<div class="mask">
<img src="images/a3.jpg" class="img-responsive" alt="">
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- about-bottom-->
<div class="services-inner-agileits-w3layouts">
<div class="container">
<div class="col-md-8">
<ul id="flexiselDemo1">
<li>
<div class="laptop">
<div class="img-box">
<img class="img-responsive zoom-img" src="images/a1.jpg" alt=" " />
</div>
<div class="flex-info ">
<h4>900
<span>Happy Clients</span>
</h4>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
</li>
<li>
<div class="laptop">
<div class="img-box">
<img class="img-responsive zoom-img" src="images/a2.jpg" alt=" " />
</div>
<div class="flex-info flex-info1">
<h4>250
<span>Events</span>
</h4>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
</li>
<li>
<div class="laptop">
<div class="img-box">
<img class="img-responsive zoom-img" src="images/a3.jpg" alt=" " />
</div>
<div class="flex-info flex-info2">
<h4>25
<span>Singers</span>
</h4>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
</li>
<li>
<div class="laptop">
<div class="img-box">
<img class="img-responsive zoom-img" src="images/a2.jpg" alt=" " />
</div>
<div class="flex-info flex-info3">
<h4>40
<span>Musicians</span>
</h4>
<p>Lorem ipsum dolor sit amet.</p>
</div>
</div>
</li>
</ul>
</div>
<div class="col-md-4 content-pro-he
没有合适的资源?快使用搜索试试~ 我知道了~
游戏音乐娱乐类网站源码-立体电音制作响应式网页模板-支持移动端.zip
共47个文件
jpg:20个
js:8个
png:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 142 浏览量
2024-03-24
15:08:01
上传
评论
收藏 2.06MB ZIP 举报
温馨提示
【HTML娱乐游戏音乐网站源码】激发激情,点燃创意! 定制娱乐体验 — 专为游戏爱好者设计,这份源码打造了一个视觉震撼、互动性强的在线平台。 音乐元素融合 — 音乐播放器与游戏内容无缝对接,为用户带来动感十足的音乐体验。 高度适配性 — 无论是桌面还是移动设备,全面优化的响应式设计确保网站在各种屏幕尺寸上完美展现。 SEO友好结构 — 强化搜索引擎可见度,吸引更多目标用户访问你的网站。 立即采用这份专业级源码,开启你的娱乐游戏音乐网站之旅,抓住用户的心,领跑市场竞争。
资源推荐
资源详情
资源评论
收起资源包目录
游戏音乐娱乐类网站源码-立体电音制作响应式网页模板-支持移动端.zip (47个子文件)
游戏音乐娱乐类网站源码-立体电音制作响应式网页模板-支持移动端
html
js
bootstrap.js 68KB
jquery.flexslider.js 39KB
main.js 3KB
jzBox.js 3KB
easing.js 5KB
move-top.js 1KB
jquery.flexisel.js 8KB
jquery-2.1.4.min.js 82KB
css
style.css 53KB
flexslider.css 5KB
font-awesome.css 37KB
bootstrap.css 143KB
index.html 33KB
images
g3.jpg 24KB
g2.jpg 26KB
a2.jpg 17KB
services1.png 152KB
g8.jpg 63KB
a1.jpg 13KB
bann.jpg 146KB
t3.jpg 27KB
a3.jpg 29KB
dott.png 3KB
g7.jpg 41KB
left.png 711B
g6.jpg 28KB
t1.jpg 25KB
t4.jpg 25KB
g5.jpg 37KB
close.png 1KB
arr.png 4KB
t2.jpg 17KB
right.png 1KB
team.jpg 43KB
g4.jpg 44KB
gold.png 181KB
services1.jpg 63KB
black.png 64KB
g1.jpg 20KB
contact.jpg 70KB
bann1.jpg 235KB
fonts
FontAwesome.otf 132KB
fontawesome-webfont.eot 162KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB
fontawesome-webfont.ttf 162KB
共 47 条
- 1
资源评论
DTcode7
- 粉丝: 3421
- 资源: 4068
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于tensorflow多特征融合的微表情识别python源码.zip
- 基于yolov8实现人脸检测的python源码+运行说明.zip
- Micron Memory DDR3 SDRAM 全系列AD集成库(原理图库+PCB封装库).IntLib
- 基于tensorflow多特征融合的微表情识别python源码+详细使用说明.zip
- TensorRT部署DETR项目工程C++源码.zip
- Word文字处理软件练习题及答案.doc
- Word普通信纸信纸格式可打印.doc
- TensorRT部署DETR项目工程python源码.zip
- WPSexcel如何做柏拉图.doc
- 基于protel99se设计的PCB封装库PROTEL PCB封装库器件库常用芯片接插件电子元器件封装(1260个).lib
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功