Header Building blocks

The header on this page is composed of four widgets stacked vertically - ThemeKit Logo Header Nav, the ThemeKit Header Bar ThemeKit Header Video and the ThemeKit Shape Curve. All four widgets have their background gradient colors set the same so that they appear as one item when viewed in the browser.
Video Info
The player can handle MP4 video, Vimeo or YouTbe and presents a uniform control bar in all browsers and with all video types.
The player is particularly suited to playing MP4 self hosted video on responsive pages since it loads a poster image at page load, prevents the video file from downloading until it is played and can insert up to three different sized video files for the various devices. The video file size is delected from the popup when the gear icon is clicked or tapped.
The container has three controls for padding - top, left/right and bottom since these need to be adjusted when using an offset box shadow and/or a bottom shape.
Header Contact Bar
The bar has a link to a contact page with a choice of icons, a phone number that switches to a phone icon on mobile phones and a spam protected email link. It can have a gradient background and can overlay the bottom of the item above it if required.