PSD to HTML & CSS

Converted a Photoshop (PSD) design into a pixel-accurate, fully responsive website using a 12-column grid system with pure HTML and CSS, and added interactive behavior with jQuery. This project is a front-end implementation of a PSD mockup. I translated visual layers, spacing, and typography from the PSD into semantic HTML and CSS, structured with a 12-column grid, so the layout stays consistent and predictable across screen sizes. For interactivity (menu toggle, sliders, modals, forms, and other UI behaviors), I used lightweight jQuery.

Technologies

• HTML
• CSS
• JQuery