<!DOCTYPE html>
<html lang="en">
<head>
<title>Home</title>
<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="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<!-- gallery -->
<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />
<!-- //gallery -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<!-- font -->
<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
</head>
<body>
<!-- banner -->
<div class="banner">
<!-- header -->
<div class="header">
<div class="container">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" 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>
<div class="w3layouts-logo">
<h1><a href="index.html">Brand</a></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<nav>
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Services</a></li>
<li><a href="#gallery" class="scroll">Gallery</a></li>
<li><a href="#team" class="scroll">Team</a></li>
<li><a href="#mail" class="scroll">Mail Us</a></li>
</ul>
</nav>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
</div>
<!-- //header -->
<div class="banner-top">
<div class="container">
<div class="slider">
<div class="callbacks_container">
<ul class="rslides callbacks callbacks1" id="slider4">
<li>
<div class="banner_text">
<h3>Lorem ipsum</h3>
<p>In volutpat metus quis velit malesuada</p>
<div class="w3-button">
<a href="#" data-toggle="modal" data-target="#myModal">Read More</a>
</div>
</div>
</li>
<li>
<div class="banner_text">
<h3>Nam semper</h3>
<p>Nam imperdiet tellus nec enim tempus</p>
<div class="w3-button">
<a href="#" data-toggle="modal" data-target="#myModal">Read More</a>
</div>
</div>
</li>
</ul>
</div>
<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>
<!--banner Slider starts Here-->
</div>
</div>
</div>
</div>
<!-- //banner -->
<!-- modal -->
<div class="modal about-modal fade" id="myModal" tabindex="-1" role="dialog">
<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>
<h4 class="modal-title">Brand</h4>
</div>
<div class="modal-body">
<div class="agileits-w3layouts-info">
<img src="images/m1.jpg" alt="" />
<p>Duis venenatis, turpis eu bibendum porttitor, sapien quam ultricies tellus, ac rhoncus risus odio eget nunc. Pellentesque ac fermentum diam. Integer eu facilisis nunc, a iaculis felis. Pellentesque pellentesque tempor enim, in dapibus turpis porttitor quis. Suspendisse ultrices hendrerit massa. Nam id metus id tellus ultrices ullamcorper. Cras tempor massa luctus, varius lacus sit amet, blandit lorem. Duis auctor in tortor sed tristique. Proin sed finibus sem.</p>
</div>
</div>
</div>
</div>
</div>
<!-- //modal -->
<!-- about -->
<div class="about" id="about">
<div class="container">
<div class="wthree-heading">
<h2>About Us</h2>
<h4>A</h4>
</div>
<div class="agileits-about-grids">
<div class="col-md-6 agileits-about-grid">
<h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at consequat augue. Aenean facilisis sapien ac ex</h4>
<p>Nam imperdiet tellus nec enim tempus iaculis. Morbi vitae varius est. Morbi cursus ante non tortor consequat ullamcorper. Cras in dui libero. Sed scelerisque finibus urna vitae sodales. Nullam aliquam imperdiet mi, sit amet tempus ante scelerisque ac. Praesent vestibulum ultrices maximus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
<div class="col-md-6 agileits-about-grid">
<h4>In volutpat metus quis velit malesuada, sed cursus diam tincidunt. Nunc pharetra, ligula eget iaculis convallis</h4>
<p>Fusce sit amet velit tempor, egestas leo vel, scelerisque urna. Proin at orci pellentesque, congue augue eget, tincidunt odio. Aenean commodo lectus nunc, in feugiat nunc egestas sed. Morbi at lacus maximus, aliquam metus at, laoreet nisi. Etiam felis lorem, condimentum ac viverra sed, convallis vitae metus. Donec egestas sem vel ornare sagittis. Vivamus ut semper tellus</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //about -->
<!-- services -->
<div class="services" id="services">
<div class="container">
<div class="wthree-heading">
<h3>Our Services</h3>
<h4>S</h4>
</div>
<div class="services-grids">
<div class="col-md-8 wthree-services-grids">
<div class="col-md-6 w3-agileits-services-grid">
<i class="fa fa-cogs" aria-hidden="true"></i>
<h4>Quisque a rhoncus tortor</h4>
<p>Nam dolor arcu, interdum eget purus non, blandit accumsan justo. Duis faucibus eros dapibus efficitur volutpat.</p>
</div>
<div class="col-md-6 w3-agileits-services-grid agile-services1">
<i class="fa fa-comments" aria-hidden="true"></i>
<h4>Quisque a rhoncus tortor</h4>
<p>Nam dolor arcu, interdum eget purus non, blandit accumsan justo. Duis faucibus eros dapibus efficitur volutpat.</p>
</div>
<div class="col-md-6 w3-agileits-services-grid">
<i class="fa fa-heart" aria-hidden="true"></i>
<h4>Quisque a rhoncus tortor</h4>
<p>Nam dolo
品牌时尚公司网站模板是一款大气单页时尚公司官方网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应响应式.rar
100 浏览量
2023-08-05
15:24:51
上传
评论
收藏 1.42MB RAR 举报
品牌时尚公司网站模板是一款大气单页时尚公司官方网站模板。_html网站模板_网页源码移动端前端_H5模板_自适应响应式.rar （44个子文件） 
品牌时尚公司网站模板是一款大气单页时尚公司官方网站模板。 moban1852 js 
bootstrap.js 66KB jquery.tools.min.js 17KB responsiveslides.min.js 3KB jquery.mobile.custom.min.js 9KB SmoothScroll.min.js 6KB easing.js 5KB move-top.js 1KB jquery-1.11.1.min.js 94KB jquery.cm-overlay.js 11KB jarallax.js 14KB css style.css 23KB cm-overlay.css 3KB font-awesome.css 34KB bootstrap.css 138KB
index.html 24KB images 
2.jpg 43KB 10.jpg 34KB
prev.png 1KB m1.jpg 68KB arrow.png 4KB 6.jpg 37KB 1.jpg 115KB t3.jpg 78KB next.png 1KB t1.jpg 45KB arrows.png 3KB 5.jpg 77KB t4.jpg 63KB close.png 280B 8.jpg 45KB 11.jpg 74KB t2.jpg 47KB 3.jpg 55KB 7.jpg 59KB 9.jpg 53KB 4.jpg 37KB fonts FontAwesome.otf 122KB glyphicons-halflings-regular.woff 23KB fontawesome-webfont.eot 75KB glyphicons-halflings-regular.woff2 18KB fontawesome-webfont.woff 88KB fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB fontawesome-webfont.ttf 149KB资源评论
