This project is a landing page for the fictional agency "Air." It was developed according to the design in Figma and includes various sections such as the header with slider, "Who we are," "Our expertise," "Process," "Testimonials," "Vision, Passion, Results," "Send us a message," and "Contact us" sections.
- HTML5
- SCSS (BEM methodology)
- JavaScript
- Local Storage for theme persistence (light or dark)
- Theme switcher (light or dark) with the ability to persist in Local Storage.
- Theme switching is also considered on page load.
- Smooth scrolling implemented for the entire page.
- Consistent animation speed throughout the page.
- Fully responsive layout.
- Basic form validation is added.
- Page navigation between sections is implemented.
- Slider implemented with the ability to navigate between images.
During the development of this landing page, I gained valuable experience in:
-
Responsive Design: Adapting the layout for various screen sizes while maintaining a consistent and visually appealing design.
-
Theme Switcher Implementation: Introducing a dynamic theme switcher that enhances user engagement and personalization.
-
Slider Functionality: Implementing a slider with smooth transitions and user-friendly navigation.
-
Figma Design Integration: Translating design mockups from Figma into a fully functional and responsive web page.
-
GitHub Flow: Utilizing GitHub for version control and collaborative development through branches and pull requests.
This project not only demonstrates my technical skills but also reflects my commitment to delivering a polished and user-friendly web experience.
Thank you for checking out my project! I am open to feedback and potential collaboration. For details, please contact me.