A clean and professional front-end clone of the official Proxgy website, built using pure HTML and CSS only, focusing on layout accuracy, responsiveness, and modern UI structure.
This project is a multi-page static front-end clone of the official Proxgy website
👉 https://www.proxgy.com/
The primary goal of this project was to replicate the real website design as closely as possible using only HTML & CSS, without using JavaScript, frameworks, or libraries.
This project highlights strong fundamentals in:
- Semantic HTML
- Advanced CSS layouts
- Media queries & responsiveness
- Real-world website structuring
- HTML5 – Structure & page layouts
- CSS3 – Styling, responsiveness & media queries
❌ No JavaScript
❌ No frameworks (Bootstrap, Tailwind, etc.)
❌ No libraries
✔️ 100% Pure HTML & CSS
- Home Page (
index.html) - Products Page (
products.html) - Sleeve Page (
Sleeve.html)
Each page has:
- Separate CSS file
- Separate media-query CSS file for responsiveness
- ✅ Pixel-perfect UI inspired by the original Proxgy website
- ✅ Fully responsive design (Mobile, Tablet & Desktop)
- ✅ Clean and modular CSS structure
- ✅ Real-world multi-page website setup
- ✅ Beginner-friendly and readable codebase
The project is fully responsive using CSS media queries.
Optimized for:
- 📱 Mobile devices
- 💻 Laptops
- 🖥️ Large screens
Each major page has its own *-media-query.css file for better maintainability.
Proxgy-Clone/
│
├── index.html
├── style.css
├── index-media-query.css
│
├── products.html
├── products.css
├── products-media-query.css
│
├── Sleefe.html
├── Sleefe.css
├── Sleefe-media-query.css
│
├── preview-screenshot/
│ └── preview.png
│
├── assets / images (if any)
│
└── README.md
📸 Preview
The preview image is added at the top of this README.
It represents the real UI of the cloned Proxgy website.
📬 Contact
💼 GitHub: https://github.com/RonitkumarSoni
📧 Email: ronitkumarsoni.Cg@gmail.com