Custom Components

Box Shadow Generator

Image Accordion

I've created two beginner-friendly components in this HTML code. The first part, "Image Accordion Simple," presents a simple image accordion with eye-catching pictures from different subjects. "Image Accordion With Text," the second component, expands on the idea by giving each image a caption.

Filter Cards

This script helps you filter card components by clicking buttons. When you click a button, it gets an 'active' look for easy styling. Plus, one button can filter more than one card, making it user-friendly

Custom Header

This HTML code establishes a responsive custom header featuring a logo, main menu with service dropdowns, a button, and a mobile-friendly toggle switch. Notably, Bootstrap is not employed for responsiveness in this design.

Age calculator

select you date of birth form input field and then calculate you total age