Sponsored
CodeShikhi
HomeComponentsVS CodeBlogAboutContact
Search Download
Categories

No categories yet.

Section · 8 designs

Cards

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options. If you’re familiar with Bootstrap 3, cards replace our old panels, wells, and thumbnails. Similar functionality to those components is available as modifier classes for cards.

Design 01
cards section

Instructor List

Live previewView & copy
Design 02
4 side card

4 side card

Live previewView & copy
Design 03
Mission and Vision Section

2 side card

Live previewView & copy
Design 04
Cards

Team Hover Cards

Team member cards that lift on hover.

Live previewView & copy
Design 05
Cards

Hover Flip Cards

Cards that flip on hover to reveal details.

Live previewView & copy
Design 06
Cards

Glassmorphism Cards

Frosted glass cards on gradient background.

Live previewView & copy
Design 07
Cards

Mini Pricing Cards

Compact three-tier pricing cards.

Live previewView & copy
Design 08
Cards

Blog Post Cards

Editorial blog post cards with cover image.

Live previewView & copy
CodeShikhi

Beginner-friendly Bootstrap components with live preview, copy-paste code, and a built-in component generator.

Explore

  • Home
  • Components
  • Blog
  • About
  • Search

Resources

  • Learn
  • VS Code Setup
  • Download Bootstrap
  • Contact

Contact

  • 01987733320
  • info.codeshikhi@gmail.com

Follow us

© 2026 CodeShikhi. Crafted for beginners.

Developed by CODE SHIKHI