New Check out the curated list of the finest design resources I've gathered for you! Take a look →

PSD to Responsive HTML Using Bootstrap for

I recently had the pleasure of working with a client from Upwork who requested my services to turn their design into a custom responsive HTML website.

The project requirements included

  1. Using Bootstrap-framework 4
  2. PUG for HTML-Preprocessor
  3. Cross-browser compatibility
  4. Using Sass preprocessor for CSS development
  5. and ensuring responsive support.

Throughout the project, I also made sure to optimize the website by

  1. Creating SVG sprites for each SVG icon
  2. Minimizing the CSS and JavaScript files
  3. Compressing images
  4. And validating the HTML to meet W3C standards.

The result was a visually stunning and highly functional website for, which serves as a Google for online shopping in Pakistan. Below are a few screenshots showcasing my work.