This project is a modern, responsive landing page created to showcase a new product version from Create Bakery. The page highlights key features, technical specifications, and the visual appeal of the product. The design is sleek and user-friendly, focused on providing an engaging user experience and effectively promoting innovations. By integrating cutting-edge web technologies and an attractive interface, the project demonstrates a high standard of web development and design. This project not only emphasizes technical skills but also the ability to create captivating and functional digital experiences.
HTML5: Utilized for the structure and content of the webpage.
CSS3: Employed for styling, layout, and visual design, 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, facilitating modular and reusable code.
Bootstrap: Applied to streamline responsive design and ensure cross-device compatibility.
Webpack: Used for bundling the project's assets and dependencies.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/MariiaSuper/creative_bakery_landing_page - Navigate to the project directory:
cd creative_bakery_landing_page - Install the dependencies:
npm install - Start the development server:
npm start - Open your browser and go to:
http://localhost:3000to view and interact with the landing page.
This will launch the landing page on your local development server, allowing you to explore and test the project's features.