Convert a Template to a Website

Using the included JPG mockup as your source material, please create a functional single-page website (HTML, CSS, JavaScript) utilizing web best practices.  Take care to ensure the code is well formed, semantic and validates according to W3C specifications.  The site should also be as accessible (screen reader/voice over) as possible.  Specifications:  Image dimensions are specified in the template and can be referenced by using [login to view URL] in your markup.  The first break point should be at 1200 px and should be centered in the viewport, please create a responsive framework and you can come up with how the navigation/images should look on smaller viewports.  Body background is #FFFFFF  Base font for entire site is Arial  Top navigation text size is 13px or em/rem equivalent and bold o Text size is 12px or em/rem equivilant and default color is #5D5D5D o Link color is #FE9B00 o Hover state is underline o Non-active state is #FE9B00 o Active state and hover is #000000  Header 1 – 18px or em/rem equivalent, #000000, bold  Header 2 – 14px or em/rem equivalent, #000000, bold  Middle three columns are each 1/3 of the width  Purple expand/collapse widget: o Text size is 12px or em/rem equivalent for everything o Background color is #562461 o Text on purple area is bold and #FFFFFF o Title Text on expanded widget is #000000 o Body text on expanded widget is default color  Text for "View" label on the 4 images should be an anchor and not baked into the background o Text is #FFFFFF, bold with a #000000 background o Hover state is underline  Footer background is  Footer text size is 12px or em/rem equivalent o Hover state is underline Dead line < 24 hrs have documents to upload