Bootstrap 4
Bootstrap 4 Jumbotron
A Bootstrap 4 Jumbotron lightweight, flexible component that can optionally extend the entire viewport to showcase key marketing messages on your site. Use a <div> element with class .jumbotron to create a jumbotron.
<div class="container">
	<div class="jumbotron">
	  <h1 class="display-3">Free Time Learn</h1>
	  <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><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
	</div>
</div>
Output :

If you want a full-width jumbotron without rounded borders, add the .jumbotron-fluid class and a .container or .container-fluid.

<div class="jumbotron jumbotron-fluid">
  <div class="container">
    <h1 class="display-3">Free Time Learn</h1>
    <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>
  </div>
</div>
Output :