HTML5 Schema and CSS Styling Correct?
Your code is basically correct, but you might want to look at a few things that have changed with HTML and CSS in the last years:

Web Fonts

font-family: Verdana, Geneva, Tahoma, sans-serif;


In the bad old days you could only use fonts in web pages that were
already installed on the client system.  Because theses pre-installed fonts
differed from operating system to operating system, a list of similar looking
fonts was specified.  Here "Verdana" was typically found on windows machines, "Geneva" typically on MacOS, an "sans-serif" is a wildcard to finally
use any sans serif font, if none of the named fonts are available.

Since about 2008 browsers can load fontssee history of web typography.  Now you can specify exactly
the font you want, and maybe add the wildcard at the end in case anything breaks.
See google fonts for free fonts and for the code you need to load them.

So today you would typically write

font-family: 'Open Sans', sans-serif;


instead of the font list.

Layout

You use "float" to arrange divs side-by-side. 

Since Spring 2017 you can use CSS Grid instead.

Use it to lay out the whole page on a grid. You will need fewer HTML tags and can forget about "clearfix".

Responsive Design

The Web has many different output devices.  Even if we just look at
screens, we have big differences in resolution and pixel density.

Your page is geared toward a screen width of 1024px.  On smaller displays parts of your page will only by visibly when scrolling horizontally.  On larger displays you will not use the space available in a meaningful way.

The answer to this is responsive design: start designing your page for a smartphone. Then add different CSS for larger devices using media queries.