404 page template

More Examples

• 
  404 page template

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

  Author:
  karia

  7 months ago

  260

  v.5.3
• 
  404 error page template

  Author:
  Ross Wille

  3 months ago

  291

  v.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.

  Author:
  zobaidul kaziex

  2 months ago

  132

  v.4.6
• 
  Search bar with search icon in bootstrap 5

  Author:
  Juniper

  3 weeks ago

  92

  v.5.3
• 
  HTML, CSS, and JavaScript for Multi-layer Dropdown Header

  HTML: Added dropdown-submenu class to handle nested dropdowns. CSS: Dropdown Submenu: Positioned to the right of the parent dropdown. JavaScript: Event Listeners: Added to show and hide nested dropdowns on mouse enter and leave. How to Use: Create an header.html file and paste the updated code into it. Include Bootstrap and Font Awesome if needed for styling and icons.

  Author:
  zobaidul kaziex

  2 months ago

  122

  v.4.6
• 
  Copy Code Section

  Code block with working copy option

  Author:
  Kemaya m

  3 months ago

  252

  v.5.3
• 
  Bootstrap 5 chat template

  Author:
  Andreas Müller

  3 months ago

  320

  v.5.3
• 
  Gradient Footer Component

  A modern, responsive footer component with a smooth gradient background, social icons, quick links, and newsletter subscription - perfect for contemporary web applications.

  Author:
  Alaric Sloane

  1 week ago

  43

  v.5.3
• 
  Bootstrap 5 Login Modal

  Author:
  Anonymous

  3 months ago

  2k

  v.5.3
• 
  Simple portfolio card

  Author:
  Maria Garcia

  3 months ago

  215

  v.5.3
• 
  Search bar

  Search bar with icon

  Author:
  Anonymous

  7 months ago

  801

  v.5.3
• 
  Contact Us Page with Google Maps and Form Validation

  HTML: Form Fields: Includes fields for name, email, and message. Google Map: A div with an id of map where the Google Map will be displayed. Feedback Elements: <div> elements for displaying validation messages and success messages. CSS: Styling: Adds padding for the contact section, sets the map height, and styles feedback and success messages. JavaScript: Google Maps Initialization: Uses the Google Maps JavaScript API to create and display a map centered at specified coordinates. Replace YOUR_GOOGLE_MAPS_API_KEY with your actual API key. Form Validation: Validates the input fields and displays appropriate messages if the input is invalid or missing. How to Use: Replace API Key: Insert your Google Maps API key in the script tag for Google Maps. Customize Coordinates: Update the latitude and longitude in the initMap function to reflect your actual location. Validation Rules: Customize validation logic as needed for your form requirements.

  Author:
  zobaidul kaziex

  2 months ago

  1.7k

  v.4.6