Youtube video background hero example
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries.
<!--::Start Hero Youtube video::-->
<section class="bg-dark text-white position-relative overflow-hidden">
<!--:Video Background:-->
<div class="jarallax bg-dark h-100 w-100 position-absolute start-0 top-0 opacity-25" data-speed=".2"
data-video-src="https://www.youtube.com/watch?v=92JRcqcd-Pw">
</div>
<div class="container py-9 py-lg-11 position-relative z-1">
<div class="row pt-7 pt-lg-9 align-items-center">
<div class="col-lg-10 mx-auto text-center mb-5 mb-lg-0">
<!--:Heading:-->
<h1 class="display-2 px-lg-4 mb-4 mb-lg-5">
Youtube video background hero example
</h1>
<!--:Subheading:-->
<p class="mb-5 mb-lg-7 lead w-lg-75 mx-auto">
Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing
industries.
</p>
<!--:Action button:-->
<div class="d-flex align-items-center justify-content-center">
<a href="#section" class="btn btn-outline-white border-2 btn-lg px-4 px-lg-5">Let's get
started</a>
</div>
</div>
</div>
</div>
</section>
<!--::/End Hero Youtube video::-->
<!-- Bootstrap + Vendor + Theme -->
<link href="assets/css/theme.min.css" rel="stylesheet">
<!-- Bootstrap + Vendor + Theme -->
<script src="assets/css/theme.bundle.js"></script>