"Call To Action"
Bootstrap 4.1.1 Snippet by mylastof

<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 ----------> <div class="body"> <div class="main-content mt-5"> <div class="container"> <h1>This is Title (scroll to bottom)</h1> <p>Your content. </p> </div> </div> <div class="cta text-light"> <div class="container"> <div class="row"> <div class="col-sm-9"> <h2>Do you want to be a need a great project?</h2> </div> <div class="col-sm-3 text-left text-sm-right"> <a href="https://www.totoprayogo.com" target="_blank" class="btn btn-lg btn-outline-light">Subscribe Now</a> </div> </div> </div> </div> </div>
.body { min-height: 1000px; } .main-content { height: 500px; } .cta { overflow: hidden; background: linear-gradient(rgba(29, 200, 205, 0.65), rgba(29, 205, 89, 0.2)), url(http://lorempixel.com/900/600/abstract/) fixed center center; background-size: cover; padding: 80px 0; }

Related: See More


Questions / Comments: