PSD to HTML and CSS

I converted a PSD website template image into a responsive webpage with HTML and CSS.

I converted a PSD website template image into a responsive webpage with HTML and CSS. The website design was sourced from Graphberry.

Export images and html to construct basic html structure and visual reference.

Extract information detailing the page design from the PSD file. The following screenshots show the process chronologically.

Colour
Transparency

Text
Font family
Style
Size
Weight
Line spacing

Export image files

Margin
Padding
Height
Width
Grid gaps