教育行业网站模板是一款适合培训机构，学校官网等网站模板下载。_html网站模板_网页源码移动端前端_H5模板

共40个文件

jpg：19个

css：5个

png：5个

网站模板

93 浏览量 2023-08-05 15:10:22 上传评论收藏 1.69MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

教育行业网站模板是一款适合培训机构，学校官网等网站模板下载。_html网站模板_网页源码移动端前端_H5模板_自适应响.rar （40个子文件）

教育行业网站模板是一款适合培训机构，学校官网等网站模板下载。

moban295

events.html 10KB

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

<!DOCTYPE html> <html> <head> <title>Events</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />  <script src="js/jquery.min.js"></script>   <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />  <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>  <link href='#css?family=Roboto+Slab:400,300,100,700' rel='stylesheet' type='text/css'>   <script src="js/jquery.chocolat.js"></script> <link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8" />  <script type="text/javascript" charset="utf-8"> $(function() { $('#example1 a').Chocolat(); }); </script> </head> <body>   <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> $("span.menu").click(function(){ $(".top-nav ul").slideToggle(500, function(){ }); }); </script> </div> <div class="clearfix"> </div> </div> </div>  <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 text of the printing an

评论收藏

内容反馈