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 :

We see you’re using an ad blocker.

Our website is made possible by displaying ads to our visitors.

Please help us continue to provide you with free. So please disabling your ad blocker.