<!DOCTYPE html>
<head>
<title>Pro Audio - Free Responsive Template</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href='#css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='#css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css">
</head>
<body>
<nav id="responsive-menu">
<ul class="menu-holder">
<li><a href="#home"><i class="fa fa-home"></i>Home</a></li>
<li><a href="#subscribe"><i class="fa fa-briefcase"></i>Subscribe</a></li>
<li><a href="#albums"><i class="fa fa-cogs"></i>Albums</a></li>
<li><a href="#about"><i class="fa fa-list"></i>About</a></li>
<li><a href="#services"><i class="fa fa-list"></i>Services</a></li>
<li><a href="#contact"><i class="fa fa-briefcase"></i>Contact</a></li>
</ul>
</nav>
<div class="templatemo-header">
<div class="templatemo-header-gradient-bg"></div>
<div class="container">
<h1 class="text-center text-uppercase templatemo-site-name"><span class="blue">Pro</span> Audio</h1>
<nav class="hidden-xs text-center text-uppercase templatemo-nav">
<ul class="menu-holder">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#subscribe">Subscribe</a></li>
<li><a href="#albums">Albums</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<div class="text-right visible-xs">
<a href="#" id="mobile_menu"><span class="fa fa-bars"></span></a>
</div>
</div>
</div>
<div class="templatemo-header-image"></div>
<div class="container">
<section id="home" class="templatemo-section">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<img src="images/home.png" alt="Banner" class="img-responsive center-block">
</div>
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<h2 class="text-right">High Quality</h2>
<h3 class="text-uppercase text-right margin-top-30">free responsive template</h3>
<p class="text-right margin-top-30">Pro Audio is free responsive template for sound or musical websites.<br>
This template is provided by <a rel="nofollow" href="http://www.templatemo.com/page/1">templatemo</a>. Credits go to <a rel="nofollow" href="http://www.smashingmagazine.com/2012/11/20/art-professions-icons-png/">Art Professions</a> Icon and <a rel="nofollow" href="http://unsplash.com">Unsplash</a> for images used in this template.</p>
<a href="#" class="pull-right btn-gradient margin-top-30 text-uppercase">Lorem ip</a>
</div>
</div>
</section>
<img src="images/border.png" alt="Border" class="templatemo-border">
<section id="subscribe" class="templatemo-section">
<h2 class="text-uppercase text-center">Subscribe!</h2>
<p class="text-center margin-top-50">Maecenas ultricies magna laoreet turpis lobortis, nec efficitur eros interdum. Mauris hendrerit erat sed dolor tempor, <br>
viverra finibus sapien imperdiet. Suspendisse et erat ut purus fringilla convallis id sit amet nunc. Donec euismod laoreet <br>
tellus dignissim pretium. Vestibulum vel porttitor neque.</p>
<form action="#" method="post" class="margin-top-50 tm-subscribe-form">
<input type="email" id="subscriber_email" class="center-block" placeholder="Your Email..." />
<a href="#" class="center-block text-center tm-subscribe-btn">Subscribe to our newsletter</a>
</form>
</section>
<img src="images/border.png" alt="Border" class="templatemo-border">
<section id="albums" class="templatemo-section">
<h2 class="text-uppercase text-center">Albums</h2>
<div class="row margin-top-50 templatemo-albums-container">
<div class="col-lg-6 col-md-6 col-sm-6 templatemo-album">
<div class="templatemo-album-images">
<img src="images/albums/1.jpg" alt="Album 1" class="img-circle templatemo-album-img">
<img src="images/album-img-bg.png" alt="Album background" class="templatemo-album-img-bg">
<img src="images/circle_gray.png" alt="Album frame" class="templatemo-album-img-frame">
</div>
<div class="templatemo-album-description">
<p class="templatemo-album-name">First Album</p>
<p class="templatemo-album-artist">Artist One</p>
<p class="templatemo-album-date">Pop/Rock</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 templatemo-album">
<div class="templatemo-album-images">
<img src="images/albums/2.jpg" alt="Album 2" class="img-circle templatemo-album-img">
<img src="images/album-img-bg.png" alt="Album background" class="templatemo-album-img-bg">
<img src="images/circle_gray.png" alt="Album frame" class="templatemo-album-img-frame">
</div>
<div class="templatemo-album-description">
<p class="templatemo-album-name">Album Two</p>
<p class="templatemo-album-artist">Second Artist</p>
<p class="templatemo-album-date">Hip Hop</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 templatemo-album">
<div class="templatemo-album-images">
<img src="images/albums/3.jpg" alt="Album 3" class="img-circle templatemo-album-img">
<img src="images/album-img-bg.png" alt="Album background" class="templatemo-album-img-bg">
<img src="images/circle_gray.png" alt="Album frame" class="templatemo-album-img-frame">
</div>
<div class="templatemo-album-description">
<p class="templatemo-album-name">Third Album</p>
<p class="templatemo-album-artist">Artist Three</p>
<p class="templatemo-album-date">Electronic</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 templatemo-album">
<div class="templatemo-album-images">
<img src="images/albums/4.jpg" alt="Album 4" class="img-circle templatemo-album-img">
<img src="images/album-img-bg.png" alt="Album background" class="templatemo-album-img-bg">
<img src="images/circle_gray.png" alt="Album frame" class="templatemo-album-img-frame">
</div>
<div class="templatemo-album-description">
<p class="templatemo-album-name">Album Four</p>
<p class="templatemo-album-artist">Fourth Artist</p>
<p class="templatemo-album-date">Techno</p>
</div>
</div>
</div>
</section>
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" title="网站模板">网站模板</a></div>
<img src="images/border.png" alt="Border" class="templatemo-border">
<section id="about" class="templatemo-section">
<h2 class="text-uppercase text-center">About</h2>
<div class="tm-about-img-container">
<img src="images/about-frame.png" alt="About frame" class="tm-about-frame img-responsive">
<img src="images/about.jpg" alt="About" class="tm-about-img img-responsive">
</div>
<p class="margin-top-50 text-center">Nunc et nisi eu eros posuere congue. Nulla vitae iaculis metus, sed gravida metus. Donec mauris lorem, molestie vitae ultrices non, sodales quis tortor. Aenean ornare, purus id convallis rhoncus, felis lacus facilisis quam, in sollicitudin est sem ut ante. <a href="#">Lorem ipsum</a> dolor sit amet, consectetur adipiscing elit. Aenean quis eros quis lacus interdum accumsan id ut ante. Duis gravida massa sit amet malesuada tincidunt.</p>
</section>
<img src="images/border.png" alt="Border" class="templatemo-border">
<section id="services" class="templatemo-sect
黑色曲线个性钢琴商品展示企业模板_手机响应式源码.rar
184 浏览量
2023-08-05
16:03:05
上传
评论
收藏 939KB RAR 举报
黑色曲线个性钢琴商品展示企业模板_黑色 曲线 个性 钢琴 商品 网店 音乐 销售 展示 企业 网站 响应式 宽屏 手机响应式源码.rar （31个子文件） 
黑色曲线个性钢琴商品展示企业模板_黑色 曲线 个性 钢琴 商品 网店 音乐 销售 展示 企业 网站 响应式 宽屏 手机 bootstrap html5 单页 跳转 tpmo_429_pro_audio js 
templatemo_script.js 3KB jquery-1.11.1.min.js 94KB css bootstrap.min.css 107KB font-awesome.min.css 21KB templatemo_style.css 11KB
index.html 11KB images 
circle_blue.png 11KB Thumbs.db 17KB
about.jpg 43KB services 3.png 30KB 1.png 44KB 2.png 34KB border.png 10KB go-to-top.png 3KB footer.png 40KB home.png 73KB album-img-bg.png 14KB circle_gray.png 11KB header-repeat.png 1KB header.png 90KB albums 2.jpg 18KB 1.jpg 41KB 3.jpg 36KB 4.jpg 47KB footer-repeat.png 1KB about-frame.png 24KB fonts FontAwesome.otf 84KB fontawesome-webfont.eot 55KB fontawesome-webfont.woff 64KB
fontawesome-webfont.svg 280KB fontawesome-webfont.ttf 110KB资源评论
