Setup Header

Create A Jumbotron

A jumbotron allows you to create a LARGE banner-like header to showcase key marketing messages.

1. Below the closing </nav> tag, add the following code:
   
   

   </nav>
   <div class="jumbotron jumbotron-fluid">
     <div class="container">
       <h1 class="display-3">RMCS: <small>Training Made Easy</small></h1>
       <p class="lead">See, hear, and experience a new way of learning.</p>
     </div>
   </div> 

   
   
   CODE EXPLANATION:
   - The jumbotron class establishes the element as a Bootstrap's jumbotron.
   - To make the jumbotron full width and without rounded corners, the .jumbotron-fluid class was added and the container or container-fluid class can be added within it.
   - The display-3 class ...
   - The lead class ....
   
   
   
2. CHECK POINT: Save the file and preview it in a browser. You should see the jumbotron displayed below the Navbar.