Welcome to Coindox, a modern, responsive frontend project built for a fictional cloud mining service.
This project includes a homepage (index.html) and a contact page (contact.html) showcasing UI components such as pricing plans, services, products, FAQs, and a contact form.
/
├── assets/
│ ├── img/ # All images (hero, brands, services, products, etc.)
│ └── svg/ # Logo and other SVG icons
├── fonts/
│ ├── all.min.css # Font Awesome icons
│ └── fonts.css # Custom font styles
├── style.css # Main styling for the website
├── media.css # Responsive (media queries) styling
├── contact.css # Specific styling for the Contact page
├── index.html # Homepage file
└── contact.html # Contact page file
-
Homepage (
index.html)- Hero section introducing cloud mining services
- Pricing plans for Bitcoin, Ethereum, and Litecoin contracts
- Overview of available services
- Product promotions (PCs, Mining Rigs, Mining Farms)
- FAQ section
- Newsletter subscription form
- Footer with useful links and social media icons
-
Contact Page (
contact.html)- "Get in Touch" section
- Contact details (Phone, Email, Location)
- Contact form (Name, Email, Message)
- Social media footer
- HTML5 — Semantic, accessible markup
- CSS3 — Custom and responsive designs
- Font Awesome — Icons for UI elements
- Custom Fonts — Typography via
fonts.css - Responsive Design — Optimized for various devices via
media.css
Simply clone this repository and open the index.html or contact.html file directly in your browser:
git clone https://github.com/your-username/coindox.git
cd coindox
# Open index.html in your browserAlternatively, use a live server extension if you prefer auto-reloading while editing.
- Paths like
/assets/img/...should ideally be relative (./assets/img/...) for better compatibility, especially when hosting the site. - No JavaScript functionality yet: checkbox toggling (for mobile menu) is handled by HTML/CSS.
- This project is mainly for frontend practice — no backend integration (e.g., form submission) is included.
If you want to get in touch or suggest improvements, feel free to open an issue or create a pull request!
This project is for educational purposes. Feel free to fork, customize, and use it in your learning journey!
Made with ❤️ by a student for test training.