I need a front end developer to design and code a single, fully mobile responsive web page using HTML,CSS and jQuery.
The web page should be compatible with all the latest browsers.
Please check that UI is fluid and looks good on any screen size. Add media queries if you need to.
Skills Required: Web Design, Graphic design, HTML, CSS, Bootstrap, JS, jQuery
Please read the requirements and view the attached wireframe carefully before bidding. Also mention your questions in your bid.
1. Main Image * aspect ratio - 16:9
3. Call and Locate buttons
4. Image Gallery * Square Images - With easy forward and backward navigation
6. Login / Logout button - Put phone number, send otp button, and after the send otp is pressed, show an enter otp field, resend otp button and a submit button.
/* No Sign up process is required since a user will login using phone
number and otp only. Features mentioned with *LoginRequired* keyword will have a disabled
state when the user is not logged in. When a user is not logged, in these features need to appear
as locked and when a user clicks on any of these, a login modal needs to appear. */
7. Events - A list of events with title, description date, time and an image.
8. Offers - A list of offers with title, description date, time and an image.
9. Loyalty Rewards *LoginRequired* - A list of rewards with title, description, image and a progress bar with each tile. Check out the wireframe for clarity.
10. Wallet *LoginRequired* - Show a wallet amount available ( use rupee symbol to show the amount )
11. My Visits *LoginRequired* - A list which contains only date and time. When this list is clicked, open expand show: Bill Amount = 500, Discount = 50 , Cashback = 20
12. Refer and Earn *LoginRequired* - Area to enter a phone number, with a submit button. Show a success message when send button is pressed. Set up dummy api call using ajax.
13. Give Feedback *LoginRequired* - Open Modal with a 5 star rating, comment box and a submit button. Show a success state after feedback is submitted. Set up dummy api call using ajax
14. Notify Button *LoginRequired* - A button to toggle notifications.
Sections with lists with more than 4 items with have a Show more / Show less button to expand and contract lists.
I would initially require a design prototype, which when approved will be coded. You would also need to create some design assets such as placeholder images, empty states, etc.
Please make sure at places where any button is pressed, or action is taken, loading animation / gif must be present.
Please find attached a wireframe image of the page required.
11 фрилансеров(-а) в среднем готовы выполнить эту работу за ₹7888
Hey I am interested in your project simply reply to this message so we can discuss more I can start work now on your project message me to feel free this project.