<!--
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>The Mobapp bootstrap Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- 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>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/jquery.easing.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>
<!---- start-smoth-scrolling---->
<!----- webfonts ------>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>
<!----- webfonts ------>
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!----//End-top-nav-script---->
</head>
<body>
<!----- start-header---->
<div id="home" class="header">
<div class="top-header">
<div class="logo">
<a href="#"><img src="./images/logo.png" alt=""></a>
</div>
<!----start-top-nav---->
<nav class="top-nav">
<ul class="top-nav">
<li class="active"><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="#reviewes" class="scroll">reviewes</a></li>
<li><a href="#screenhot" class="scroll">screenshot</a></li>
<li><a href="#demo" class="scroll">demo</a></li>
<li><a href="#download" class="scroll">download</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
<a href="#" id="pull"><img src="./images/menu-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
</div>
</div>
<!----- //End-header---->
<!----- banner ---->
<div class="banner">
<div class="container">
<div class="banner-info">
<div class=" col-md-6 appp">
<img src="./images/mbl-app.png" alt="">
</div>
<div class="col-md-6 banner-text">
<h1>MOBAPP</h1>
<p> This is last slide. Here your text about your project.Here your text about your project. Also attach attractive picture to smartphone screen! Good luck!</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!----- banner ---->
<!----- /strat-About---->
<div id="about" class="about">
<div class="container">
<div class="gallery-head text-center">
<h3>ABOUT MY TEMPLATE</h3>
<p>I hope my template will be good start for your new projects. In my project you find PSD, all images and Muse project. Flat style and nice colors with parallax effects. Enjoy it.</p>
</div>
<div class="row text-center">
<div class="col-md-4 about_grid">
<img src="./images/ab-1.png" alt="">
</div>
<div class="col-md-4 about_grid">
<img src="./images/ab-2.png" alt="">
</div>
<div class="col-md-4 about_grid">
<img src="./images/ab-3.png" alt="">
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!---//End-About----->
<!-----feature ---->
<div id="feature" class="features">
<div class="container">
<h3>Features</h3>
<div class="Feature">
<div class=" col-md-6 feature-text">
<h2>Cool marketing slogan Great call to action with nice and clean button</h2>
<p>A slogan is a memorable motto or phrase used in a political, commercial, religious, and other context as a repetitive expression of an idea or purpose.</p>
<a class="slide-btn" href="#">GET IT</a>
</div>
<div class="col-md-6 hand-app">
<img src="./images/hand-iphone.png" alt="">
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-----//feature ---->
<!----- /strat-Reviews---->
<div id="reviews" class="Reviews">
<div class="container">
<div class="review-head text-center">
<h3>Reviews</h3>
</div>
<div class="row revies-content text-center">
<div class="review_grid">
<div class="col-md-4 review-img1">
<img src="./images/img-1.jpg" alt="">
</div>
<div class="col-md-8 review-text">
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec porttitorcongue dui porttitor leoadipiscing consequat accumsan."</p>
<span>USER NAME </span>
</div>
<div class="clearfix"> </div>
</div>
<div class="review_grid">
<div class="col-md-4 review-img2">
<img src="./images/img-2.jpg" alt="">
</div>
<div class="col-md-8 review-text">
<p>"Nunc ullamcorper consequat blandit. Ut nibh neque, Donec congue dui porttitor leo varius vitae mollis vel, consectetur et eros".</p>
<span>USER NAME</span>
</div>
<div class="clearfix"> </div>
</div>
<div class="review_grid">
<div class="col-md-4 review-img3">
<img src="./images/img-3.png" alt="">
</div>
<div class="col-md-8 review-text">
<p>"Nunc ullamcorper consequat blandit. Donec congue dui porttitor leo Ut nibh neque, varius vitae mollis vel, consectetur et eros."</p>
<span>USER NAME </span>
</div>
<div class="clearfix"> </div>
</div>
<a class="review-btn" href="#">READ MORE</a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---//End-Reviews----->
<!--- Slider Starts Here --->
<div id="screenhot" class="slider">
<div class="container">
<!---- testmonials ---->
<h3>SCREENSHOT</h3>
<div class="test-monials">
<!----sreen-gallery-cursual---->
<div class="sreen-gallery-cursual">
<!-- requried-jsfiles-for owl -->
<link href="./css/owl.carousel.css" rel="stylesheet">
<script src="./js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo").owlCarousel({
items : 1,
lazyLoad : true,
autoPlay : true,
navigation : false,
navigationText : false,
pagination : true,
});
});
HTML网站源码-APP介绍演示网页模板-适配移动端&PC端.zip
版权申诉
148 浏览量
2024-03-30
11:50:01
上传
评论
收藏 2.5MB ZIP 举报
HTML网站源码-APP介绍演示网页模板-适配移动端&PC端.zip （60个子文件） 
HTML网站源码-APP介绍演示网页模板-适配移动端&PC端 html mobile css 
style.css 11KB
index.html 9KB images 
img-1.jpg 8KB
mbl-app.png 7KB ab-1.png 11KB logo.png 3KB hand-iphone.png 10KB bg.jpg 35KB menu-icon.png 711B Screen1.png 16KB img-2.jpg 8KB ab-2.png 11KB ab-3.png 10KB smartphone js jquery.easing.min.js 5KB responsive.menu.js 3KB move-top.js 1KB owl.carousel.js 37KB jquery.min.js 94KB css style.css 14KB owl.carousel.css 8KB index.html 12KB images img-1.jpg 15KB mbl-app.png 11KB ab-1.png 17KB logo.png 4KB hand-iphone.png 17KB dow-app.png 199KB bg.jpg 48KB move-top.png 752B Screen2.png 37KB menu-icon.png 514B Screen3.png 45KB Screen1.png 58KB img-2.jpg 13KB ab-2.png 17KB ab-3.png 15KB web js jquery.easing.min.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.min.js 94KB css style.css 24KB owl.carousel.css 8KB bootstrap.css 118KB index.html 14KB images img-1.jpg 16KB mbl-app.png 164KB ab-1.png 63KB img-3.png 89KB logo.png 2KB hand-iphone.png 113KB dow-app.png 199KB bg.jpg 494KB move-top.png 779B Screen2.png 157KB menu-icon.png 514B Screen3.png 196KB Screen1.png 299KB img-2.jpg 13KB ab-2.png 64KB ab-3.png 57KB资源评论
