<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="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="image-wrap">
<div class="img-content">
<img src="https://dummyimage.com/1920x1080/020c30/ffffff.png" alt="">
</div>
<div class="overlay"></div>
</div>
<div class="banner-content">
<h1>MAKE THE BEST OF YOUR HTML EXPERIENCE WITH YOUR DAILY LIFE</h1>
<div class="banner-btn">
<a href="" class="ban-btn btn-red">Featrures</a>
<a href="" class="ban-btn btn-green">Doenload content</a>
</div>
</div>