This project is a modern, responsive landing page designed to promote the Air product line (formerly known as Dia). The page highlights key features, technical specifications, and the unique selling points of the products. The design focuses on delivering a seamless user experience, ensuring that potential customers can easily navigate and find information. By integrating contemporary web technologies and a sleek interface, the project exemplifies high standards of web development and design.
- HTML5: Used for the structure and content of the webpage.
- CSS3: Employed for styling and layout, incorporating Flexbox and Grid for responsive design.
- Sass: Adopted for more efficient and organized CSS development.
- BEM (Block Element Modifier): Applied for a clear and consistent CSS architecture, promoting modular and reusable code.
- Webpack: Used for bundling the project’s assets and dependencies.
- Live Preview: Dia Landing Page
- Figma Mockup: Figma Design
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/asushko25/layout-dia__landing-page.git
-
Navigate to the project directory:
cd layout-dia__landing-page
-
Install the dependencies:
npm install
-
Start the development server:
npm start
This will launch the landing page on your local development server, allowing you to explore and test the project’s features.