Task:

Your task is to recreate the provided web page layout using HTML$,$ CSS$,$ and the Bootstrap framework.

The layout consists of different colored boxes organized into sections, demonstrating the use of the

Bootstrap grid system.

Guidelines:

$$ Colors: Assign different colors to each box to visually distinguish the sections. Utilize CSS styling

within your ASP.NET project.

$$ Column Widths: Adjust column widths appropriately to achieve a balanced and visually

appealing layout. Leverage the Bootstrap grid system classes within your Visual Studio ASP.NET

project.

$$ Spacing: Use Bootstrap utility classes for spacing to ensure a clean and organized design.

Implement these spacing classes within your ASP.NET project to maintain consistency.

$$ Responsive Design: Ensure that the layout is responsive and adapts well to different screen

sizes. Test the responsiveness within Visual Studio ASP.NET and make adjustments as necessary. and the output should look like this.Herder

Fouter this is how it should look like