<!--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>Trip Way a Travel category Flat bootstrap Responsive Website Template | Home:: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<!-- 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" media="all"/>
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
</script>
<meta name="keywords" content="Trip Way Responsive web template, Bootstrap Web Templates, Flat Web Templates, AndriodCompatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<!--Google Fonts-->
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300' 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>
<!-- //end-smoth-scrolling -->
<!--pop-up-box-->
<script type="text/javascript" src="js/modernizr.custom.53451.js"></script>
<link href="css/popup-box.css" rel="stylesheet" type="text/css" media="all">
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!--pop-up-box-->
</head>
<body>
<!--header start here-->
<div class="header">
<div class="container">
<div class="header-main">
<div class="header-left">
<div class="logo">
<a href="index.html"><h1>Trip Way</h1></a>
</div>
<div class="top-nav">
<ul class="res">
<li><a href="services.html">Services</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="header-right">
<div class="search">
<form>
<input type="text" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}"/>
<input type="submit" value=""/>
</form>
</div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--header end here-->
<!--banner start here-->
<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider").responsiveSlides({
auto: true,
speed: 500,
namespace: "callbacks",
pager: true,
});
});
</script>
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<div class="banner">
<div class="caption">
<h3>Mark Hodding,sydney trip</h3>
<span class="head-line"> </span>
<div class="video-play-bwn">
<a href="#small-dialog5" class="thickbox play-icon popup-with-zoom-anim"><span class="roundplay-bwn"> </span></a>
</div>
</div>
</div>
</li>
<li>
<div class="banner1">
<div class="caption">
<h3>Mark Hodding,sydney trip</h3>
<span class="head-line"> </span>
<div class="video-play-bwn">
<a href="#small-dialog5" class="thickbox play-icon popup-with-zoom-anim"><span class="roundplay-bwn"> </span></a>
</div>
</div>
</div>
</li>
<li>
<div class="banner2">
<div class="caption">
<h3>Mark Hodding,sydney trip</h3>
<span class="head-line"> </span>
<div class="video-play-bwn">
<a href="#small-dialog5" class="thickbox play-icon popup-with-zoom-anim"><span class="roundplay-bwn"> </span></a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!--banner end here-->
<div id="small-dialog5" class="mfp-hide">
<iframe src="//player.vimeo.com/video/111679725" width="500" height="213" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<!--portfolio start here-->
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<div class="portfolio">
<div class="portfolio-main">
<div class="portfolio-bottom">
<div class="port-nav-left">
<h6>Portfolio</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor.</p>
</div>
<div id="portfoliolist">
<div class="col-md-3 pa-more">
<a href="#small-dialog5" class="thickbox play-icon popup-with-zoom-anim">
<div class="work-column">
<img src="images/p1.jpg" alt="" class="img-cap img-responsive">
<div class="porthover">
<h3>South America</h3>
<span class="hover-line"> </span>
<small class="port-play"> </small>
<div class="porthover-grids">
<div class="porthover-left">
<span class="port-lady"> </span>
<p>By Elena Smith</p>
</div>
<div class="porthover-right">
<span class="heart"> </span>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
</div>
</a>
<div id="small-dialog" class="mfp-hide">
<div class="image-top">
<div class="video-play-bwn">
<a href="#small-dialog5" class="thickbox play-icon popup-with-zoom-anim"> </a>
</div>
</div>
</div>
</div>
<div class="col-md-3 pa-more">
<a href="#small-dialog5" class="thickbox play-icon popup-with-zoom-anim">
<div class="work-column">
<img src="images/p2.jpg" alt="" class="img-cap img-responsive">
<div class="porthover">
<h3>South America</h3>
<span class="hover-line"> </span>
<small class="port-play"> </small>
<div class="porthover-grids">
<div class="porthover-left">
<span class="port-lady"> </span>
<p>By Elena Smith</p>
</div>
<div class="porthover-right">
<span class="heart"> </span>
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
</div>
毕设&课设&大作业-旅行图片指南响应式网页模板-适配移动端-HTML网站源码.zip
版权申诉
46 浏览量
2024-03-29
11:28:40
上传
评论
收藏 2.47MB ZIP 举报
毕设&课设&大作业-旅行图片指南响应式网页模板-适配移动端-HTML网站源码.zip （64个子文件） 
毕设&课设&大作业-旅行图片指南响应式网页模板-适配移动端-HTML网站源码 html js 
jquery.magnific-popup.js 45KB jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB modernizr.custom.53451.js 7KB easing.js 5KB move-top.js 1KB jquery.min.js 92KB css style.css 26KB popup-box.css 5KB magnific-popup.css 15KB bootstrap.css 118KB swipebox.css 4KB
services.html 6KB index.html 17KB contact.html 5KB about.html 6KB images 
f17.jpg 16KB
heart.png 665B plus.png 772B b-t4.jpg 208KB Thumbs.db 318KB b2.jpg 238KB p9.jpg 24KB port-line.png 156B scroller.png 1KB b-t1.jpg 100KB mo.jpg 197KB t3.jpg 19KB f6.jpg 19KB b-f17.jpg 50KB p8.jpg 20KB p4.jpg 38KB b3.jpg 276KB p6.jpg 19KB f12.jpg 26KB search.png 496B port-play.png 1KB b-f6.jpg 49KB b-f15.jpg 66KB t1.jpg 15KB f11.jpg 19KB b-f12.jpg 85KB bann-line.png 212B
icons.svg 1KB b-f16.jpg 42KB p12.jpg 27KB b-f11.jpg 64KB t4.jpg 12KB play.png 1KB b-t3.jpg 149KB b-t2.jpg 153KB p11.jpg 33KB hover-img.png 9KB p7.jpg 18KB t2.jpg 13KB p2.jpg 32KB p3.jpg 28KB ab.jpg 25KB p5.jpg 20KB p10.jpg 24KB f15.jpg 19KB f16.jpg 15KB bann-play.png 4KB p1.jpg 29KB资源评论
