We would like to have the top portion of our new website programmed including opening animation and toolbar.
The animation can be programmed in html5 so this will allow us to add new images into the code. We do not want rendered video except for the background light effect.
We will be using bootstrap V4 and fontawesome v5 on a php v5.6 server for the rest of the website so be sure to use those libraries.
The main screen with the video should always cover the entire screen both vertically and horizontally. No space
No scrollbars as we want to generate content only on the first screen.
Overtop of the video we will be showing various screen shots of work we have performed. If the user rolls over one of the website screen shots stop the animation and if the user clicks the screen shot popup a modal window that provides info on that website. If they click a read more with in the modal window we take the user to the website address in a new browser tab.
Bottom blue toolbar should not be displayed unless mouse is moving. After 3 second of the mouse stopping fade out toolbar. As soon as the mouse moves again fade in toolbar. The toolbar should fade in. 1 second fade in and 1 second fade out once the mouse stops
The toolbar sub menu should popup when the mouse rolls over them. They do not need to be clicked to popup the sub toolbar menu
The general state of the toolbar should be 75% transparent so you can see the background a little.
Have the background of the toolbar fade dark when ever any of the toolbar options are rolled over. I would make the dark fade in and out at 1 second.
-- see sample toolbar popup menu needed--
MODAL CONTACT WINDOW POPUP
-- See sample modal contact popup window --
ROTATING CLIENT IMAGES
We would like the rotating client images to grow about 10% as they fade in and then shrink 10% as they fade out.
BACKGROUND VIDEO. The video can be downloaded here.
[login to view URL]