<!--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>Mobile App a Mobile App Category Flat Bootstarp Responsive Website Template | Home :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Mobile App Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!-- slide -->
</head>
<body>
<!--header-->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/log.png" alt=""></a>
</div>
<div class="top-nav">
<span class="menu"><img src="images/menu.png" alt=""> </span>
<ul >
<li class="active" ><a href="index.html" >HOME PAGE</a></li>
<li><a href="services.html" > SERVICES</a></li>
<li><a href="404.html" > SOLUTIONS </a></li>
<li><a href="prices.html" > PRICES </a></li>
<li><a href="contact.html" >CONTACT</a></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---->
<div class="banner">
<div class="container">
<div class="col-md-6 banner-matter">
<!-- requried-jsfiles-for owl -->
<link href="css/owl.carousel.css" rel="stylesheet">
<script src="js/owl.carousel.js"></script>
<script>
$(document).ready(function() {
$("#owl-demo1").owlCarousel({
items : 1,
lazyLoad : true,
autoPlay : true,
navigation : true,
navigationText : true,
pagination : false,
});
});
</script>
<!-- //requried-jsfiles-for owl -->
<!-- start content_slider -->
<div id="owl-demo1" class="owl-carousel">
<div class="item-bottom">
<div class="item-right">
<h1>best mobIle app</h1>
<span>Download this cool app for free</span>
<p>Dignissim eros luptatum dolore tation erat euismod, ad ut illum lobortis qui, velit ullamcorper, lobortis vel, vel ad duis lorem nisl. Iriure dolore et eros aliquip aliquip zzril vel praesent ex feugiat dolor nostrud eu vel delenit. Duis eu qui iusto, commodo consequat, consequat laoreet augue, duis at adipiscing ullamcorper facilisis dolor te odio. </p>
<a href="#"><i> </i>Download </a>
</div>
</div>
<div class="item-bottom">
<div class="item-right">
<h1>best mobIle app</h1>
<span>Download this cool app for free</span>
<p>Dignissim eros luptatum dolore tation erat euismod, ad ut illum lobortis qui, velit ullamcorper, lobortis vel, vel ad duis lorem nisl. Iriure dolore et eros aliquip aliquip zzril vel praesent ex feugiat dolor nostrud eu vel delenit. Duis eu qui iusto, commodo consequat, consequat laoreet augue, duis at adipiscing ullamcorper facilisis dolor te odio. </p>
<a href="#"><i> </i>Download </a>
</div>
</div>
<div class="item-bottom">
<div class="item-right">
<h1>best mobIle app</h1>
<span>Download this cool app for free</span>
<p>Dignissim eros luptatum dolore tation erat euismod, ad ut illum lobortis qui, velit ullamcorper, lobortis vel, vel ad duis lorem nisl. Iriure dolore et eros aliquip aliquip zzril vel praesent ex feugiat dolor nostrud eu vel delenit. Duis eu qui iusto, commodo consequat, consequat laoreet augue, duis at adipiscing ullamcorper facilisis dolor te odio. </p>
<a href="#"><i> </i>Download </a>
</div>
</div>
</div>
</div>
<div class="col-md-6 banner-side">
<div class="col-md-6 side">
<img class="img-responsive" src="images/ba.jpg" alt="">
</div>
<div class="col-md-6 side">
<img class="img-responsive" src="images/ba1.jpg" alt="">
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---->
<div class="content">
<div class="container">
<div class="content-top">
<div class="col-md-4 grid">
<h3><i></i> Cool clear weahter</h3>
<p>Blandit, in, augue at tincidunt ut augue elit amet feugiat laoreet. Autem nisl tincidunt aliquip eu minim veniam feugait accumsan dolore eros </p>
<a href="#" class="just-do-in">Just do it </a>
</div>
<div class="col-md-4 grid">
<h3><i class="mid"></i>This Weather sucks</h3>
<p>Blandit, in, augue at tincidunt ut augue elit amet feugiat laoreet. Autem nisl tincidunt aliquip eu minim veniam feugait accumsan dolore eros </p>
<a href="#" class="just-do-in">Just do it </a>
</div>
<div class="col-md-4 grid">
<h3><i class="just"></i> Clouds All Around</h3>
<p>Blandit, in, augue at tincidunt ut augue elit amet feugiat laoreet. Autem nisl tincidunt aliquip eu minim veniam feugait accumsan dolore eros</p>
<a href="#" class="just-do-in">Just do it </a>
</div>
<div class="clearfix"> </div>
</div>
<div class="content-grid">
<h2>IS IT TURE? EVERYDAY IS RAINY DAY. I HATE AUTUMN!</h2>
<p>Blandit ad vel adipiscing nostrud consequat, te quis euismod dolor nisl nostrud consequat ex blandit hendrerit ad et dolor. Nostrud, suscipit eu ipsum ullamcorper dolore in augue ullamcorper nulla. Eros velit esse nostrud qui, adipiscing esse luptatum at vel praesent erat, diam feugait luptatum sit lorem vel illum dignissim luptatum diam illum, duis ut, in. Lobortis at tincidunt ut augue elit amet feugiat laoreet luptatum nisl tincidunt aliquip eu minim veniam feugait accumsan dolore eros, feugait in dolor aliquam erat augue. Hendrerit, illum commodo facilisis, exerci, tation consequat, iriure, feugiat et facilisis molestie vulputate.</p>
</div>
</div>
<div class="content-bottom">
<div class="container">
<h3>DO YOU HATE WITH ME?</h3>
<p>we are the biggest haters on planet, fella.</p>
</div>
<i> </i>
</div>
</div>
<!---->
<div class="footer">
<div class="container">
<div class="footer-top">
<div class="col-md-7 footer-left">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p class="foot">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots piece </p>
</div>
<div class="col-md-5 submit">
<form>
<input type="text" value="your email address" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'your email address';}">
<input type="submit" value="Subscribe">
<div class="clearfix"> </div>
</form>
</div>
HTML网站源码-天气APP宣传引导页响应式网页模板-适配移动端&PC端.zip
版权申诉
66 浏览量
2024-03-30
11:52:06
上传
评论
收藏 273KB ZIP 举报
HTML网站源码-天气APP宣传引导页响应式网页模板-适配移动端&PC端.zip （22个子文件） 
HTML网站源码-天气APP宣传引导页响应式网页模板-适配移动端&PC端 html js 
easing.js 5KB move-top.js 1KB owl.carousel.js 37KB jquery.min.js 94KB
prices.html 7KB css style.css 20KB owl.carousel.css 8KB bootstrap.css 118KB 404.html 5KB services.html 7KB index.html 9KB contact.html 6KB images 
menu.png 3KB
banner.jpg 103KB ba1.jpg 24KB se1.jpg 13KB log.png 6KB se.jpg 10KB ba.jpg 30KB img-sprite.png 11KB up.png 4KB ar.png 3KB资源评论
