<!--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>fantastico App Landing Page Flat Bootstarp responsive Website Template| HOME :: w3layouts</title>
<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="fantastico 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>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.0.min.js"></script>
<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'>
<!---- 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-->
<!--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 class="header" id="home">
<div class="container">
<div class="head">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="navigation">
<span class="menu"></span>
<ul class="navig">
<li><a href="index.html" class="active">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="features.html">Features</a></li>
<li><a href="work.html">Work</a></li>
<li><a href="404.html">Support</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!-- script-for-menu -->
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(" ul.navig").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<!--start-banner-->
<div class="banner">
<div class="container">
<div class="banner-main">
<div class="col-md-6 banner-left">
<img src="images/ph.png" alt="" />
</div>
<div class="col-md-6 banner-right">
<h1>We design fun</h1>
<h2>Ut In Nulla Enim. Phasellus Molestie Magna Non Est Non Venenatis ut In Nulla Enim. Phasellus Molestie.</h2>
<p>Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie tempor. Suspendisse dictum feugiat.</p>
<div class="b-btn">
<ul>
<li><a href="#" class="contact">Contact us</a> <span> or </span></li>
<li><a href="#" class="work">See our work</a></li>
</ul>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--end-banner-->
<!--start-client-->
<div class="client">
<div class="container">
<div class="client-main">
<ul>
<li><img src="images/client-1.png" alt="" /></li>
<li><img src="images/client-2.png" alt="" /></li>
<li><img src="images/client-3.png" alt="" /></li>
<li><img src="images/client-4.png" alt="" /></li>
<li><img src="images/client-5.png" alt="" /></li>
</ul>
</div>
</div>
</div>
<!--end-client-->
<!--start-lorem-->
<div class="lorem">
<div class="container">
<div class="lorem-top">
<div class="col-md-4 lorem-top-left">
<h3>Lorem <span>Ipsum dolor</span> sit amet</h3>
<ul>
<li><a href="#">Lorem ipsum dolor sit amet</a></li>
<li><a href="#">Consectetur adipiscing elit.</a></li>
<li><a href="#">Donec vulputate velit a velit consect.</a></li>
<li><a href="#">Praesent at accumsan elit.</a></li>
</ul>
<div class="l-btn">
<a href="#">See more benefits</a>
</div>
</div>
<div class="col-md-8 lorem-top-right">
<h3>Lorem ipsum dolor <span>Sit amet!</span></h3>
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vulputate velit a velit consectetur luctus. Etiam in malesuada turpis. Praesent at accumsan elit. Duis viverra neque eu odio lacinia semper. Sed id lectus lectus. Vivamus hendrerit vehicula ipsum in tincidunt. Morbi porttitor venenatis diam, in sodales odio sagittis eu. Nulla nec eros purus. Etiam purus massa, egestas vitae consequat non, rhoncus gravida orci”</p>
<div class="lorem-top-bottom">
<h5>Vladimir Plutin</h5>
<label>President, Rambo man, World savior</label>
</div>
<img src="images/men-1.png" alt="" />
</div>
<div class="clearfix"></div>
</div>
<div class="research">
<div class="col-md-4 res-left">
<img src="images/res-1.png" alt="" />
<h4>Research</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. </p>
<div class="r-btn">
<a href="#">Read more</a>
</div>
</div>
<div class="col-md-4 res-left">
<img src="images/res-2.png" alt="" />
<h4>Usability</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. </p>
<div class="r-btn">
<a href="#">Read more</a>
</div>
</div>
<div class="col-md-4 res-left">
<img src="images/res-3.png" alt="" />
<h4>Design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. </p>
<div class="r-btn">
<a href="#">Read more</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="target">
<div class="col-md-4 target-left">
<h3>Professional <span>target analyzing</span></h3>
<p>Phasellus sollicitudin gravida nisl, mollis feugiat metus tincidunt in. Pellentesque id sem convallis urna vehicula imperdiet. Aliquam venenatis commodo malesuada laoreet, pellentesque at mauris erat volutpat. </p>
<div class="t-btn">
<p>Estique<a href="#"> dova lormae</a></p>
</div>
</div>
<div class="col-md-4 target-left">
<h3>Stay focus and <span>reach your goal!</span></h3>
<p>Phasellus sollicitudin gravida nisl, mollis feugiat metus tincidunt in. Pellentesque id sem convallis urna vehicula imperdiet. Aliquam venenatis commodo malesuada laoreet, pellentesque at mauris erat volutpat. </p>
<div class="t-btn">
<p>Deu malou <a href="#">lelopa</a></p>
</div>
</div>
<div class="col-md-4 target-left">
<h3>Your data is <span>safe with us</span></h3>
<p>Phasellus sollicitudin gravida nisl, mollis feugiat metus tincidunt in. Pellentesque id sem co
网站模板-深灰蓝专业APP工具响应式网页模板-适配移动端界面-HTML源码.zip
版权申诉
28 浏览量
2024-03-24
15:03:06
上传
评论
收藏 1.53MB ZIP 举报
网站模板-深灰蓝专业APP工具响应式网页模板-适配移动端界面-HTML源码.zip （64个子文件） 
网站模板-深灰蓝专业APP工具响应式网页模板-适配移动端界面-HTML源码 html 
work.html 10KB js 
jquery.swipebox.min.js 7KB easing.js 5KB jquery-1.11.0.min.js 94KB move-top.js 1KB jquery.mixitup.min.js 14KB features.html 9KB css style.css 47KB bootstrap.css 118KB swipebox.css 4KB 404.html 6KB index.html 12KB contact.html 7KB about.html 9KB images 
p-3.jpg 92KB
code-1.png 5KB p-5.jpg 120KB twit.png 6KB p-6.jpg 107KB men-1.png 28KB port-4.jpg 51KB project-1.jpg 32KB clock-1.png 5KB freebie.jpg 350KB client-5.png 5KB tv-1.png 3KB tv.png 3KB speech.png 4KB res-2.png 7KB male.png 3KB project-4.jpg 30KB logo.png 6KB client-4.png 5KB lorem-banner.jpg 162KB settings.png 4KB client-2.png 7KB client-1.png 6KB abt-1.jpg 70KB p-4.jpg 126KB test.png 4KB port-2.jpg 48KB team-3.jpg 32KB footer-sprit.png 12KB
icons.svg 1KB correct.png 3KB p-1.jpg 76KB port.png 4KB counter.png 4KB port-6.jpg 52KB p-2.jpg 97KB ph.png 52KB port-3.jpg 44KB project-2.jpg 32KB team-1.jpg 30KB project-3.jpg 32KB team-2.jpg 38KB client-3.png 5KB top-arrow.png 4KB res-1.png 8KB port-1.jpg 35KB team-4.jpg 34KB port-5.jpg 58KB res-3.png 6KB nav-icon.png 4KB资源评论
