<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> <!------ Include the above in your HEAD tag ----------> <section id="top-bar" class="bg-primary py-1"> <div class="container"> <div class="row"> <div class="col-12 col-sm-4"> <ul class="list-unstyled text-white"> <li>Lorem best of</li> </ul> </div> </div> </div> </section> <section id="page-banner" class="bg-light py-5"> <div class="container"> <div class="row"> <div class="col-12 col-sm-5"> <h1>Your Invite here</h1> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium</p> <a href="#" class="btn btn-outline-primary">Convert now</a> <a href="#" class="btn btn-primary">Read about us</a> </div> </div> </div> </section>