Preview

A lightweight, flexible component that will take 6, 8, and 12 columns in large, medium, small screen sizes.

Code

            
              <div class="jumbotron color-dark text-light">
              	<div class="container">
              		<div class="row">
              			<div class="col-12 col-md-8 col-lg-6">
              				<h1>PROJECT NAME</h1>
              				<hr class="border-gradient my-4">
              				<strong>Project description</strong>
              				<p>It uses utility classes for typography and spacing to space
              					content out within the larger container.
              				</p>
              			</div>
              		</div>
              	</div>
              </div>
            
          

Accessibility

Ensure accessibility by using contrast background and text colors.