Updating an existing HTML Page

  • Posted:
  • Proposals: 1
  • Remote
  • #2009907
  • Awarded
Sazzad H.
has already sent a proposal.
  • 0


Experience Level: Intermediate
I need to update the results page here: http://dev.rephraze.com/idlife/.
I shared the assets with you in the survey Zip. As you will notice most, of the work, has been done besides the mini shopping cart.

The desktop and mobile designs are ready.

Todo list.

Add a drop-down mini shopping cart.
-I want the cart to function like the one on https://www.apple.com.
Add some products and play with it and scale it down to mobile. There is no close button. You either click on a link in the cart or off the cart for it to close.
-Add checkbox functionality.
Update the Experience Bundle section
Add three dropdowns with several flavors- See below for the number of flavors per dropdown:
Hydrate: 3 flavor
Shake: 4 flavor
Sleep: 1 flavor

-For the "info" button, open a Modal window with the title "Experience bundle" and use greeking text: https://www.lipsum.com/ to add content.
Add Slim dietary Supplements Blend. (Remove Create your unique IDLife....)
I want the left and right rows centered to each other. You will probably have to use Absolute position,translateY, set the with of the two divs to 50% on desktop and then change the left top div to 100% on moble. This is how I would do it but if you have another method that work, please go ahead and use that.

Universal thoughts

Continually scale the browser up and down as you style to make sure that you can add custom media queries to fix any misalignment issues. We don't just build for standard breakpoints, we build for browser resolutions which make the experience look good regardless of your browser size.

Reuse any functionality that already exists. Refer to the rollover styling already in place.

Build reusable code and document the code; making it easy for someone else to read.

If you are adding a new feature like the experience bundle. Make sure that code is self-contained so that it can be reused somewhere else on the site if we need it.

It very important that you pay attention to details because that's why our clients hire us. I am looking for pixel perfect front-end / HTML work.

This work will be handed off to a backend developer to integrate into the e-commerce platform, so I was to do as much as we can on the front end like having the basic functions available and setup of the buttons.
Unfortunately, this is a quicker turnaround. Assuming you have the survey at a point where I can review it today, I will hold any feedback so that you can focus on this project.
You can pick up work on the survey when this job is completed.

If you can start off with just building the shopping cart and have just that part completed by tomorrow Monday morning 9am Central time, then I can hand off assets to the backend developers and they can start on integrating the cart as they wait for the rest of the updates on the page which we can deliver by end of day or Tuesday morning.

I will pay $150 for this job.

Let me know if you want this job and I will send the PSD files.

New Proposal

Create an account now and send a proposal now to get this project.

Sign up

Clarification Board Ask a Question

    There are no clarification messages.