?
á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 7 | 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-07 -->
<section class="portfolio-sec ui-block-07" id="portfolio-sec" style="background: url('vendor/img/elements-img/portfolio-img/portfolio-img-7/speaker_bg1.jpg');">
<div class="container">
<div class="row">
<div class="col-12 text-center portfolio-heading">
<span class="sub-heading">Our Wedding Collection</span>
<h4 class="large-heading">Our Amazing Gallery</h4>
<span class="fly-line"></span>
</div>
</div>
</div>
<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=".Couples" class="cbp-filter-item rounded-pill">
Couples <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".Bride" class="cbp-filter-item rounded-pill">
Bride <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".Wedding" class="cbp-filter-item rounded-pill">
Wedding <div class="cbp-filter-counter"></div>
</div>
<div data-filter=".Ceremony" class="cbp-filter-item rounded-pill">
Ceremony <div class="cbp-filter-counter"></div>
</div>
</div>
<div id="js-grid-full-width" class="cbp">
<div class="cbp-item Wedding">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-7/g1.jpg" class="cbp-caption cbp-lightbox" data-title="Gala Event<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-7/g1.jpg" alt="image">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Making Love</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item Bride Wedding">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-7/g2.jpg" class="cbp-caption cbp-lightbox" data-title="Music Festival <br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-7/g2.jpg" alt="image">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Modest Bride</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item Couples Wedding Ceremony">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-7/g3.jpg" class="cbp-caption cbp-lightbox" data-title="Sufi Night Event<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-7/g3.jpg" data-cbp-src="vendor/img/elements-img/portfolio-img/portfolio-img-7/g3.jpg" alt="" width="650" height="340">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Couples</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item Couples Ceremony">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-7/g4.jpg" class="cbp-caption cbp-lightbox" data-title="Singing Concert<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-7/g4.jpg" data-cbp-src="vendor/img/elements-img/portfolio-img/portfolio-img-7/g4.jpg" alt="" width="650" height="670">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Stylish Couples</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item Couples Wedding">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-7/g6.jpg" class="cbp-caption cbp-lightbox" data-title="Mega Festival<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-7/g6.jpg" alt="image">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Wedding Reception</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
<div class="cbp-item sufi Bride Ceremony">
<a href="vendor/img/elements-img/portfolio-img/portfolio-img-7/g5.jpg" class="cbp-caption cbp-lightbox" data-title="Day Concert<br>by Paul Flavius Nechita">
<div class="cbp-caption-defaultWrap">
<img src="vendor/img/elements-img/portfolio-img/portfolio-img-7/g5.jpg" alt="image">
</div>
<div class="cbp-caption-activeWrap">
<div class="cbp-l-caption-alignCenter">
<div class="cbp-l-caption-body">
<div class="cbp-l-caption-title">Bridesmaid</div>
<div class="cbp-l-caption-desc"><span class="fly-line"></span></div>
</div>
</div>
</div>
</a>
</div>
</div>
</section>
<!-- End ui-block-07 -->
<!-- Js Files -->
<script src="vendor/js/bundle.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script>
(function ($, window, document, undefined) {
'use strict';
// init cubeportfolio
$('#js-grid-full-width').cubeportfolio({
filters: '#js-filters-full-width',
layoutMode: 'mosaic',
sortByDimension: true,
defaultFilter: '*',
animationType: 'fadeOutTop',
gapHorizontal: 0,
gapVertical: 0,
gridAdjustment: 'responsive',
mediaQueries: [{
width: 1500,
cols: 3,
}, {
width: 1100,
cols: 3,
}, {
width: 800,
cols: 3,
}, {
width: 480,
cols: 2,
options: {
caption: ' ',
gapHorizontal: 10,
gapVertical: 10,
}
}],
caption: 'zoom',
displayType: 'fadeIn',
displayTypeSpeed: 100,
// lightbox
lightboxDelegate: '.cbp-lightbox',
lightboxGallery: true,
lightboxTitleSrc: 'data-title',
lightboxCounter: '<div class="cbp-popup-lightbox-counter">{{current}} of {{total}}</div>',
plugins: {
loadMore: {
element: '#js-loadMore-full-width',
action: 'auto',
loadItems: 3,
}
},
});
})(jQuery, window, document);
</script>
</body>
</html>