Ann's Decor Details
Ann's Decor — Event Design Business Website
Developed a responsive business website for an event design and floristry company. Customized the BootstrapMade Kelly template to create a multi-page site showcasing services, portfolio, and client testimonials.
The website features a modern, elegant design with smooth animations, interactive galleries, and a fully functional contact form. Built with a mobile-first approach, it provides an excellent user experience across all devices.
- Multi-page navigation (Home, About, Gallery, Services, Contact) with smooth scrolling and animated sections.
- Filterable portfolio gallery with category-based filtering using Isotope.js and lightbox image viewer with GLightbox.
- Testimonial carousel using Swiper.js with responsive breakpoints and autoplay functionality.
- Contact form with real-time validation, phone number formatting, email domain verification, and PHP backend integration with PHPMailer.
- Responsive design with Bootstrap 5.3.3, custom CSS variables for theming, and mobile-first approach.
- Interactive elements including sticky navigation header, animated sections with AOS (Animate On Scroll), and form validation with visual feedback.
My responsibilities included customizing the BootstrapMade Kelly template, implementing responsive layouts with Bootstrap 5.3.3, integrating JavaScript libraries (AOS, Swiper.js, GLightbox, Isotope.js), developing the contact form with PHP backend and PHPMailer integration, creating custom CSS styling with CSS variables, and ensuring cross-browser compatibility. The project demonstrates my skills in frontend web development, template customization, responsive design, form validation, JavaScript integration, and UI/UX design principles.
Project information
- Project Ann's Decor
- Category Business Website / Portfolio
- Role Frontend Developer
- Stack HTML5, CSS3, JavaScript, Bootstrap 5.3.3, PHP
- Template BootstrapMade Kelly Template
- Client Ann's Decor (event design & floristry business)
- Website annsdecor.com