Branch: master
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
45 lines (23 sloc) 967 Bytes

Williams-Sonoma Markup Challenge for WestElm

I was asked to refer to the image titled provided to me in order to put together a pixel perfect page.

Required Features

  • Expanding and collapsing the sections on the lower right quadrant of the page.

  • Using the small product images to update the large hero product image.

  • Display a modal or message after the Add to Cart button is clicked.


While, I wasn't asked to do this. I has a lot of fun with working on the challenge.

Navbar Styling & Breadcrumbs

When the image is clicked the title description is changed.

How To View

  1. Download this repo

  2. Extract the .zip file

  3. Drag the Index.html to your browser of choice.

  4. Alternatively, follow the link:


Screen Shot 2018-08-20 at 12.06.13 AM

Technology Use

  • Bootstrap (grids, responsiveness, etc)
  • Vanilla JavaScript
  • HTML5
  • CSS3