<!--
Author: W3layouts
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//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://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Carrois+Gothic:400,100,600,300,700' rel='stylesheet' type='text/css'>
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//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的结构力量、CSS的视觉魔法、JavaScript的交互智慧、jQuery的效率工具箱及Bootstrap的响应式盔甲。从基础搭建到动态交互,一步到位。 HTML筑基,强化网页骨络; CSS妆点,让设计灵动多彩; JavaScript驱动,实现页面互动; jQuery加持,简化操作,加速开发; Bootstrap响应,适配多端,无缝浏览。 无论你是编程新手还是高手,这份资源都能带你深入前端世界的核心,实践中学以致用,创造既美观又强大的网页作品。立刻行动,激发你的前端创造力!
资源推荐
资源详情
资源评论
收起资源包目录
基于HTML+CSS+JS开发的网站-印尼旅游介绍响应式网页.7z (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
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2177
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 案例分析:研发人员绩效和薪酬管理的困境.doc
- 企业中薪酬管理存在的问题分析及对策.doc
- 员工年度薪酬收入结构分析报告.doc
- 薪酬分析报告.docx
- 西门子S7-1200控制四轴伺服程序案例: 1.内容涵盖伺服,步进点动,回原,相对定位,绝对定位,速度模式控制 特别适合学习伺服和步进的朋友们 PTO伺服轴脉冲定位控制+速度模式控制+扭矩模式; 2
- 企业公司薪酬保密协议.doc
- 薪酬保密制度 (1).docx
- 薪酬保密管理规定制度.doc
- 薪酬保密制度.docx
- 薪酬保密协议书.docx
- 薪酬保密承诺书.docx
- 薪酬管理制度.doc
- 员工工资薪酬保密协议.docx
- 员工工资保密暂行管理条例.docx
- 员工薪酬保密协议.doc
- 1Redis基础认识与安装.html
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功