media library

5 webpages for desktop and mobile to create with a new sql lite database to hold tables/data. There will be a bread crumb menu through pages for easy navigation. We will supply all optimised assets. Front end needs to be built only in html 5, CSS and Javascript only. We will set up server. Lynx server with cpanel. We will provide mock-up pages. Page 1 - Home page to contain: Background image (on page load JS will pick an image at random to display on the background) Page will feature logo with 5 menu links in header and small footer A login box. PLEASE NOTE I have the code and database for this, but this is how it works. For user to enter name and email address, then an email is directly sent to user with a password and then the user enters it into the field login page to gain access. Mobile and desktop views. Page 2 - Category page Background image (on page load JS will pick an image at random to display on the background) There will be a number of category buttons on this page. Each button will have a thumb image with a solid colour box underneath image with 2-3 lines of text. This button is repeated for each category. Allow 20 categories. Mobile and desktop views For desktop view allow 3 button row. For mobile view allow 1 per button row Same header and footer as home page Page 3 - Image and video page Background image (on page load JS will pick an image at random to display on the background) There will be a number of category buttons on this page. Each button will have a thumb image with a solid colour box underneath image with 2-3 lines of text. The button will have 1 and or 2 buttons (called - low resolution & high resolution) with will sit under the solid colour box. This button is repeated for each category. Allow 20 buttons. Mobile and desktop views For desktop view allow 3 button row. For mobile view allow 1 per button row Same header and footer as home page Page 4 - Search Document/Images page Background image (on page load JS will pick an image at random to display on the background) There will be a solid box for user to enter unto 6 keywords. Upon pressing enter the app will search through the documents and the results will list the documents with these words in. suggest using JS for this function - but open to ideas. The results will be shown as buttons for user to select to open/download Mobile and desktop views For desktop view allow 3 button row. For mobile view allow 1 per button row Same header and footer as home page Page 5 - image/video view with caption and description box page Background image (on page load JS will pick an image at random to display on the background) This is the full screen image/video with caption box underneath, another text box and a description box. PLEASE NOTE: we have our video player code to use. There will be a user button called ‘Know anything about this picture’ and if pressed pop window will pop up for the user to enter text along with our name and email address. a send button which email it to us. Mobile and desktop views Same header and footer as home page Quick turnaround needed and NDA will need to be signed.