can u send me code step by step

The task would be to design and implement the following in accordance with the guidelines. 1. Design and implement the following page first for a mobile device (max. 660px width) colors.html and css file. Try to keep html and css simple and implement first boxes and texts. - Font: Impact - Create shadows on boxes 2. Use the Font Awesome icons. Icons are not need be the same as in the example, but otherwise, the layout should work in the same way within a single "box". Example. 3. Get the ready-made palette of 4-5 colors and use it as the colors for the "boxes" on the colors.html preference page: http://colorpalettes.net/ You can choose which color palette you want to use. Save the color palette and return it with the other files. 4. Make the page responsive also for larger screens and the following breakpoints will change (example on the next page): - for screens larger than 600px, the "ICONS" box should appear - For screens larger than 800px - maximum width 960px and centered. - color boxes in pixels: 460px width + margin 10 in each direction count and mark as a percentage. - Colors and Icons - boxes are 940px + margin 10px in each direction count and mark as percentage 4. Make the page responsive also for larger screens and the following breakpoints will change (example on the next page): - for screens larger than 600px, the "ICONS" box should appear - For screens larger than 800px - maximum width 960px and centered. - color boxes in pixels: 460px width + margin 10 in each direction count and mark as a percentage. - Colors and Icons - boxes are 940px+ margin 10px in each direction count and mark as percentage 5. Make all boxes (except ICONS) links leading to subpages: blue.html, green.html, yellow.html and red.html. The Colors box brings you back to the colors.html page. 6. Create monochrome color palettes for the subpages according to your main color (example below). You can use http://paletton.com/Huid=75a0u0kminfcuxNhVrvqoiYv-dz or httpsillcoloradobecom/create/color-wheel