Project for khanalsantoshnp - sketch to HTML + JS

Completado Publicado hace 6 años Pagado a la entrega
Completado Pagado a la entrega

Find the first set of screens attached in the sketch file below. Here are some specific instructions to keep in mind when coding:

1) Be pixel perfect!

2) Please keep the CSS and HTML files as small as possible - try not to use frameworks if possible. This is because these elements will be integrated into existing websites, and need to be very small.

3) This button ([login to view URL]), when clicked on, should expand into this from the right corner: [login to view URL] This is because this button will be integrated on other websites and have a position:absolute, right:0.

4) The red boxed texts ([login to view URL]) should rotate between 3 different texts; try-before-you-buy, free standard shipping, and free returns pickup. Please use this script: [login to view URL] (scroll to bottom for examples).

5) When this button is clicked ([login to view URL]), open this modal ([login to view URL]) with dark overlay over everything else on the page.

6) This page ([login to view URL]) is simply showing what should happen when the user clicks on either of these buttons:[login to view URL] For example, if the user clicks on the pencil icon beside 'shipping', then the shipping form should replace just that section (for example: [login to view URL])

7) When this button is clicked ([login to view URL]), open this modal ([login to view URL]) with dark overlay over everything else on the page.

An additional 4 screens (of similar design) will be provided in 1-2 days - they're just being polished right now :). Thanks again!

CSS HTML JavaScript PSD a HTML

Nº del proyecto: #14031061

Sobre el proyecto

24 propuestas Proyecto remoto Activo hace 6 años

Adjudicado a:

$350 CAD en 5 días
(93 comentarios)
6.7

24 freelancers están ofertando un promedio de $542 por este trabajo

finbuks

Hello Sir/Madam, I do understand your requirement; I will complete your website as per your requirements and take care of all responsive issues. Please send me details so I can start. I am available and ready to sta Más

$250 CAD en 10 días
(122 comentarios)
7.0
mike199

Hi, my name is Mike, I’m based in Oxford, UK. Your project description sounds interesting to me and I do have skills & experience that are required to complete it to a high standard. I can show you some examples of my Más

$555 CAD en 10 días
(34 comentarios)
6.7
FreelancerNasim

Dear Sir/Madam With humble respect and as a senior web programmer, i would like to request you highly to give me a chance to work on your project. Over the last 5 years, I have been working as a Web Developer. Más

$555 CAD en 10 días
(43 comentarios)
5.6
ECSWales

Hello & thanks for looking into our proposal. We are a software house with more than 30 specialists in WEB DEVELOPMENT work. You can see some of the sample work in our portfolio or visit www.p2hcloud.com. We normally Más

$250 CAD en 5 días
(24 comentarios)
5.2
sitwebsolution

To The Hiring Manager, We are from S IT Solution, we're already skilled and experienced with your Desired skills. If you Consider us to full fill your job then Más

$250 CAD en 5 días
(27 comentarios)
5.0
reddysir2016

Experts from IIT India ‘Dedicated Developer Service’ gives you access to Single or team of Dedicated Developers / Programmers, exclusively working for you on your projects at our software development outsourcing cente Más

$555 CAD en 10 días
(3 comentarios)
4.0
BeautiCG

Hi,dear. I am a senior software developer. I have just checked your project report, I am able to perform this task with my developer team. I am looking forward to your proposal...

$555 CAD en 2 días
(7 comentarios)
2.8
Pari070025

Dear Hiring Manager, I am writing in response to your post. We are having 5+ years’ experience in E-commerce development. We work on core, Html, Magento, Opencart, Shopify, woo commerce etc. After carefully revie Más

$555 CAD en 10 días
(0 comentarios)
0.0
saanasana0

A proposal has not yet been provided

$555 CAD en 10 días
(0 comentarios)
0.0