The project was a cloned and enhanced version of the real Chartwell Partners website. The assignment in this project was to replicate the original framework, maintain its visual look, and add new interactive and responsive features as part of the Pathline Internship Program.
This was a frontend development assignment for the Pathline Internship Program, where I needed to:
- Reconstruct a modern professional website layout.
- Follow modern web standards (HTML, CSS, JS).
- Add useful and new features.
- Adhere to clean and scalable code architecture.
In addition to duplicating the initial site structure and appearance, I added:
-
💡 Light / Dark Mode Toggle
- Clean theme switch with CSS variables and JavaScript.
-
📱 Responsive Hamburger Menu
- Responsive navbar with dropdown effect.
-
🔝 Scroll-to-Top Button
- Displays on scroll and returns the user to the top with smooth animation.
-
⏳ Animated Loading Overlay
- Subtle loading animation when the website is first loaded.
-
📶 Scroll Progress Indicator
- A dynamic progress bar at the top of the site shows how much of the page is scrolled.
- HTML5 – Semantic structure
- CSS3 – Responsive layout, animations, variables
- JavaScript (Vanilla) – DOM manipulation, scroll events, theme toggle
- Font Awesome – Icons via CDN
- Google Fonts – Typography via CDN
- GitHub Pages – Deployment & Hosting
PathLine-ChartwellPartners/
├── index.html
├── assets/
│ ├── css/
│ │ └── main.css
│ ├── js/
│ │ └── main.js
│ ├── img/
│ │ └── [images]
│ └── fonts/
├── README.md
└── docs/
└── technical-doc.md- The original design and layout inspiration is taken from Chartwell Partners.
- This project is educational only and not for commercial use.
Mo'men Hussein, Intern @ Pathline