MyBike — Landing Page

📌 Project Description

A learning project — a one-page landing website about bicycles. Page structure:

• Hero section (main page);
• 3 content blocks;
• Contact form block;
• Footer.

The project was created to practice layout building, responsive design, and clean code organization.

---

🛠 Technologies Used

• HTML5 — semantic markup
• CSS3 — styling
• Flexbox & CSS Grid — layout and responsive design
• Sass (SCSS) — preprocessor for better style management
• BEM methodology — structured naming convention for classes

---

🔗 Links

• Live Preview: https://MarinaKramarchuk.github.io/MyBike/
• Figma Design: https://www.figma.com/design/NZQAIydtHo5QkINyGLHNcq/BIKE-New-Version?node-id=26-333&t=pPre26Aain9TQYee-0

⚙️ Getting Started

1️⃣ Clone the repository

git clone https://github.com/MarinaKramarchuk/MyBike.git cd MyBike

2️⃣ Install dependencies

Make sure you have Node.js and npm installed.

npm install

3️⃣ Run Sass in watch mode

npm start

This will automatically compile SCSS into CSS while you work.