- → Ankit khedkar
- → Accordion example with Bootstrap 5.3
Accordion example with Bootstrap 5.3
This bootstrap css example is contributed by Ankit khedkar, on 24-Jul-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is collapsible
Author Ankit khedkar
More Examples
-
Accordion example with Bootstrap 5.3
accordion with animation
2 months ago284v.5.3 -
Accordion FAQ section
Minimal and with beautiful animation
2 months ago274v.5.3 -
FAQ accordion
The accordion component is a vertically stacked set of items
6 months ago294v.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.
3 weeks ago66v.4.6 -
Sign in form with bootstrap 5
Beautiful sign-in card with Bootstrap 5
3 months ago816v.5.3 -
2 months ago933v.5.3
-
Call-to-Action Example
Call-to-Action section with bootstrap 5
1 month ago106v.5.3 -
404 page template
with an animated illustration and a button to redirect to the homepage
6 months ago176v.5.3 -
2 weeks ago52v.5.3
-
Responsive footer using HTML and Bootstrap:
HTML: Error Title: A large, bold number (e.g., 404) to indicate the error type. Error Message: A brief message explaining the error. Button: A button to navigate back to the home page. Adjust the href attribute to point to your actual home page URL. CSS: Background Gradient: Applied to the body to give a stylish look. Error Container: Centered on the page with a semi-transparent background for contrast. Button Styling: Custom colors for the button, including hover effects. How to Use: Create an error.html file and paste the above code into it. Place the error.html file in your web server’s error pages directory or configure your server to serve this file on error.
3 weeks ago67v.4.6 -
Responsive Bento Grid Layout
Bento grid layout using Bootstrap 5 and custom CSS
1 day ago11v.5.3 -
1 month ago640v.5.3
Didn't find component you were looking for?
Search from 150+ componenent