Banner
Overview
A banner highlights an action you want people to take or important information on the page.
Default
A banner includes a:
- title
- description
- image
- optional button.
Code
<div id="qg-banner-blurb" style="background: url('https://picsum.photos/926/361') no-repeat center/cover;"> <div class="blurb"> <h1>Title of the banner</h1> <p>Include a simple and concise description and a descriptive call to action if using a button.</p> <p><button type="button" class="qg-btn btn-primary mt-3">Call to action</button></p> </div> </div>