You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
175 lines
6.7 KiB
175 lines
6.7 KiB
<odoo>
|
|
<template id="website_college.gallery" name="Gallery">
|
|
<t t-call="website.layout">
|
|
<style>
|
|
.home_header{
|
|
display: none;
|
|
}
|
|
</style>
|
|
<t t-call="website_college.custom_nav"/>
|
|
<!-- Gallery -->
|
|
<div class="gallery" id="gallery">
|
|
<div class="container">
|
|
<h3>GALLERY</h3>
|
|
<div class="gallery-grids">
|
|
<div class="col-md-6 col-sm-6 gallery-grids-left gallery-grids-left-gallery1-top">
|
|
<div class="gallery-grid">
|
|
<a class="example-image-link" href="/website_college/static/images/gallery-1.jpg" data-lightbox="example-set" data-title="">
|
|
<div class="grid">
|
|
<figure class="effect-apollo">
|
|
<img src="/website_college/static/images/gallery-1.jpg" alt=""/>
|
|
<figcaption></figcaption>
|
|
</figure>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="gallery-grids-left-sub">
|
|
<div class="col-md-6 col-sm-6 gallery-grids-left-subl">
|
|
<div class="gallery-grid">
|
|
<a class="example-image-link" href="/website_college/static/images/gallery-4.jpg" data-lightbox="example-set" data-title="">
|
|
<div class="grid">
|
|
<figure class="effect-apollo">
|
|
<img src="/website_college/static/images/gallery-4.jpg" alt=""/>
|
|
<figcaption></figcaption>
|
|
</figure>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="gallery-grid gallery-grid-sub grid-middle gallery-grid-sub-left-bottom">
|
|
<a class="example-image-link" href="/website_college/static/images/gallery-5.jpg" data-lightbox="example-set" data-title="">
|
|
<div class="grid">
|
|
<figure class="effect-apollo">
|
|
<img src="/website_college/static/images/gallery-5.jpg" alt=""/>
|
|
<figcaption></figcaption>
|
|
</figure>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 gallery-grids-left-subr gallery-grids-left-subr-long">
|
|
<div class="gallery-grid">
|
|
<a class="example-image-link" href="/website_college/static/images/gallery-7.jpg" data-lightbox="example-set" data-title="">
|
|
<div class="grid">
|
|
<figure class="effect-apollo">
|
|
<img src="/website_college/static/images/gallery-7.jpg" alt=""/>
|
|
<figcaption></figcaption>
|
|
</figure>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 gallery-grids-left">
|
|
<div class="col-md-6 col-sm-6 gallery-grids-right gallery-grids-right-first">
|
|
<div class="gallery-grid">
|
|
<a class="example-image-link" href="/website_college/static/images/gallery-2.jpg" data-lightbox="example-set" data-title="">
|
|
<div class="grid">
|
|
<figure class="effect-apollo">
|
|
<img src="/website_college/static/images/gallery-2.jpg" alt=""/>
|
|
<figcaption></figcaption>
|
|
</figure>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 gallery-grids-right gallery-grids-right-two">
|
|
<div class="gallery-grid">
|
|
<a class="example-image-link" href="/website_college/static/images/gallery-3.jpg" data-lightbox="example-set" data-title="">
|
|
<div class="grid">
|
|
<figure class="effect-apollo">
|
|
<img src="/website_college/static/images/gallery-3.jpg" alt=""/>
|
|
<figcaption></figcaption>
|
|
</figure>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
<div class="gallery-grids-right1 gallery-grids-right-hand">
|
|
<div class="gallery-grid">
|
|
<a class="example-image-link" href="/website_college/static/images/gallery-6.jpg" data-lightbox="example-set" data-title="">
|
|
<div class="grid">
|
|
<figure class="effect-apollo">
|
|
<img src="/website_college/static/images/gallery-6.jpg" alt=""/>
|
|
<figcaption></figcaption>
|
|
</figure>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 gallery-grids-right gallery-8">
|
|
<div class="gallery-grid">
|
|
<a class="example-image-link" href="/website_college/static/images/gallery-8.jpg" data-lightbox="example-set" data-title="">
|
|
<div class="grid">
|
|
<figure class="effect-apollo">
|
|
<img src="/website_college/static/images/gallery-8.jpg" alt=""/>
|
|
<figcaption></figcaption>
|
|
</figure>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 col-sm-6 gallery-grids-right gallery-9">
|
|
<div class="gallery-grid">
|
|
<a class="example-image-link" href="/website_college/static/images/gallery-9.jpg" data-lightbox="example-set" data-title="">
|
|
<div class="grid">
|
|
<figure class="effect-apollo">
|
|
<img src="/website_college/static/images/gallery-9.jpg" alt=""/>
|
|
<figcaption></figcaption>
|
|
</figure>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Popup-Box-JavaScript -->
|
|
<script src="/website_college/static/js/modernizr.custom.97074.js"></script>
|
|
<script src="/website_college/static/js/jquery.chocolat.js"></script>
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
$('.gallery-grids a').Chocolat();
|
|
});
|
|
</script>
|
|
<!-- //Popup-Box-JavaScript -->
|
|
<!-- start-smooth-scrolling -->
|
|
<script type="text/javascript" src="/website_college/static/js/move-top.js"></script>
|
|
<script type="text/javascript" src="/website_college/static/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>
|
|
<script src="/website_college/static/js/jquery.magnific-popup.js" type="text/javascript"></script>
|
|
<script type="text/javascript" src="/website_college/static/js/modernizr.custom.53451.js"></script>
|
|
<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>
|
|
</t>
|
|
</template>
|
|
</odoo>
|
|
|
|
|