<!--
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
共60个文件
png:33个
js:9个
jpg:9个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 65 浏览量
2024-03-30
11:50:01
上传
评论
收藏 2.5MB ZIP 举报
温馨提示
这套HTML源代码文件是一个完整的网页模板,适用于各种类型的网站。它采用了最新的HTML5和CSS3技术,具有响应式设计,能够适应不同设备的屏幕尺寸。此外,它还包含了丰富的JavaScript插件,可以实现各种复杂的交互效果。这套源代码文件还具有高度的可定制性。您可以根据自己的需求对页面进行布局调整、颜色更改以及内容替换,轻松打造出符合您项目风格的网站。同时,我们的代码结构清晰、注释详细,方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计、毕业设计等挑战。这套源代码文件将成为您的得力助手,帮助您展示自己的才华和技能。通过使用这套源代码文件,您可以轻松地完成网站搭建任务,为您的课程设计或毕业设计增添亮点。总的来说,这套HTML源代码文件是一个高效、实用、易用的工具,无论你是专业的网页设计师,还是业余的编程爱好者,都值得拥有。
资源推荐
资源详情
资源评论
收起资源包目录
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
共 60 条
- 1
资源评论
DTcode7
- 粉丝: 9613
- 资源: 4699
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功