Bootstrap Card example. Use Bootstrap for alignment, styling, and responsiveness. Bootstrap 5
Free downloadable Bootstrap themes Bootswatch
Font Awesome for extra icon/ fonts Font Awesome

Card Header
Card Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at augue eu elit semper mollis. Sed mollis imperdiet egestas. Morbi efficitur nulla eget blandit fermentum. Curabitur semper aliquet felis, interdum fringilla eros lacinia quis. Pellentesque ut magna turpis. Etiam et euismod mi. Donec convallis orci erat. Curabitur euismod dui at lacus dapibus cursus. Vestibulum condimentum nibh nec tristique mollis. Phasellus sodales, metus ut ornare fermentum, velit dui blandit libero, ac mattis arcu elit quis purus. Sed quis aliquet dolor. Mauris id pulvinar nisi.

Card Footer
  • Electronics
    Content for this item
    20
  • Fashion
    Content for this item
    10
  • Sports
    Content for this item
    30
Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at augue eu elit semper mollis. Sed mollis imperdiet egestas. Morbi efficitur nulla eget blandit fermentum. Curabitur semper aliquet felis, interdum fringilla eros lacinia quis. Pellentesque ut magna turpis. Etiam et euismod mi. Donec convallis orci erat. Curabitur euismod dui at lacus dapibus cursus. Vestibulum condimentum nibh nec tristique mollis. Phasellus sodales, metus ut ornare fermentum, velit dui blandit libero, ac mattis arcu elit quis purus. Sed quis aliquet dolor. Mauris id pulvinar nisi.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at augue eu elit semper mollis. Sed mollis imperdiet egestas. Morbi efficitur nulla eget blandit fermentum. Curabitur semper aliquet felis, interdum fringilla eros lacinia quis. Pellentesque ut magna turpis. Etiam et euismod mi. Donec convallis orci erat. Curabitur euismod dui at lacus dapibus cursus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at augue eu elit semper mollis. Sed mollis imperdiet egestas.


Collapse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at augue eu elit semper mollis. Sed mollis imperdiet egestas. Morbi efficitur nulla eget blandit fermentum. Curabitur semper aliquet felis, interdum fringilla eros lacinia quis. Pellentesque ut magna turpis. Etiam et euismod mi. Donec convallis orci erat. Curabitur euismod dui at lacus dapibus cursus. Vestibulum condimentum nibh nec tristique mollis. Phasellus sodales, metus ut ornare fermentum, velit dui blandit libero, ac mattis arcu elit quis purus. Sed quis aliquet dolor. Mauris id pulvinar nisi.



Carousel


Toasts
Bootstrap
10 mins ago
Hello World! This is a toast message!


Modal


Popovers


Tooltips

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas at augue eu elit semper mollis. Tooltip One Sed mollis imperdiet egestas. Morbi efficitur nulla eget Tooltip Two blandit fermentum. Curabitur semper aliquet felis, interdum fringilla eros lacinia quis. Pellentesque ut magna turpis. Etiam et euismod mi. Donec convallis orci erat. Curabitur euismod dui at lacus dapibus cursus. Vestibulum condimentum nibh nec tristique mollis. Phasellus sodales, metus ut ornare fermentum, velit dui blandit libero, ac mattis arcu elit quis purus. Sed quis aliquet dolor. Mauris id pulvinar nisi.