Important Notes: - This is an individual assignment. - I will be checking for borrowed or copied assignments. All work is to be done from scratch, you may not use any templates or other assistances. - This assessment is out of 10 marks total. Background: The purpose of this assignment is to provide you hands-on experience with building and presenting basic layouts using flexboxes and grids for a web page. Tasks: Create a web page structure for a client to show them the general layout of the web page you are building for them: 1. Add a header, nav, two sidebars, main, and footer. (1 mark) 2. Use a CSS grid layout properties to arrange the different sections of the web page such that they follow the sample wireframe on page 2. The width of the two sidebars and main must be 3oopx respectively. Do not use grid-area property to implement this - no mark will be given if you use the property. (5 marks) 3. Add a space between the rows and columns. Do not use padding or margin properties to implement this - no mark will be given if you use the properties. (1 mark) 4. Add a text to indicate each section. Use a CSS flexbox properties to center the text horizontally and vertically for every section. (2 marks) 5. Add your name and email in the footer of the page. (1 mark) Hints: Grid properties include display, gap, grid-template-columns, grid-template-rows, justify-content, align-content, grid-row-start, grid- row-end, grid-column-start, grid-column-end, grid-column, grid-row, grid-area, etc. Flex properties include display, flex-direction, flex-wrap, flex-flow, justify-content, align-items, align-content, order, flex-grow, flex-basis, flex, align-self, etc. A sample wireframe:.