Convertissez un modèle en site Web
$250-750 CAD
Paid on delivery
Introduction
============
I'm a web developper currently working on improving this website: [url removed, login to view]
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.
Clarification: I don't need a working website. I only need the frontend CSS and HTML files that i will use to override the old website CSS and HTML files. I deal with the entire backend.
Project ID: #10536801
About the project
Awarded to:
Hello, Thanks for update details "jpdupere" I am really interested to work on this project, I can start the work now. I only take project if i can do it, so Please come on chat to discuss more about the project. More
22 freelancers are bidding on average $549 for this job
Hello, I'm a professional programmer for web programming with php language to build the system website, Besides, I'm also expert in MySQL , HTML,HTML5,CSS, JS I'm always top in Vietnam freelancer [login to view URL] More
HI SIR AWARD ME RIGHT NOW I M 100% CONFIDENT FOR THIS PROJECT!!! I am ready to start this immediately. I am extremely eager and ready to go. I am all of the following; attentive, detailed, creative, dedicated, efficie More
Hey I want to discuss about job, before you are awarded. I'm ready to start immediately, please contact me. I am new bidder but I have great experience in PSD to HTML. Which you upload the 4 jpeg file I can convert 4 P More