<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<section id="lab_video_slider">
<div class="container-fluid">
<div class="row">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.2.5/css/swiper.min.css">
<div class="swiper-container">
<div class="swiper-wrapper">
<div id="slide_one" class="swiper-slide">
<video class="slider-video" width="100%" preload="auto" loop="" autoplay="" style="visibility: visible; width: 100%;" poster="//dl.dropbox.com/s/pjopy0mu4klisat/working-with-espresso.jpg">
<source src="//dl.dropbox.com/s/931244iox7i0fpk/working-with-espresso.mp4" type="video/mp4">
<source src="//dl.dropbox.com/s/g3mo3w34pb8pp2l/working-with-espresso.webm" type="video/webm">
<source src="//dl.dropbox.com/s/p37f0avio0x6bs8/working-with-espresso.ogv" type="video/ogg">
</video>
</div>
<div id="slide_two" class="swiper-slide">
<div id="lab_video_text_overlay">
<div class="container">
<h2>Lorum Ipsum Deloras </h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc molestie</p>
<a href="#" class="btn btn-default">View Our Work</a>
<a href="#" class="btn btn-warning">Learn About Us</a>
</div>
</div>
