<!--
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
93 浏览量
2023-08-01
22:42:11
上传
评论
收藏 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资源评论
2301_77342543
- 粉丝: 36
- 资源: 5761
最新资源
- tensorflow-gpu-2.7.4-cp37-cp37m-manylinux2010-x86-64.whl
- 多段线、 圆、弧转多段线（仅我可见）
- tensorflow-2.7.2-cp38-cp38-manylinux2010-x86-64.whl
- yeyue-p8Yi4-ve4a83792.apk
- tensorflow-gpu-2.7.3-cp38-cp38-manylinux2010-x86-64.whl
- 五相感应电机矢量控制模型MATLAB
- RGLED (1) (1).circ
- IMG_20240427_215747.jpg
- python下前端WEB学习笔记
- 田间种植行排号自动生成工具
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
