<!--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>Belisssimo Bootstarp 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-1.11.0.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="./css/component.css" />
<script src="./js/modernizr.custom.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-7243260-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'>
<!--- Portfolio Script --->
<script type="text/javascript" src="./js/jquery.mixitup.min.js"></script>
<script type="text/javascript">
$(function () {
var filterList = {
init: function () {
// MixItUp plugin
// http://mixitup.io
$('#portfoliolist').mixitup({
targetSelector: '.portfolio',
filterSelector: '.filter',
effects: ['fade'],
easing: 'snap',
// call the hover effect
onMixEnd: filterList.hoverEffect()
});
},
hoverEffect: function () {
// Simple parallax effect
$('#portfoliolist .portfolio').hover(
function () {
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
},
function () {
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
}
);
}
};
// Run the show!
filterList.init();
});
</script>
<!-- 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>
</head>
<body class="cbp-spmenu-push" >
<!--- Header Starts Here --->
<div class="header" id="home" >
<div class="header-top">
<div class="container">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" alt="" class="logo-img"/></a>
</div>
<section class="buttonset">
<button id="showRightPush"></button>
</section>
<div class="clearfix"></div>
<!--- Push Navigation Starts ---->
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right" id="cbp-spmenu-s2">
<h3>Menu</h3>
<a href="#home" class="scroll">Home</a>
<a href="#service" class="scroll">Services</a>
<a href="#about" class="scroll">About</a>
<a href="#portfolio" class="scroll">Portfolio</a>
<a href="#blog" class="scroll">Blog Post</a>
<a href="#contact" class="scroll">Contact</a>
</nav>
<!--- Script ----->
<script src="./js/classie.js"></script>
<script>
var menuRight = document.getElementById( 'cbp-spmenu-s2' ),
showRightPush = document.getElementById( 'showRightPush' ),
body = document.body;
showRightPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toleft' );
classie.toggle( menuRight, 'cbp-spmenu-open' );
disableOther( 'showRightPush' );
};
function disableOther( button ) {
if( button !== 'showRightPush' ) {
classie.toggle( showRightPush, 'disabled' );
}
}
</script>
<!--- 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>
<!--- Push Navigation ends ---->
<div class="header-text">
<h1>HI, we are belisssimo.</h1>
<p>We design amazing <span>websites</span></p>
<p>and <span>creative</span> online</p>
<p><span>marketing</span> campaigns</p>
<ul class="social">
<li><i class="fb"></i></li>
<li><i class="tw"></i></li>
<li><i class="twa"></i></li>
<li><i class="gp"></i></li>
<li><i class="pt"></i></li>
<li><i class="vi"></i></li>
</ul>
</div>
</div>
</div>
</div>
<!--- Header Ends Here --->
<!--- Services Starts Here ---->
<div class="services" id="service">
<div class="container">
<div class="services-top">
<h3 class="top-title">Services</h3>
</div>
<div class="row services-row">
<div class="col-md-3 services-column">
<h4><i class="pc"></i>Web & App Design</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultricies urna et nisl pharetra, eu bibendum magna quis</p>
<a href="#">Read More<span></span></a>
</div>
<div class="col-md-3 services-column">
<h4><i class="de"></i>Development</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultricies urna et nisl pharetra, eu bibendum magna quis</p>
<a href="#">Read More<span></span></a>
</div>
<div class="col-md-3 services-column">
<h4><i class="cr"></i>Creativity</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultricies urna et nisl pharetra, eu bibendum magna quis</p>
<a href="#">Read More<span></span></a>
</div>
<div class="col-md-3 services-column">
<h4><i class="mr"></i>Marketing</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultricies urna et nisl pharetra, eu bibendum magna quis</p>
<a href="#">Read More<span></span></a>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--- Services Ends Here ---->
<!--- About Us Starts Here --->
<div class="about" id="about">
<div class="container">
<div class="row about-row">
<div class="col-md-4 about-column">
<h3>About Belisssimo</h3>
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultricies urna et nisl pharetra, eu bibendum magna elementum. Sed aliquet facilisis turpis quis consequat. In egestas lobortis sapien placerat imperdiet. Pellentesque vel facilisis augue, ut egestas risus. Integer tortor massa, adipiscing et velit non, tincidunt eleifend neque. </p>
<p class="act">Cras convallis, turpis in vehicula ornare, urna risus semper tortor, porta rhoncus diam magna eu nulla. Aliquam gravida neque nec nulla interdum, in viverra nulla accumsan.</p>
<p>Vestibulum posuere varius velit, sed commodo quam convallis ut. Aenean lacus justo, accumsan non mauris luctus, posuere egestas massa.</p>
<div class="learn">
<a href="#">Learn More</a>
</div>
</div>
<div class="col-md-8 about-column">
<img src="./images/about-pic.jpg" alt=""/>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--- About Us Ends Here --->
<!-- Award Starts here ---->
<div class="award">
<div class="award-cover">
<di
HTML网站源码-休闲旅行商务响应式网页模板-适配移动端&PC端.zip
版权申诉
135 浏览量
2024-03-30
11:52:15
上传
评论
收藏 1.59MB ZIP 举报
HTML网站源码-休闲旅行商务响应式网页模板-适配移动端&PC端.zip （97个子文件） 
HTML网站源码-休闲旅行商务响应式网页模板-适配移动端&PC端 html mobile css 
style.css 8KB
index.html 11KB images 
award.jpg 27KB
heart.png 1KB vm.png 3KB 2.jpg 8KB db.png 3KB flicka.jpg 815B tw.png 3KB hearty.png 371B 6.jpg 6KB banner.jpg 43KB logo.png 5KB ist.png 3KB aarows.png 3KB flickb.jpg 1KB gp.png 3KB fb.png 3KB pc.png 3KB blog-nature-img.jpg 4KB nav.png 1KB 5.jpg 5KB arw.png 3KB about-pic.jpg 16KB flickd.jpg 1KB blog-fall-img.jpg 6KB flickc.jpg 1KB 3.jpg 7KB 7.jpg 7KB 4.jpg 7KB smartphone js jquery.magnific-popup.js 45KB modernizr.custom.min.js 2KB easing.js 5KB jquery-1.11.0.min.js 94KB classie.js 2KB modernizr.custom.js 7KB jquery.mixitup.min.js 14KB css style.css 13KB component.css 3KB popuo-box.css 4KB index.html 23KB images award.jpg 173KB heart.png 1KB 2.jpg 8KB flicka.jpg 14KB hearty.png 371B 6.jpg 6KB banner.jpg 152KB logo.png 5KB services-icons.png 4KB social-icons.png 4KB flickb.jpg 16KB blog-nature-img.jpg 70KB nav.png 1KB 5.jpg 5KB arw.png 3KB about-pic.jpg 38KB flickd.jpg 16KB blog-fall-img.jpg 13KB flickc.jpg 16KB 3.jpg 7KB 7.jpg 7KB 4.jpg 7KB web js jquery.magnific-popup.js 45KB modernizr.custom.min.js 2KB easing.js 5KB jquery-1.11.0.min.js 94KB classie.js 2KB modernizr.custom.js 7KB jquery.mixitup.min.js 14KB css style.css 17KB component.css 3KB popuo-box.css 4KB bootstrap.css 118KB index.html 25KB images award.jpg 55KB heart.png 1KB 2.jpg 8KB flicka.jpg 14KB hearty.png 371B 6.jpg 6KB logo.png 5KB services-icons.png 4KB social-icons.png 4KB flickb.jpg 16KB blog-nature-img.jpg 70KB nav.png 1019B 5.jpg 5KB arw.png 3KB about-pic.jpg 171KB flickd.jpg 16KB blog-fall-img.jpg 13KB flickc.jpg 16KB ban.jpg 433KB 3.jpg 7KB 7.jpg 7KB 4.jpg 7KB资源评论
