登录 注册
开源 企业版 高校版 私有云 Gitee AI NEW
扫描微信二维码支付
取消
支付完成
Watch
不关注 关注所有动态 仅关注版本发行动态 关注但不提醒动态
1 Star 1 Fork 0

xiaoding0824 / 旅行网站模板

代码 Issues 0 Pull Requests 0 Wiki 统计 流水线
服务
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目，私有仓库也完全免费 ：）
免费加入
该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。
项目仓库所选许可证以仓库主分支所使用许可证为准
克隆/下载
gallery.html 10.78 KB
一键复制 编辑 原始数据 按行查看 历史
xiaoding0824 提交于 2018-10-12 11:08 . --初始化
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291
<!DOCTYPE html>

<html lang="en">

<head>

<title>Gallery</title>

<!-- for-mobile-apps -->

<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="" />

<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

		function hideURLbar(){ window.scrollTo(0,1); } </script>

<!-- //for-mobile-apps -->

<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />

<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

<link type="text/css" rel="stylesheet" href="css/cm-overlay.css" />

<!-- js -->

<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

<!-- //js -->

<!-- font-awesome icons -->

<link rel="stylesheet" href="css/font-awesome.min.css" />

<!-- //font-awesome icons -->

<link href="http://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>

</head>

<body>

	<div class="header w3layouts">

		<div class="container">

			<nav class="navbar navbar-default">

				<div class="navbar-header navbar-left">

					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

						<span class="sr-only">Toggle navigation</span>

						<span class="icon-bar"></span>

						<span class="icon-bar"></span>

						<span class="icon-bar"></span>

					</button>

					<h1><a class="navbar-brand" href="index.html">情感之旅</a></h1>

				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->

				<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">

					<nav class="cl-effect-13" id="cl-effect-13">

						<ul class="nav navbar-nav">

							<li><a href="index.html">Home</a></li>

							<li><a href="packages.html">Packages</a></li>

							<li class="active"><a href="gallery.html">Gallery</a></li>

							<li class="dropdown">

								<a href="#" class="dropdown-toggle" data-toggle="dropdown">Short Codes <b class="caret"></b></a>

								<ul class="dropdown-menu agile_short_dropdown">

									<li><a href="icons.html">Icons</a></li>

									<li><a href="typography.html">Typography</a></li>

								</ul>

							</li>

							<li><a href="contact.html">Contact</a></li>

						</ul>

						

					</nav>

				</div>

			</nav>

		</div>

	</div>

<!-- banner -->

	<div class="w3-banner1">

		

	</div>

<!-- //banner -->

<!-- gallery -->

<div class="agileinfo-gal">

		<div class="container">

		<h2 class="w3l_head w3l_head1">Gallery</h2>

			<div class="agileits_portfolio_grids">

				<div class="col-md-3 agileits_portfolio_grid">

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/3.jpg">

							<img src="images/3.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/2.jpg">

							<img src="images/2.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/4.jpg">

							<img src="images/4.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

				</div>

				<div class="col-md-3 agileits_portfolio_grid">

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/5.jpg">

							<img src="images/5.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/12.jpg">

							<img src="images/12.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/6.jpg">

							<img src="images/6.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

				</div>

				<div class="col-md-3 agileits_portfolio_grid">

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/7.jpg">

							<img src="images/7.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/8.jpg">

							<img src="images/8.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/9.jpg">

							<img src="images/9.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

				</div>

				<div class="col-md-3 agileits_portfolio_grid">

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/13.jpg">

							<img src="images/13.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/10.jpg">

							<img src="images/10.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

					<div class="agileinfo_portfolio_grid hovereffect">

						<a class="cm-overlay" href="images/11.jpg">

							<img src="images/11.jpg" alt=" " class="img-responsive">

							<div class="overlay">

								<h4>Vacationing</h4>

								<p>Nulla dui diam, gravida nec eros ut, congue.</p> 

							</div>

						</a>

					</div>

				</div>

				<div class="clearfix"> </div>

			</div>

		</div>

	</div>

<!-- //gallery -->

<!-- newsletter-->

	<div class="newsletter">

		<div class="container">

			<div class="col-md-5 agileinfo_newsletter_left">

				<h3>Subscribe to our free weekly newsletter !</h3>

			</div>

			<div class="col-md-7 agileinfo_newsletter_right">

				<form action="#" method="post">

					<input class="email" type="email" placeholder="Email..." required="">

					<input type="submit" value="Subscribe">

				</form>

			</div>

			<div class="clearfix"> </div>

			<h4>Ready to talk about your next summer trip</h4>

			<div class="mo">

				<a href="contact.html">Contact Us</a>

			</div>

		</div>

	</div>

