<!--A Design by W3layouts
Author: W3layout
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>The Jaaj Website Template | Home :: w3layouts</title>
<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>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Play:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="./js/jquery-1.10.2.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.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>
<!---- start-smoth-scrolling---->
<!---image-carsuals---->
<link href="./css/owl.carousel.css" rel="stylesheet">
<link href="./css/owl.theme.css" rel="stylesheet">
<script src="./js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
navigation: true,
navigationText: [
"<i class='icon-chevron-left icon-white'></i>",
"<i class='icon-chevron-right icon-white'></i>"
],
items :3,
slideSpeed :100,
lazyLoad : true,
autoPlay : true,
});
});
</script>
<!---//End-carsuals---->
</head>
<body>
<div class="banner" id="home">
<div class="container">
<div class="header">
<div class="header-left">
<a href="index.html"><img src="./images/logo.png" alt=""></a>
</div>
<div class="menu">
<a class="toggleMenu" href="#"><img src="./images/menu-icon.png" alt="" /> </a>
<ul class="nav" id="nav">
<li><a href="#home" class="scroll">HOME</a></li>
<li><a href="#about" class="scroll">ABOUT</a></li>
<li><a href="#features" class="scroll">FEATURES</a></li>
<li><a href="#screens" class="scroll">SCREENS</a></li>
<li><a href="#reviews" class="scroll">REVIEWS</a></li>
<li><a href="#contact" class="scroll">CONTACT</a></li>
</ul>
<!----start-top-nav-script---->
<script type="text/javascript" src="./js/responsive-nav.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>
<!----//End-top-nav-script---->
</div>
<div class="clearfix"> </div>
</div>
<div class="banner-bottom">
<div class="col-md-6">
<div class="banner-bottom-left">
<img src="./images/phone.png" alt="">
</div>
</div>
<div class="col-md-6">
<div class="banner-bottom-right">
<h1>BezelShop</h1>
<h3>Simple, Beautiful and Amazing</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enimcidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim</p>
<ul>
<li><a class="active" href="#">Download</a></li>
<li><a href="#">Learn More</a></li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="welcome" id="about">
<div class="container">
<div class="welcome-top">
<h3>Welcome to BezalShop</h3>
<img src="./images/border.png" alt="">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enimcidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim</p>
</div>
<div class="welcome-bottom">
<div class="col-md-4">
<div class="welcome-bottom-one">
<span class="w-fst"> </span>
<h4>Responsive Layout</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
</div>
</div>
<div class="col-md-4">
<div class="welcome-bottom-one">
<span class="w-snd"> </span>
<h4>Beautiful Design</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
</div>
</div>
<div class="col-md-4">
<div class="welcome-bottom-one">
<span class="w-tre"> </span>
<h4>Easy to Use</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </p>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="features" id="features">
<div class="container">
<div class="features-main">
<div class="col-md-6">
<div class="features-left">
<img src="./images/phone-1.png" alt="">
</div>
</div>
<div class="col-md-6">
<div class="features-right">
<h3>Excellent Features</h3>
<img src="./images/border.png" alt="">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh </p>
<ul>
<li><span class="one"> </span><p>Responsive Design</p></li>
<li><span class="tw"> </span><p>Redina Display</p></li>
<li><span class="tr"> </span><p>Bootstrap 3.1</p></li>
<li><span class="fr"> </span><p>Cross Browser</p></li>
<li><span class="fv"> </span><p>700+ Fonts</p></li>
</ul>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="news">
<div class="container">
<div class="news-main">
<div class="col-md-4">
<div class="news-left">
<h4>Newsletter Sign Up</h4>
</div>
</div>
<div class="col-md-8">
<div class="news-right">
<span>
<input type="text" value="Your email address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your email address';}">
<input type="submit" value="SUBSCRIBE">
</span>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--start-divice-scree-slider-->
<!--start-divice-scree-slider-->
<div class="app" id="screens">
<div class="wrap">
<div class="img-cursual">
<div id="owl-demo" class="owl-carousel">
<div class="item"><img class="lazyOwl" data-src="./images/mob-1.png" alt="Lazy Owl Image"></div>
<div class="item"><img class="lazyOwl" data-src="./images/mob-7.png" alt="Lazy Owl Image"></div>
<div class="item"><img class="lazyOwl" data-src="./images/mob-3.png" alt="Lazy Owl Image"></div>
<div class="item"><img class="lazyOwl" data-src="./images/mob-1.png" alt="Lazy Owl Image"></div>
<div class="item"><img class="lazyOwl" data-src="./images/mob-7.png" alt="Lazy Owl Image"></div>
<div class="item"><img class="lazyOwl" data-src="./images/mob-3.png" alt="La
网站模板-APP开发设计公司响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
75 浏览量
2024-03-23
09:38:05
上传
评论
收藏 1.5MB ZIP 举报
网站模板-APP开发设计公司响应式网页模板-适配移动端界面-HTML源码.zip （99个子文件） 
网站模板-APP开发设计公司响应式网页模板-适配移动端界面-HTML源码 html mobile css 
style.css 10KB
index.html 8KB images 
men-1.png 11KB footer-two.png 4KB getin-one.png 3KB footer-one.png 4KB mobile-2.png 14KB getin-two.png 3KB download-two.png 5KB
features-banner.jpg 15KB download-banner.jpg 10KB border.png 3KB logo.png 6KB features-two.png 3KB download-one.png 4KB getin-fvr.png 3KB phone.png 5KB bnr.jpg 19KB welcome-one.png 4KB app-banner.jpg 10KB footer-sprit.png 9KB menu-icon.png 4KB getin-tre.png 3KB features-tre.png 4KB welcome-two.png 6KB app-1.png 8KB features-one.png 3KB phone-1.png 15KB footer-tre.png 5KB smartphone js responsiveslides.min.js 3KB mobile.js 2KB responsive-nav.js 1KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery-1.10.2.min.js 91KB css style.css 21KB owl.carousel.css 6KB owl.theme.css 2KB index.html 14KB images getin-sprit.png 1KB mob-1.png 21KB men-1.png 19KB mobile-2.png 25KB arrow-2.png 311B mob-7.png 23KB features-banner.jpg 16KB download-banner.jpg 11KB border.png 180B logo.png 6KB mob-3.png 8KB top-arw.png 2KB phone.png 8KB bnr.jpg 21KB welcome-sprit.png 23KB app-banner.jpg 10KB footer-sprit.png 9KB download-sprit.png 7KB menu-icon.png 2KB app-1.png 18KB phone-1.png 27KB features-sprit.png 4KB arrow-1.png 352B web js responsiveslides.min.js 3KB responsive-nav.js 1KB easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery-1.10.2.min.js 91KB css style.css 37KB owl.carousel.css 8KB bootstrap.css 118KB owl.theme.css 2KB index.html 15KB images getin-sprit.png 1KB mob-1.png 87KB men-1.png 26KB mobile-5.png 73KB mobile-2.png 110KB arrow-2.png 311B mob-7.png 93KB features-banner.jpg 52KB download-banner.jpg 18KB border.png 180B logo.png 5KB mob-3.png 27KB top-arw.png 1KB phone.png 18KB bnr.jpg 109KB welcome-sprit.png 22KB app-banner.jpg 18KB footer-sprit.png 5KB download-sprit.png 5KB menu-icon.png 2KB app-1.png 69KB phone-1.png 157KB mobile-6.png 103KB features-sprit.png 4KB arrow-1.png 352B资源评论
DTcode7
- 粉丝: 3544
- 资源: 4071
