Pine Jewelry

View the Code Launch Demo Site

Technologies

  • CSS3
  • HTML 5
  • Git / GitHub
  • PhotoShop Elements

About

For the Pine Jewelry website, I was provided with a Photoshop Document (PSD) containing the design and photos. This project was a really great opportunity to leverage Bootstrap 4 because I needed to reorder elements and add elements as the browser size gets larger. I also utilized media quires for customizations required to make sure the site looks good at every screen size.

The photos provided to me were not cropped as they appeared in the PSD, using Photoshop Elements, I cropped the images to match the design and saved them compressed to reduce the size of the overall site. A requirement of the project was that the site files be no more than 4MB, this project is less than half of that.