<!--
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 Indo-tourism bootstrap Website Template |Projects:: 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/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---->
<!----- webfonts ------>
<link href='http://fonts.googleapis.com/css?family=Carrois+Gothic:400,100,600,300,700' rel='stylesheet' type='text/css'>
<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>
<!-- header -->
<div class="header">
<div class="container">
<!-- logo -->
<div class="logo">
<a href="index.html"><img src="./images/logo.png" title="carwash" /></a>
</div>
<!-- /logo -->
<!-- top-nav -->
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li class="active"><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact us</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- script-for-nav -->
<script>
$(document).ready(function(){
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(1000);
});
});
</script>
<!-- script-for-nav -->
<!-- /top-nav -->
<div class="clearfix"> </div>
</div>
<!-- /header -->
</div>
<!----- //End-banner---->
<!----- /start-about---->
<div id="projects" class="Project">
<div class="project-section">
<div class="about-head">
<h3>Projects</h3>
<p><a href="index.html">Home</a> / Projects</p>
</div>
<div class="project-info">
<div class="container">
<div class="row">
<div class="col-md-8 Project-works">
<div class="projects">
<div class="project_grid">
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
</div>
<div class="project_grid grid1">
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
<ul class="project_box">
<li class="mini-post-meta"><time datetime><span class="day">30</span><span class="month">March</span></time></li>
<li class="desc"><h5><a href="#">Lorem Ipsum</a></h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor </p>
</li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
<a href="#" class="project_btn">Read More</a>
</div>
<div class="col-md-4 project_grid1">
<h3 class="m_2">Special Info</h3>
<img src="./images/project.jpg" class="img-responsive" alt=""/>
<h5>Lorem ipsum dolor sit amet</h5>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor,Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laor,nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum</p>
<a href="#" class="project_btn">Read More</a>
</div>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!----- /start-services---->
<script src="./js/jquery.openCarousel.js" type="text/javascript"></script>
<script>
$( function() {
$( '#cbp-fwslider' ).cbpFWSlider();
} );
</script>
<div class="our-projects">
<div class="projects-content">
<div id="extensions" div class="ocarousel_slider">
<div class="ocarousel example_photos" data-ocarousel-perscroll="3">
<div class="ocarousel_window">
<a href="#" title="Hp"> <img src="./images/slide1.jpg" class="img-responsive" alt="" /></a>
HTML网站源码-印尼旅游介绍响应式网页模板-适配移动端&PC端.zip
版权申诉
3 浏览量
2024-03-30
11:52:19
上传
评论
收藏 3.28MB ZIP 举报
HTML网站源码-印尼旅游介绍响应式网页模板-适配移动端&PC端.zip （116个子文件） 
bootstrap.css 118KB style.css 33KB style.css 25KB style.css 14KB Thumbs.db 573KB Thumbs.db 571KB Thumbs.db 570KB
projects.html 11KB projects.html 9KB about.html 9KB about.html 8KB index.html 8KB index.html 8KB contact.html 7KB contact.html 7KB index.html 6KB about.html 5KB projects.html 5KB contact.html 4KB
banner.jpg 618KB project.jpg 104KB banner.jpg 72KB banner.jpg 51KB p1.jpg 38KB p2.jpg 36KB slide1.jpg 34KB slide1.jpg 34KB p1.jpg 33KB project.jpg 32KB p2.jpg 30KB p1.jpg 18KB project.jpg 16KB p2.jpg 14KB jquery.min.js 91KB jquery.min.js 91KB jquery.openCarousel.js 13KB jquery.openCarousel.js 13KB easing.js 5KB easing.js 5KB move-top.js 1KB move-top.js 1KB menu.js 1KB menu.js 1KB
slide4.png 116KB slide4.png 116KB slide5.png 113KB slide5.png 113KB slide2.png 97KB slide2.png 97KB slide3.png 69KB slide3.png 69KB slide3.png 19KB service-icons.png 17KB service-icons.png 15KB img-7.png 12KB img-7.png 12KB img-7.png 12KB img-9.png 12KB img-9.png 12KB img-9.png 12KB img-4.png 12KB img-4.png 12KB img-4.png 12KB img-3.png 10KB img-3.png 10KB img-3.png 10KB img-8.png 9KB img-8.png 9KB img-8.png 9KB img-5.png 9KB img-5.png 9KB img-5.png 9KB img-2.png 9KB img-2.png 9KB img-2.png 9KB img-10.png 8KB img-10.png 8KB img-10.png 8KB img-1.png 8KB img-1.png 8KB img-1.png 8KB img-6.png 8KB img-6.png 8KB img-6.png 8KB s-1.png 6KB arroiesw.png 6KB arroiesw.png 6KB arroiesw.png 6KB social-icons.png 5KB social-icons.png 5KB s-2.png 3KB s-3.png 3KB logo.png 3KB gg.png 2KB logo.png 2KB logo.png 2KB pin.png 2KB twitter.png 1KB fb.png 1KB comment.png 965B共 116 条
- 1
- 2
资源评论
