The Air Landing Page empowers businesses by providing strategic and innovative solutions to help them achieve their goals. This front-end project was developed using modern technologies and best practices in front-end development. A key feature of the page is a functional and user-friendly image slider, implemented with JavaScript, which allows users to effortlessly switch between slides using navigation buttons. The slider's logic ensures a cyclic transition between slides, enhancing the overall user experience and providing intuitive interaction with the interface.
- HTML5
- CSS3 (SCSS)
- BEM methodology
- JavaScript (ES6)
- Responsive Design: The design follows a mobile-first approach, starting with the smallest screen sizes and progressively enhancing the layout and features for larger screens. This ensures that the core content and functionality are prioritized and accessible on mobile devices, with enhancements for desktop and tablet views.
- UI: The design features an elegant and contemporary design, characterized by a minimalist approach that emphasizes clarity and sophistication. This approach ensures that the content is presented in a clear and engaging manner, creating a professional and approachable look. BEM Methodology: The use of the BEM (Block Element Modifier) methodology helps organize CSS code, making it more structured and understandable. This approach makes the code more modular, simplifying maintenance and updates.
- SCSS: SCSS is used to organize CSS code more efficiently. The ability to use mixins helps avoid code duplication and enhances readability.
- JavaScript: It implements functionality for image slider.
- Social Media Integration: The landing page integrates with social networks, expanding audience reach and facilitating the sharing of content information on social platforms.
Fork original repository on GitHub
Clone the forked repository:
git clone https://github.com/hsvirina/air-landing.git
Navigate to the project directory:
cd air-landing
Install the necessary project dependencies:
npm install
Start the project:
npm start