- → karia
- → 404 page template
404 page template
with an animated illustration and a button to redirect to the homepage
This bootstrap css example is contributed by karia, on 20-Mar-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example are 404 Pages, Not found,404 pages,Not found
Author karia
More Examples
-
1 year ago28.1kv.5.3
-
404 page template
with an animated illustration and a button to redirect to the homepage
1 year ago4.4kv.5.3 -
404 page template
with an animated illustration and a button to redirect to the homepage
1 year ago1.9kv.5.3 -
404 page template
with an animated illustration and a button to redirect to the homepage
10 months ago2.1kv.5.3 -
1 year ago4.2kv.5.3
-
Error page template
Modern and clean 404-page template made with Bootstrap
1 year ago10.4kv.5.3 -
404 made with bootstrap
error page template with boostrap
1 year ago1.6kv.5.3 -
Error Page, you can use HTML, CSS, 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.
1 year ago2.5kv.4.6 -
Modern 404 Error Page with Lottie Animation and Bootstrap Layout
This elegant and responsive 404 error page is built with Bootstrap 5 and features a smooth, animated Lottie illustration to enhance user experience. The layout is fully responsive, with the animation and error message side-by-side on larger screens and stacked on smaller devices. It includes a clear "Back to homepage" button, making it user-friendly and ideal for maintaining engagement even when users encounter a broken link or missing page.
11 months ago5.3kv.5.3 -
1 year ago2.1kv.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.
1 year ago1.6kv.4.6 -
Footer
Footer de Bootstrap con enlaces rápidos, contacto y redes sociales, usando íconos para mejor navegación. Diseño limpio y responsivo. 🚀
1 year ago5.2kv.4.6
Didn't find component you were looking for?
Search from 300+ componenent