HTML and CSS are the building blocks of any website. They combine content and visual appearance beautifully with tons of possibilities.
Dividing your HTML and CSS in a semantic matter will improve your google search results due to the fact that you are placed higher in the search results. Also with semantically dividing your HTML and CSS it’ll be less of a job for another programmer to find any malfunctions or ‘mistakes’ in your codes.

The main job was to show if I could devide my HTML and CSS in a semantic manner. Wich essentially means that everything that is content related is only shown in the HTML coding panel, and every code and line of text that is visual appearance related is only shown in the CSS coding panel.

In the example above I display the result of how I used HTML & CSS to create a responsive intranet webpage. The design is based upon the users needs on the type of device they use.