- → zobaidul kaziex
- → Pricing Page with Bootstrap and Icons
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.
This bootstrap css example is contributed by zobaidul kaziex, on 05-Sep-2024. Component is made with bootstrap css v.4.6. It is responsive. similar terms for this example are Service rates, Subscription plans
Author zobaidul kaziex
More Examples
-
7 months ago420v.5.3
-
Expanding Cards
Expanding Cards
1 month ago979v.4.6 -
Product Card
A product card layout for an e-commerce website with an image at the top
9 months ago5.7kv.5.3 -
Beautiful Pricing Cards
My project in class
2 weeks ago92v.4.6 -
for me
A modern and visually appealing card component with a gradient background and hover effect.
3 months ago650v.5.3 -
4 months ago308v.5.3
-
6 months ago681v.5.3
-
Product Card
Card diseñada para mostrar productos de forma atractiva y ordenada, inspirada en Mercado Libre. Incluye imagen fija, título uniforme, precio anterior tachado, precio actual con descuento y etiquetas promocionales como "Envío gratis". Incorpora un efecto hover con sombra acentuada y usa clases CSS para fácil integración y mantenimiento.
1 month ago293v.4.6 -
6 months ago707v.5.3
-
1 year ago726v.5.3
-
Pricing Card
with the most popular tag
9 months ago752v.5.3
Didn't find component you were looking for?
Search from 300+ componenent