<!--
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>A&W-landinge Bootstrap Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="./js/jquery.min.js"></script>
<!-- Custom files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom 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>
<!----webfonts---->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Raleway:400,100,300,500,600,700,800,900,200' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,300,500,600,700,800,900,200' rel='stylesheet' type='text/css'>
<!----//webfonts---->
</head>
<body>
<!----wrap---->
<div class="top-bannar" id="move-top">
<div class="container">
<div class="top-header row">
<!---logo--->
<div id="sb-search" class="sb-search">
<form>
<input type="text" class="sb-search-input" id="search" value="Search..." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search...';}">
<input class="sb-search-submit" type="submit" value="">
<span class="sb-icon-search"> </span>
</form>
</div>
<script src="./js/classie.js"></script>
<script src="./js/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<!---//logo--->
<!--top-nav---->
<div class="top-nav">
<div class="nav-icon">
<a href="#" class="right_bt" id="activator"><span> </span> </a>
</div>
<div class="box" id="box">
<div class="box_content">
<div class="box_content_center">
<div class="form_content">
<div class="menu_box_list">
<ul>
<li><a href="#home"><span>home</span></a></li>
<li><a href="#features"><span>Features</span></a></li>
<li><a href="#works"><span>Works</span></a></li>
<li><a href="#gallery"><span>Gallery</span></a></li>
<li><a href="#testimonials"><span>Testimonials</span></a></li>
<li><a href="#contact"><span>Contact</span></a></li>
<div class="clearfix"> </div>
</ul>
</div>
<a class="boxclose" id="boxclose"> <span> </span></a>
</div>
</div>
</div>
</div>
</div>
<!---start-click-drop-down-menu----->
<!----start-dropdown--->
<script type="text/javascript">
var $ = jQuery.noConflict();
$(function() {
$('#activator').click(function(){
$('#box').animate({'top':'0px'},900);
});
$('#boxclose').click(function(){
$('#box').animate({'top':'-1000px'},900);
});
});
$(document).ready(function(){
//Hide (Collapse) the toggle containers on load
$(".toggle_container").hide();
//Switch the "Open" and "Close" state per click then slide up/down (depending on open/close state)
$(".trigger").click(function(){
$(this).toggleClass("active").next().slideToggle("slow");
return false; //Prevent the browser jump to the link anchor
});
});
</script>
<!---//End-click-drop-down-menu----->
<!--top-nav---->
<div class="clear"> </div>
<!---header-welcomenote--->
<div class="col-md-12 header-welcome-note">
<div class=" col-md-6 welcome-note-left">
<span class="divice12"><img src="./images/divice.png" alt="" /></span>
<h1><a href="#">A & W</a></h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.</p>
<ul class="button">
<li><a class="active" href="#">Download</a></li>
<li><a href="#">Learn More</a></li>
</ul>
</div>
<div class="col-md-6 welcome-note-right">
<img src="./images/divice.png" alt="" />
</div>
<div class="clearfix"> </div>
</div>
<!---//header-welcomenote--->
</div>
</div>
</div>
<!---start-content--->
<div class=" features" id="features">
<div class=" row superb-feature">
<h2>Check out the superb features</h2>
<p>The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested.It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s.</p>
</div>
</div>
<div class="works" id="works">
<!----start-works---->
<div class="content_top">
<div class="container">
<div class="row content_main">
<div class="app_img col-md-5">
<img src="./images/black-phone.png" alt="">
</div>
<div class="app_desc img col-md-7">
<h3>Login page with social signups</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<div class="content_bottom">
<div class="container ">
<div class=" row devices- main">
<div class=" col-md-7 devices_desc">
<h3>Todays' menus</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
</div>
<div class="col-md-5 devices">
<img src="./images/black-phone2.png" alt="">
<div class="clearfix"> </div>
</div>
</di
热门手机APP推荐网页模板_html5 bootstrap 响应式模板UI前端源码.rar
101 浏览量
2023-08-01
14:02:48
上传
评论
收藏 3.43MB RAR 举报
热门手机APP推荐网页模板_html5 bootstrap 响应式模板UI前端源码.rar （68个子文件） 
html mobile css 
style.css 9KB
index.html 6KB images 
black-phone2.png 26KB Thumbs.db 175KB social-icons.png 4KB
slider-bg.jpg 63KB bg-nav.png 387B black-phone.png 19KB contact-bg.jpg 37KB bg.jpg 70KB slider.png 17KB divice.png 24KB client3.jpg 15KB smartphone js jquery.wmuSlider.js 12KB owl.carousel.js 37KB jquery.min.js 82KB script.js 1KB css style.css 15KB owl.carousel.css 12KB index.html 13KB images black-phone2.png 50KB into.png 1KB Thumbs.db 178KB client.png 22KB social-icons.png 7KB slider-bg.jpg 84KB bg-nav.png 387B move-up.png 711B black-phone.png 33KB search.png 708B contact-bg.jpg 7KB bg.jpg 90KB sprite.png 2KB close.png 3KB slider.png 41KB client2.jpg 19KB divice.png 45KB client3.jpg 23KB web js jquery.wmuSlider.js 12KB uisearch.js 6KB classie.js 2KB owl.carousel.js 37KB jquery.min.js 82KB css style.css 25KB owl.carousel.css 12KB bootstrap.css 118KB index.html 15KB images black-phone2.png 262KB slider.png.psd 52KB device1.png 377KB into.png 3KB search-h.png 800B Thumbs.db 175KB cog.png 794B client.png 54KB social-icons.png 6KB slider-bg.jpg 261KB bg-nav.png 367B move-up.png 711B black-phone.png 150KB search.png 674B contact-bg.jpg 139KB bg.jpg 251KB sprite.png 2KB slider.png 585KB client2.jpg 32KB divice.png 342KB client3.jpg 41KB资源评论
