<!DOCTYPE html>
<html>
<head>
<title>Events</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 -->
<!--theme-style-->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!--//theme-style-->
<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="Societica Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--fonts-->
<link href='http://fonts.useso.com/css?family=Roboto+Slab:400,300,100,700' rel='stylesheet' type='text/css'>
<!--//fonts-->
<!---->
<script src="js/jquery.chocolat.js"></script>
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8" />
<!--light-box-files -->
<script type="text/javascript" charset="utf-8">
$(function() {
$('#example1 a').Chocolat();
});
</script>
</head>
<body>
<!--header-->
<!--banner-->
<div class="banner">
</div>
<!---->
<div class="header">
<div class="container">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt=" " /></a>
</div>
<div class="top-nav">
<span class="menu"> </span>
<ul>
<li><a href="index.html" data-hover="HOME">HOME</a></li>
<li><a href="about.html" data-hover="ABOUT">ABOUT</a></li>
<li><a href="activities.html" data-hover="ACTIVITIES">ACTIVITIES</a></li>
<li class="active"><a href="events.html" >EVENTS</a></li>
<li><a href="contact.html" data-hover="CONTACT">CONTACT</a></li>
</ul>
<!--script-->
<script>
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(500, function(){
});
});
</script>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!--content-->
<div class="content">
<div class="container">
<!---->
<div class="events">
<div class="event-top">
<h3>events</h3>
<p>There are many variations of passages of Lorem Ipsum available,</p>
</div>
<div class="events-grid">
<div class="col-md-4 event-in">
<a href="images/ev.jpg" class="b-link-stripe b-animate-go thickbox swipebox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive even" src="images/ev.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 event-in">
<a href="images/ev1.jpg" class="b-link-stripe b-animate-go thickbox swipebox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive even" src="images/ev1.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 event-in">
<a href="images/ev2.jpg" class="b-link-stripe b-animate-go thickbox swipebox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive even" src="images/ev2.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 event-in">
<a href="images/ev3.jpg" class="b-link-stripe b-animate-go thickbox swipebox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive even" src="images/ev3.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 event-in">
<a href="images/ev.jpg" class="b-link-stripe b-animate-go thickbox swipebox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive even" src="images/ev.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 event-in">
<a href="images/ev1.jpg" class="b-link-stripe b-animate-go thickbox swipebox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive even" src="images/ev1.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 event-in">
<a href="images/ev2.jpg" class="b-link-stripe b-animate-go thickbox swipebox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive even" src="images/ev2.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 event-in">
<a href="images/ev3.jpg" class="b-link-stripe b-animate-go thickbox swipebox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive even" src="images/ev3.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="col-md-4 event-in event-go">
<a href="images/ev.jpg" class="b-link-stripe b-animate-go thickbox swipebox"><div class="b-line b-line1"></div><div class="b-line b-line2"></div><div class="b-line b-line3"></div><div class="b-line b-line4"></div><div class="b-line b-line5"></div>
<img class="img-responsive even" src="images/ev.jpg" style="top: 0px;" alt=" " /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/plus.png" alt="" style="top: 0px;"></h2>
</div></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
<!---->
<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="number-text">
<div class="col-md-3 number" >
<span>05/<b>20</b></span>
<small>Contrary to popular belief, Lorem Ipsum is not simply random text.</small>
<p>Lorem Ipsum is simply dummy t
160_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip
156 浏览量
2023-08-04
11:16:31
上传
评论
收藏 1.68MB ZIP 举报
160_html网站模板_网页源码移动端前端_H5模板_自适应响应式源码.zip （40个子文件） 
160 
events.html 10KB js 
jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB jquery.chocolat.js 10KB owl.carousel.js 37KB jquery.min.js 94KB css style.css 20KB owl.carousel.css 3KB bootstrap.css 118KB swipebox.css 4KB chocolat.css 2KB index.html 8KB contact.html 5KB about.html 8KB images 
ev.jpg 99KB ev3.jpg 74KB
plus.png 3KB pi2.jpg 23KB ac1.jpg 97KB blu.jpg 15KB arrow.png 3KB menu.png 3KB banner.jpg 211KB pi1.jpg 12KB logo.png 5KB back.jpg 26KB ev2.jpg 75KB ba1.jpg 117KB pi3.jpg 18KB
icons.svg 1KB banner1.jpg 245KB act.jpg 136KB img-sprite.png 13KB pin.jpg 19KB ac2.jpg 87KB act1.jpg 131KB pi.jpg 15KB ab1.jpg 151KB ev1.jpg 89KB activities.html 6KB资源评论
