Lewis Winstone

Jumbotron

A jumbotron is mot commonly a large box used for showcasing key content or information on a website.

Example

Jumbotron

This is a simple jumbotron component used for drawing the users attention to a specific element with a purpose of showcasing key content.

HTML

<div class="jumbotron"> <h4>Jumbotron</h4> <p>This is a simple jumbotron component used for drawing the users attention to a specific element with a purpose of showcasing key content.</p> <p> <button class="ghostbutton" type="button">View More</button> </p> </div>

CSS

.jumbotron { background: linear-gradient(to right, white, #33cccc); border-radius: 10px; padding: 20px; border: 1px solid black; } h4 { text-align: left; font-size: xx-large; }