Jumbotron

<div class="jumbotron border-10 m-0 p-0">
<div class="row nogutter">
<div class="col-lg-6">
<div class="jumbo-img">
<img src="images/card-3.jpg" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-6 py-5">
<h1>HELLO! WORLD!</h1>
<p class="lead">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in
laying out print,
graphic or web designs.
</p>
<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic 
or web designs.
</p>
<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic 
or web designs.
</p>
<p class="lead">
<a class="btn btn-primary btn-lg mt-3 mr-3" href="#" role="button">Learn more</a>
<a class="btn btn-success btn-lg mt-3" href="#" role="button">Learn more</a>
</p>
</div>
</div>
</div>
            

<div class="jumbotron jumbotron-bg-gradient">
<h1 class="text-light">HELLO! WORLD!</h1>
<p class="lead text-light">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in
laying out print,
graphic or web designs.
</p>
<hr class="my-4">
<p class="text-light">Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic 
or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought
to have scrambled parts.
</p>
<p class="text-light">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the 
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and 
scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap 
into electronic typesetting, remaining essentially unchanged.
</p>
<p class="lead">
<a class="btn btn-primary btn-lg mt-3 mr-3" href="#" role="button">Learn more</a>
<a class="btn btn-success btn-lg mt-3" href="#" role="button">Learn more</a>
</p>
</div>
            

<div class="jumbotron border-top-5">
<h1>HELLO! WORLD!</h1>
<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in
laying out print,
graphic or web designs.
</p>
<hr class="my-4">
<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic 
or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought
to have scrambled parts.
</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the 
industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and 
scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap 
into electronic typesetting, remaining essentially unchanged.
</p>
<p class="lead">
<a class="btn btn-primary btn-lg mt-3 mr-3" href="#" role="button">Learn more</a>
<a class="btn btn-success btn-lg mt-3" href="#" role="button">Learn more</a>
</p>
</div>