Test

From Now That's What I Call Music Wiki
Revision as of 19:45, 4 August 2022 by Admin (talk | contribs)

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.


It uses utility classes for typography and spacing to space content out within the larger container.

<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>

Card header

Special title treatment
Support card subtitle
 <svg xmlns="http://www.w3.org/2000/svg" class="d-block user-select-none" width="100%" height="200" aria-label="Placeholder: Image cap" focusable="false" role="img" preserveAspectRatio="xMidYMid slice" viewBox="0 0 318 180" style="font-size:1.125rem;text-anchor:middle">
   <rect width="100%" height="100%" fill="#868e96"></rect>
   <text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text>
 </svg>

Some quick example text to build on the card title and make up the bulk of the card's content.

  • Cras justo odio
  • Dapibus ac facilisis in
  • Vestibulum at eros
   <a href="#" class="card-link">Card link</a>
   <a href="#" class="card-link">Another link</a>

Card title

Card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.

   <a href="#" class="card-link">Card link</a>
   <a href="#" class="card-link">Another link</a>