Convertissez un modèle en site Web

Introduction ============ I'm a web developper currently working on improving this website: [login to view URL] I made a new look in photoshop and I'm looking for someone to do the translation to HTML5, CSS and Javascript. Requirements ============ - I want a clean job, with annotated files that will be easily updatable by a third party. - The pages should be responsive (I joined the desktop and mobile views) - The pages should look exactly like the files I provided. - The pages should include the functionalities listed in this file. - The colours should be consistent throughout the pages. - The CSS will be rewritten from scratch you can basically ignore all formatting of the current website. - I want a popup modal that hasn't been drawn in the files but that will be fit with the overall design. Home page --------- - The nav bar color is #111 - The header section height stays the same when adapting to screen sizes and the background image fills the entire height. - In the header, the "View our collection >"'s underline appears from left to right when hovered. - In the images section, when not hovered, the images display with no text over them. when hovered, there is a black transparent gradient covering the lower part of the images and the title of the image and is displayed. The lower right corner has a coloured square either blue, green or yellow and contains price if the image is related to a product, or an arrow if the image is related to a blog article. - The footer is standard and contains links to various parts of the site. - The shopping cart appears from the right side (animation) when the "View Cart" button is pressed. - When the shopping cart is displayed, the left area of the site is darkened with a transparent black mask. - In the desktop psd file, you will have layers for the desktop version, plus the cart view. - In the mobile psd file, you will have layers for the mobile version, the mobile menu view and the mobile cart view. Blog page --------- - The blog page is pretty straightforward, as it appears in the files. - When the Social media share icons scroll up with the page, on the desktop view, they will stick to under the nav bar so they will be visible on the page 100% of the time. On mobile version, the social media share buttons are not sticky. LogIn/SignUp page ----------------- - When clicking on the "Sign Up here" or "LogIn here" the form switches without refresh between logIn and Sign up views. Single Product page ------------------- - The single product page has a slider. You can switch image by swiping fingers on the mobile version or clicking the arrows or the dots on the desktop view. - The "view conversion chart" link opens a modal popup. The modal will be empty for now (i will put content after) but i want it to work at least. - When no shoe size is selected, the "Please Select Size" button is showing, when a shoe size is selected, the "Add to Cart" button shows instead. Work ==== I want to have good communication with the freelancer i hire so i will be available online most of the time during the work. Please view the attached jpeg files for more details. I will provide PSD files for the job. If you read and understood the requirements of the job, please add "jpdupere" in your application.