Skip to content

web development code used to convert a photoshop PSD design comp of a web landing page into a working HTML page.

Notifications You must be signed in to change notification settings

rrnwick/PSD2html_1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PSD to HTML

This repository contains the web development code used to convert a photoshop PSD design comp of a web landing page into a working HTML template page.

This landing page was created to be responsive, from a single static comp, therefore it is not pixel perfect. This is a natural side effect of producing fluid and adaptive pages for more than just one screen size.

This page was also coded using Flex Box CSS and is therefore only compatible with the latest browsers (not IE). I have intentionally not used a fallback.

Live Preview

Tools / Workflows

The following frameworks/tools were used:

  • HTML / CSS
  • Sass (scss)
  • JavaScript / jQuery:
  • scrollReveal, scrollTo
  • Google font: Lato
  • Font Awesome icons
  • Gulp, Bower, & Git

PSD Design

This landing page was designed by Evgenia Kornienko

Adobe Creative Cloud Extract was used to source the graphical elements and font information.

PSD Design

About

web development code used to convert a photoshop PSD design comp of a web landing page into a working HTML page.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published