Movies Single
Component #1
Delta Bravo
strange black entity from another world bonds with Peter Parker and causes inner turmoil as he contends with new villains, temptations, and revenge.
<!-- featured-movie -->
<section class="bg-img-hero space-3" style="background-image: url(../assets/img/1920x600/img1.jpg);">
<div class="container px-md-4">
<div class="row">
<div class="col-lg-6 col-xl-5">
<div class="">
<img class="img-fluid mb-6 d-block" src="../assets/img/188x60/img1.png" alt="Image Description">
<a href="#" class="display-8 h-w-primary d-inline-block font-secondary mb-6">Delta Bravo</a>
<p class="text-gray-1800 mb-6 font-secondary d-block font-size-1 font-weight-medium">strange black entity from another world bonds with Peter Parker and causes inner turmoil as he contends with new villains, temptations, and revenge.</p>
<div class="d-md-flex">
<a href="#" class="btn btn-primary px-6 py-3d btn-sm mb-3 mb-md-0" tabindex="0">WATCH NOW</a>
<a href="#" class="btn btn-outline-light ml-md-4 px-6 py-3d btn-sm" tabindex="0">+ PLAYLIST</a>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-7 d-none d-lg-flex align-items-center justify-content-center">
<div class="">
<!-- Video -->
<a class="js-fancybox btn btn-play d-flex align-items-center justify-content-center rounded-circle" href="javascript:;"
data-hs-fancybox-options='{
"src": "//youtube.com/0qisGSwZym4",
"speed": 700
}'>
<i class="fas fa-play text-primary"></i>
</a>
<!-- End Video -->
</div>
</div>
</div>
</div>
</section>
<!-- End featured-movie -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/fancybox/jquery.fancybox.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/fancybox/jquery.fancybox.min.js"></script>
<!-- JS Vodi -->
<script src="../../assets/js/hs.fancybox.js"></script>
<script>
$(document).on('ready', function () {
// initialization of fancybox
$('.js-fancybox').each(function () {
var fancybox = $.HSCore.components.HSFancyBox.init($(this));
});
});
</script>
Component #2
War for the Planet of the Apes
After the apes suffer unimaginable losses, Caesar wrestles with his darker instincts and begins his own mythic quest to avenge his kind
<!-- featured-movie -->
<section class="bg-img-hero space-top-3 space-bottom-2" style="background-image: url(../assets/img/1280x600/img1.jpg);">
<div class="container px-md-6 px-xl-7 px-wd-6 pt-2 pb-8">
<div class="row">
<div class="col-lg-6 col-xl-5">
<div>
<a href="#" class="display-8 h-w-primary d-inline-block font-secondary mb-4 pb-1 text-lh-1">War for the Planet of the Apes</a>
<p class="text-gray-1800 mb-7 pb-1 font-secondary d-block font-size-1 font-weight-medium">After the apes suffer unimaginable losses, Caesar wrestles with his darker instincts and begins his own mythic quest to avenge his kind</p>
<div class="d-md-flex">
<a href="#" class="btn btn-primary px-6 py-3d btn-sm mb-3 mb-md-0" tabindex="0">WATCH NOW</a>
<a href="#" class="btn btn-outline-light ml-md-4 px-6 py-3d btn-sm" tabindex="0">+ PLAYLIST</a>
</div>
</div>
</div>
<div class="col-lg-6 col-xl-7 d-none d-lg-flex align-items-center justify-content-center">
<div class="">
<!-- Video -->
<a class="js-fancybox btn btn-play d-flex align-items-center justify-content-center rounded-circle" href="javascript:;"
data-hs-fancybox-options='{
"src": "//youtube.com/0qisGSwZym4",
"speed": 700
}'>
<i class="fas fa-play text-primary"></i>
</a>
<!-- End Video -->
</div>
</div>
</div>
</div>
</section>
<!-- End featured-movie -->
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="../../assets/vendor/fancybox/jquery.fancybox.css">
<!-- JS Implementing Plugins -->
<script src="../../assets/vendor/fancybox/jquery.fancybox.min.js"></script>
<!-- JS Vodi -->
<script src="../../assets/js/hs.fancybox.js"></script>
<script>
$(document).on('ready', function () {
// initialization of fancybox
$('.js-fancybox').each(function () {
var fancybox = $.HSCore.components.HSFancyBox.init($(this));
});
});
</script>