Copy Code Section

More Examples

• 
  Pricing cards

  Author:
  Kemaya m

  2 years ago

  2.6k

  v.4.6
• 
  Bootstrap user profile

  User profile card made with bootstrap

  Author:
  Anonymous

  1 year ago

  7.5k

  v.5.3
• 
  Bento Grid with Bootstrap 5

  Author:
  Juan Martinez

  1 year ago

  6.6k

  v.5.3
• 
  Credit cards bootstrap 5

  credit cards design made with Bootstrap 5

  Author:
  Ankit khedkar

  1 year ago

  3.4k

  v.5.3
• 
  Boostrap Buttons

  Basic Buttons - Standard button styles with different color variations Outline Buttons - Ghost buttons with colored borders that fill on hover Button Sizes - Three different size variations for different contexts Icon Buttons - Buttons with Bootstrap Icons integration Block Buttons - Full-width buttons using Bootstrap's grid system Button Groups - Grouped buttons for related actions Loading Buttons - Interactive buttons with loading spinners

  Author:
  Asmath

  1 year ago

  3.6k

  v.5.3
• 
  Dashboard Statistics Cards

  Author:
  Aisha Bello

  1 year ago

  5.1k

  v.5.3
• 
  Button pair

  sign up and login buttons

  Author:
  Anonymous

  1 year ago

  1.1k

  v.5.3
• 
  Contact Us form

  Author:
  Anonymous

  2 years ago

  8.7k

  v.4.6
• 
  404 page template

  with an animated illustration and a button to redirect to the homepage

  Author:
  karia

  2 years ago

  4.1k

  v.5.3
• 
  Pricing Page with Bootstrap and Icons

  HTML: Navbar: Provides navigation links, including a link to the Pricing page. Pricing Section: Contains three columns, each representing a pricing plan with a card layout. Icons: Font Awesome icons are used for visual representation (e.g., stars and check circles). CSS: Card Styling: Adds border, shadow, and hover effects to the pricing cards. Plan-Specific Styles: Different border colors for each pricing plan (Free, Gold, Platinum). Button Styles: Different button colors to match the card styles. JavaScript: No custom JavaScript is required for this static pricing page, but you can add interactivity if needed. How to Use: Customize Content: Update the plan names, prices, features, and button actions as needed. Replace Icons: Choose different Font Awesome icons if desired by updating the <i> elements.

  Author:
  zobaidul kaziex

  1 year ago

  1.6k

  v.4.6
• 
  404 page template

  with an animated illustration and a button to redirect to the homepage

  Author:
  Anonymous

  1 year ago

  4.2k

  v.5.3
• 
  Search section

  Author:
  M Rashid

  10 months ago

  1.2k

  v.5.3