In update of River Islands’ Women’s Occasionwear page, I was given the below graphic representation of the pages proposed design layout. The key aspects included on the page are image links, hover-over images, live text, break points, a 100% width background image 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 home 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.