This project is a modern, responsive landing page designed to showcase a new line of bicycles. The page highlights key features, technical specifications, and the aesthetic appeal of the products. The design is user-friendly and informative, focusing on providing a seamless experience for potential customers. The project demonstrates high standards of web development and design by integrating cutting-edge technologies and a stylish interface to create an engaging and functional digital experience.
- HTML5: Used for the structure and content of the webpage.
- CSS3: Employed for styling and layout, including Flexbox and Grid for responsive design.
- Sass: Adopted for more efficient and organized CSS development.
- BEM (Block Element Modifier): Applied for clear and consistent CSS architecture, promoting modular and reusable code.
- Webpack: Used for bundling the project’s assets and dependencies.
- Live Preview: BIKE Landing Page
- Figma Mockup: Figma Design
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/asushko25/layout_landing-page.git -
Navigate to the project directory:
cd layout_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.