Science Lab – Image to HTML Conversion

A static research lab webpage converted from a design into HTML and CSS.
The original design was taken from Lovable UI and rebuilt into a pixel-perfect, responsive UI.
While the layout matches the provided design, different icons and images were used.

Features

• Pixel-perfect conversion from image to HTML/CSS
• Fully responsive layout for desktop, tablet, and mobile
• Clean and semantic HTML5 structure
• Modern CSS3 techniques: Grid, Flexbox, and custom properties
• Accessible and maintainable code

Assets

• Icons: Font Awesome
• Images: Unsplash

Tech Stack

• HTML5 (semantic markup)
• CSS3 (Grid, Flexbox, custom properties)
• Responsive Design

Preview

Original Lovable UI Design:
HTML & CSS Conversion:

Live Demo

View Project on GitHub Pages

Design

Original design credit: Lovable UI.