<!--
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>
<head>
<title>musicz Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!----webfonts--->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700,800,400,600' rel='stylesheet' type='text/css'>
<!---//webfonts--->
</head>
<body>
<!-- container -->
<div class="header">
<div class="container">
<!-- header -->
<!-- logo -->
<div class="logo">
<a href="index.html"><img src="./images/logo.png" title="musicz" /></a>
</div>
<!-- logo -->
<!-- top-nav -->
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li class="active"><a href="index.html">Home<span> </span></a></li>
<li><a href="404.html">News</a></li>
<li><a href="albums.html">Albums</a></li>
<li><a href="404.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="clearfix"> </div>
<!-- top-nav -->
<!-- script-for-menu -->
<script>
$(document).ready(function(){
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(200);
});
});
</script>
<!-- script-for-menu -->
</div>
<!-- header -->
</div>
<!-- banner -->
<div class="banner">
<!-- slider -->
<!--- img-slider --->
<div class="img-slider">
<!----start-slider-script---->
<script src="./js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!----//End-slider-script---->
<!-- Slideshow 4 -->
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<img class="img-responsive" src="./images/slide1.jpg" alt="">
<div class="slider-caption">
<div class="slider-caption-inner">
<h1>music<span>Z</span></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin lectus in quam elementum aliquet. Quisque gravida fringilla velit nec ornare. </p>
<a class="caption-btn" href="#">ReadMore</a>
</div>
</div>
</li>
<li>
<img src="./images/slide3.jpg" alt="">
<div class="slider-caption">
<div class="slider-caption-inner">
<h1>music<span>Z</span></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin lectus in quam elementum aliquet. Quisque gravida fringilla velit nec ornare. </p>
<a class="caption-btn" href="#">ReadMore</a>
</div>
</div>
</li>
<li>
<img src="./images/slide1.jpg" alt="">
<div class="slider-caption">
<div class="slider-caption-inner">
<h1>music<span>Z</span></h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin lectus in quam elementum aliquet. Quisque gravida fringilla velit nec ornare. </p>
<a class="caption-btn" href="#">ReadMore</a>
</div>
</div>
</li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
<!-- slider -->
</div>
<!-- banner -->
<!-- categories -->
<div class="categories">
<div class="container">
<div class="categories-left">
<ul class="options">
<li><a href="#">Action</a></li>
<li><a href="#">Adventure</a></li>
<li><a href="#">Fantasy</a></li>
<li><a href="#">Comedy</a></li>
<li><a href="#">Drama</a></li>
<li><a href="#">thriller</a></li>
</ul>
<select class="s-option">
<option>select categories</option>
<option>Adventure</option>
<option>Adventure</option>
<option>Adventure</option>
</select>
</div>
<div class="categories-right">
<form>
<input type="text" placeholder="Search here" required>
<input type="submit" value="search" />
</form>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!-- categories -->
<!-- content -->
<div class="content">
<div class="container">
<!-- content-left -->
<div class="col-md-8 content-left">
<div onclick="location.href='details.html';" class="artical">
<div class="col-md-4 artical-left">
<a href="#"><img src="./images/post1.jpg" title="post-name" /></a>
</div>
<div class="col-md-8 artical-right">
<div class="artical-head">
<h2><a href="#">Lorem ipsum</a></h2>
<a href="#"><span class="rate"> </span></a>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
<!-- artical-info -->
<div class="artical-info">
<p><strong>Release Date:</strong> March 20, 2014,</p>
<p><strong>Reched:</strong>$250 million</p>
<p><strong>Genre:</strong>pop</p>
<p><strong>Country:</strong>UK</p>
<p><strong>singer:</strong> adipiscing</p>
<p><strong>casting:</strong> <a href="#">Donec</a>,<a href="#">variu</a>,<a href="#">mauris</a>,<a href="#">sociis</a></p>
</div>
<!-- artical-info -->
</div>
<div class="clearfix"> </div>
</div>
<!-- artical-end -->
<div onclick="location.href='details.html';" class="artical">
<div class="col-md-4 artical-left">
<a href="#"><img src="./images/post2.jpg" title="post-name" /></a>
</div>
<div class="col-md-8 artical-right">
<div class="artical-head">
<h2><a href="#">consectetur</a></h2>
<a href="#"><span class="rate"> </span></a>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
<!-- artical-info -->
<div class="artical-info">
<p><strong>Release Date:</strong> March 20, 2014,</p>
<p><strong>Reched:</strong>$250 million</p>
<p><strong>Genre:</strong>pop</p>
<p><strong>Country:</strong>UK</p>
<p><strong>singer:</strong> adipiscing</p>
<p><strong>casting:</strong> <a href="#">Donec</a>,<a href="#">variu</a>,<a href="#">mauris</a>,<a href="#">sociis</a></p>
</div>
<!-- artical-info -->
</div>
<div class="clearfix"> </div>
</div>
<!-- artical-end -->
<div onclick="location.href='details.html';" class="artical">
<div class="col-md-4 artical-left">
<a href="#"><img src="./images/post3.jp
x31_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip
141 浏览量
2023-08-02
16:01:45
上传
评论
收藏 4.6MB ZIP 举报
x31_HTML手机电脑网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （70个子文件） 
x31 
details.html 13KB js 
responsiveslides.min.js 3KB owl.carousel.js 37KB jquery.min.js 94KB css style.css 28KB owl.carousel.css 8KB bootstrap.css 118KB 404.html 6KB albums.html 10KB index.html 16KB contact.html 7KB images 
post-pic.jpg 184KB post1.jpg 194KB post6.jpg 186KB slide2.jpg 408KB
arrow.png 3KB post4.jpg 200KB logo.png 4KB rate.png 5KB slide1.jpg 710KB slide3.jpg 337KB post3.jpg 176KB post5.jpg 175KB post2.jpg 211KB arrow1.png 3KB nav-icon.png 3KB XX mobile details.html 7KB css style.css 16KB 404.html 5KB albums.html 8KB index.html 10KB contact.html 6KB images post1.jpg 103KB post6.jpg 147KB slide2.jpg 57KB arrow.png 3KB post4.jpg 108KB logo.png 4KB rate.png 5KB slide1.jpg 92KB slide3.jpg 53KB post3.jpg 92KB post5.jpg 100KB post2.jpg 113KB arrow1.png 3KB nav-icon.png 3KB smartphone details.html 13KB js responsiveslides.min.js 3KB owl.carousel.js 37KB jquery.min.js 94KB css style.css 18KB owl.carousel.css 8KB 404.html 5KB albums.html 9KB index.html 14KB contact.html 7KB images post1.jpg 151KB post6.jpg 147KB slide2.jpg 91KB arrow.png 3KB post4.jpg 157KB logo.png 4KB rate.png 5KB slide1.jpg 159KB slide3.jpg 81KB post3.jpg 136KB post5.jpg 141KB post2.jpg 165KB arrow1.png 3KB nav-icon.png 3KB资源评论
qq_41146932
- 粉丝: 8
- 资源: 6309
最新资源
- 3122080306 邹子轩 实验报告二.docx
- 基于STM32 NUCLEO板设计彩色LED照明灯（纯cubeMX开发）(大赛作品，文档完整，可直接运行)
- 发那科工业机器人保养大全
- Sphere.h
- REMD固有时间尺度分解信号分量可视化（Matlab完整源码和数据）
- 嵌入式系统双单片机STC89C52+STC15W104多功能学习板电路图可扩展 适用于单片机初学者和教学
- 基于STM32蓝牙控制小车系统设计（硬件+源代码+论文）大赛作品
- XILINXFPGA源码基于Spartan3火龙刀系列FPGA开发板VGA测试例程
- Java聊天室的设计与实现【尚学堂·百战程序员】
- python中matplotlib教程
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