<!-- /newsletter-->

<!-- footer -->

<div class="agileinfo_footer_bottom">

			<div class="container">

				<div class="col-md-4 agileinfo_footer_bottom_grid">

					<h3>Contact Us</h3>

				<ul>

					<li><span class="glyphicon glyphicon-home" aria-hidden="true"></span> 7th Street, Melbourne City, Australia.</li>

					<li><span class="glyphicon glyphicon-envelope" aria-hidden="true"></span><a href="mailto:info@example.com">info@example.com</a></li>

					<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span> (4584) 5689 0254 128</li>

				</ul>

					

				</div>



				<div class="col-md-4 agileinfo_footer_bottom_grid">

					<h3>Latest Tweets</h3>

					<ul class="twi agileits_twitter">

						<li><i class="fa fa-twitter" aria-hidden="true"></i>Praesent imperdiet diam sagittis, egestas augue id <a href="#" class="mail">

						@http:example.com</a> <span>ABOUT 15 MINS</span></li>

						<li><i class="fa fa-twitter" aria-hidden="true"></i>Mauris tristique, dolor vel iaculis vestibulum<a href="#" class="mail">

						@http:example.com</a> <span>ABOUT 2 HOURS AGO</span></li>

					</ul>

				</div>

				<div class="col-md-4 agileinfo_footer_bottom_grid">

					<h3>Latest Posts</h3>

					<div class="flickr-grids">

						<div class="flickr-grid agileits_w3layouts_flickr">

							<a href="#"><img src="images/2.jpg" alt=" " class="img-responsive"></a>

						</div>

						<div class="flickr-grid  agileits_w3layouts_flickr">

							<a href="#"><img src="images/3.jpg" alt=" " class="img-responsive"></a>

						</div>

						<div class="flickr-grid  agileits_w3layouts_flickr">

							<a href="#"><img src="images/4.jpg" alt=" " class="img-responsive"></a>

						</div>

						<div class="clearfix"> </div>

						

						<div class="flickr-grid  agileits_w3layouts_flickr">

							<a href="#"><img src="images/5.jpg" alt=" " class="img-responsive"></a>

						</div>

						<div class="flickr-grid  agileits_w3layouts_flickr">

							<a href="#"><img src="images/6.jpg" alt=" " class="img-responsive"></a>

						</div>

						<div class="flickr-grid  agileits_w3layouts_flickr">

							<a href="#"><img src="images/7.jpg" alt=" " class="img-responsive"></a>

						</div>

						<div class="clearfix"> </div>

					</div>

				</div>

				<div class="clearfix"> </div>

			</div>

		</div>

			<div class="footer-w3layouts">

				<div class="container">

				<div class="agile-copy">

					<p>Copyright &copy; 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>

				</div>

				<div class="agileits-social">

					<ul>

							<li><a href="#"><i class="fa fa-facebook"></i></a></li>

							<li><a href="#"><i class="fa fa-twitter"></i></a></li>

							<li><a href="#"><i class="fa fa-rss"></i></a></li>

							<li><a href="#"><i class="fa fa-vk"></i></a></li>

						</ul>

				</div>

					<div class="clearfix"></div>

				</div>

			</div>



<!-- //footer -->

<!-- for bootstrap working -->

	<script src="js/bootstrap.js"></script>

<!-- //for bootstrap working -->

			<script src="js/jquery.tools.min.js"></script>

				<script src="js/jquery.mobile.custom.min.js"></script>

				<script src="js/jquery.cm-overlay.js"></script>

				<script>

					$(document).ready(function(){

						$('.cm-overlay').cmOverlay();

					});

				</script>

</body>

</html>
HTML
1
https://gitee.com/dingding0824/travel_website_template.git
git@gitee.com:dingding0824/travel_website_template.git
dingding0824
travel_website_template
旅行网站模板
master
点此查找更多帮助

搜索帮助

Git 命令在线学习 如何在 Gitee 导入 GitHub 仓库
Git 仓库基础操作
企业版和社区版功能对比
SSH 公钥设置
如何处理代码冲突
仓库体积过大，如何减小？
如何找回被删除的仓库数据
Gitee 产品配额说明
GitHub仓库快速导入Gitee及同步更新
什么是 Release（发行版）
将 PHP 项目自动发布到 packagist.org
评论
仓库举报
回到顶部