Card

Basic Card
Show Code
Card title

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

Go somewhere
                    
        <div class="card border" style="max-width: 240px;">
        <img class="card-img-top" src="assets/images/slide-1.jpg"/>
        <div class="card-body">
        <h5 class="card-title">Card title</h5>
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <a href="#" class="btn btn-primary">Go somewhere</a>
        </div>
        </div>
                    
                  
Card Title, Text and Links
Show Code
Card title
Card subtitle

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

Card link Another link
                    
        <div class="card border" style="width: 240px;">
        <div class="card-body">
        <h5 class="card-title">Card title</h5>
        <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
        <a href="#" class="card-link">Card link</a>
        <a href="#" class="card-link">Another link</a>
        </div>
        </div>
                    
                  
Card Header and Footer
Show Code

Featured

Special title treatment

With supporting text below as a natural lead-in to additional content.

Go somewhere
                    
        <div class="card border text-center">
        <div class="card-header pb-3">
        <h3 class="font-weight-bold">Featured</h3>
        </div>
        <div class="card-body pb-3 pt-3">
        <h5 class="card-title">Special title treatment</h5>
        <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
        <a href="#" class="btn btn-primary">Go somewhere</a>
        </div>
        <div class="card-footer pt-3 font-weight-500 text-muted">
        2 days ago
        </div>
        </div>
                    
                  
Navigation Card
Show Code