I'm struggling to align some of these divs, especially centering them. I want the page to closely resemble this image:
Here are the specific requirements: 1) The header text should be centered vertically and placed in a separate div with a black background; 2) The colored square divs within the body should be equally spaced and centered on the screen, relative to screen size; 3) The footer containing copyright information and contact details should span the bottom just short of the margins of the black div (with copyright floated left and contact floated right), although the current code doesn't achieve this.
Below is the existing code I have:
<html>