A modern, responsive landing page for a fictional bike company called MYBIKE. It showcases bike features, compares different models, and includes a contact form for test ride bookings. Designed to be visually engaging and mobile-friendly to promote urban e-biking solutions.
- HTML5
- SCSS (Sass)
- JavaScript (Vanilla)
- Google Fonts (Poppins)
- Responsive Design (Mobile-first)
- CSS Flexbox & Grid
- BEM Methodology
- Git & GitHub
- Favicon Support
- Deployed via [Your Hosting Platform: Netlify/Vercel/GitHub Pages]
Follow these steps to run the project locally:
- Clone the repository
git clone https://github.com/your-username/mybike.git cd mybike - Install dependencies
npm install # or yarn install - Run the project locally
npm start # or yarn start
-
🔥 Fully responsive design across devices
-
📱 Mobile navigation with burger menu and smooth transitions
-
🚲 Interactive product comparison section
-
💡 Detailed bike features with adaptive images
-
📬 Functional contact form layout (with client-side reset)
-
🧭 Integrated navigation and sticky header