?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- Description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with ready home page demos.">
<!-- Page Title -->
<title>Portfolio 8 | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="vendor/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="vendor/css/line-awesome.min.css" rel="stylesheet">
<link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="vendor/css/elements.css" rel="stylesheet">
</head>
<body>
<!-- Start ui-block-08 -->
<section id="portfolio-sec" class="portfolio-sec ui-block-08">
<div class="container">
<div class="row upper-sec">
<div class="col-12 text-center portfolio-heading">
<div class="about-heading heading-details">
<h4 class="heading">MOVIE GALLERY</h4>
</div>
</div>
<div class="col-12 filers">
<div id="js-filters-full-width" class="cbp-l-filters-alignCenter">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item rounded-pill">
All<div class="cbp-filter-counter"></div>
</div>
<div data-filter=".branding" class="cbp-filter-item rounded-pill">
Concerts<div class="cbp-filter-counter"></div>
</div>
<div data-filter=".web-design" class="cbp-filter-item rounded-pill">
Festivals<div class="cbp-filter-counter"></div>
</div>
<div data-filter=".photo" class="cbp-filter-item rounded-pill">
Sufi<div class="cbp-filter-counter"></div>
</div>
<div data-filter=".movies" class="cbp-filter-item rounded-pill">
Movies<div class="cbp-filter-counter"></div>
</div>
</div>
</div>
</div>
<div id="js-grid-masonry" class="cbp">
<div class="cbp-item branding">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-1.png" class="cbp-caption cbp-lightbox" data-title="Easy Note<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-1.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Gala Event</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-2.png" class="cbp-caption cbp-lightbox" data-title="The Gang Blue<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-2.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">The Gang Blue</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item photo branding movies">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-3.png" class="cbp-caption cbp-lightbox" data-title="Tiger<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-3.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Tiger</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design photo">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-4.png" class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-4.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Flat Roman</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item branding movies">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-5.png" class="cbp-caption cbp-lightbox" data-title="Flat Roman Typeface Ui<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-5.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Flat Roman</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item web-design branding">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-6.png" class="cbp-caption cbp-lightbox" data-title="Sickpuppy<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-6.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Sickpuppy</div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item movies photo">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-7.png" class="cbp-caption cbp-lightbox" data-title="Sickpuppy<br>by Cosmin Capitanu">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-8/p-7.png" alt="">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Sickpuppy</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- End ui-block-08 -->
<!-- Js Files -->
<script src="vendor/js/bundle.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/tilt.jquery.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script>
$('#js-grid-masonry').cubeportfolio({
filters: '#js-filters-full-width',
layoutMode: 'mosaic',
defaultFilter: '*',
animationType: 'slideDelay',
gapHorizontal: 10,
gapVertical: 10,
gridAdjustment: 'responsive',
mediaQueries: [{
width: 1500,
cols: 5,
}, {
width: 1100,
cols: 4,
}, {
width: 800,
cols: 3,
}, {
width: 480,
cols: 2,
options: {
caption: '',
}
}],
caption: 'zoom',
displayType: 'bottomToTop',
displayTypeSpeed: 100,
// lightbox
// lightbox
lightboxDelegate: '.cbp-lightbox',
lightboxGallery: true,
lightboxTitleSrc: 'data-title',
lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
});
//About Us Image Tilt
$('.js-tilt').tilt({
maxTilt: 1,
easing: "cubic-bezier(.03,.98,.52,1)", // Easing on enter/exit.
});
</script>
</body>
</html>