A high-fidelity, hand-coded clone of the OpenAI website's frontend. This project was developed live during an Inter-House Web Development Competition, where it secured 1st Place.
I am proud to share that this project won the Gold Medal (1st Position) in the 2025-26 Inter-House Web Development Competition at M. P. Birla Foundation H. S. School. The entire codebase was written from scratch on the spot within the competition timeframe.
The goal of this project was to replicate the sleek, dark-themed UI/UX of OpenAI's official website using clean, semantic HTML and modern CSS.
- Pixel-Perfect Design: Accurate recreation of the navigation, hero sections, and typography.
- Responsive Layout: Designed to look great across different screen sizes.
- Modern Aesthetics: Deep black backgrounds with vibrant, rounded-corner cards and high-quality imagery.
- Handwritten Code: No page builders or external templates; 100% manual implementation.
The landing page featuring the iconic search bar and minimalist sidebar navigation.
Layout showcasing strategic partnerships and technical milestones.
Grid-based display for latest research publications and safety documentation.
Clean representation of the "OpenAI for Business" ecosystem.
The "Get Started" section with a integrated footer navigation.
- HTML5: For structured, semantic web content.
- CSS3: For custom styling, Flexbox/Grid layouts, and responsiveness.
Swarnendu Kundu