MyBike is a modern and user-friendly landing page designed for a bike shop. It showcases a variety of high-quality bikes, highlights their features, and allows users to explore details, compare models, and contact the shop for inquiries or to book test rides.
This project focuses on delivering a visually appealing and responsive design to ensure a seamless browsing experience on any device.
HTML5: For semantic structure. SCSS (Sass): For modular and maintainable styling. Google Fonts: For enhanced typography.
SITE 🔗 - https://bbbozhena.github.io/MyBike/ GITHUB🔗 - https://github.com/bbbozhena/MyBike FIGMA 🔗 - https://www.figma.com/design/NZQAIydtHo5QkINyGLHNcq/BIKE-New-Version?node-id=0-1&t=Sdox3iJCKAcfjlPp-1
To run the project locally, follow these steps:
- Clone the repository: git clone https://github.com/your-username/mybike.git
- Install dependencies: npm install
- Start the development server: npm start
Responsive Design: Adapts beautifully to different screen sizes. Product Comparison: Compare key features and prices of various bikes. Interactive Navigation: Smooth scrolling and accessible menu options. Contact Form: Submit inquiries directly via the page.
index.html — main HTML file styles/ — all SCSS styles images/ — pictures and icons