In update of River Islands’ Home page for the 17th April, I was given the below graphic layout of the pages proposed design arrangement. The key aspects included on the page are image links, live text, break points, a mobile trends slider and a duplicated 1 pixel banner to the left and right side of the top banner navigation, hero image, kids image and Get Inspired image on Desktop.
Below you can see screenshots of my HTML and CSS for the RI 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.