🚲 Pureride Bike Service Website

A modern, responsive website for Pureride, your trusted bicycle service and repair solution. Built with clean, semantic HTML5, modern CSS3, and vanilla JavaScript.

✨ Features

• Responsive Design: Seamlessly adapts to all device sizes
• Modern UI/UX: Clean, intuitive interface with smooth animations
• Performance Optimized: Fast loading with optimized assets
• Accessibility Focused: WCAG compliant design principles
• Cross-Browser Compatible: Works on all modern browsers

🛠️ Tech Stack

• HTML5
• CSS3 (with CSS Variables)
• Vanilla JavaScript
• Material Icons
• Inter Font Family

📂 Project Structure

pureride/
├── index.html
├── styles/
│   ├── style.css
│   ├── header.css
│   ├── hero.css
│   └── font.css
├── fonts/
│   ├── inter-v18-latin-regular.woff2
│   └── inter-v18-latin-700.woff2
├── script.js
└── README.md

🚀 Getting Started

1. Clone the repository

   git clone https://github.com/Cubepad/pureride.git

2. Navigate to project directory

   cd pureride

3. Start a local server

   # Using Python 3
   python -m http.server 8000
   
   # OR using Node.js
   npx serve

4. Open in browser

   http://localhost:8000
   

🎨 Color Palette

Color Name	Hex Code	Usage
Primary	#005EE3	Main accent color, CTAs
Secondary	#24348B	Secondary elements
Background	#FAFBFD	Page background
Pure White	#FFFFFF	Cards, containers
Text Gray	#374151	Body text
Dark Gray	#1F2937	Headings

📱 Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)
• Mobile browsers

🔄 Development

Prerequisites

• Basic understanding of HTML, CSS, and JavaScript
• A modern code editor (VS Code recommended)
• Basic knowledge of Git

Code Style

• Use 2 spaces for indentation
• Follow BEM methodology for CSS classes
• Keep JavaScript functions small and focused
• Comment complex logic and CSS calculations

🤝 Contributing

1. Fork the repository
2. Create a new branch
3. Make your changes
4. Submit a pull request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

📞 Contact

For any queries regarding the website or service:

• Email: davideniola108@gmail.com

🙏 Acknowledgments

• Inter font by Rasmus Andersson
• Material Icons by Google
• All our amazing contributors

---

Made with ❤️ by David Olaniyan