In update of River Islands’ Women’s Non Clothing page, I was given the below graphic representation of the pages proposed design layout. The key aspects included on the page are image transitions, image links, hover-over images, live text, break points and a duplicated 1 pixel banner to the left and right side of the hero image.
Below you can see screenshots of both my HTML and CSS for the River Island Women’s Non Clothing page:
The final page was tested on staging the River Island main server, before being made live. The following images are screenshots of the page in desktop, ipad and mobile view.