Responsive Design /

INFO 343 project

CSS & HTML

Autumn 2016. I used CSS and HTML to stylize and code a page advertising the object of a ‘pencil’ while following the given mockups. I made sure to code the website so it was ‘mobile responsive’ first before ensuring it also worked and looked appropriate on bigger screen resolutions.

Screenshots // Live website

Home

Shows the beginning of a website advertising the product of a 'pencil.'

See Full Screenshot

Reviews and Contact

Shows more of the pencil website design. Allows the user to see the reviews left by others and also the contact information.

See Full Screenshot

Mobile

Shows the mobile version of the pencil website and indicates that the design is responsive for all screen resolutions. Designed with mobile responsiveness in mind first.

See Full Screenshot