Convert design prototype to html/css code
- or -
Post a project like this1909
€100(approx. $107)
- Posted:
- Proposals: 17
- Remote
- #2253409
- Awarded
Web developer , SEO, PHP, wordpress, joomla Codeigniter,Bootstrap,JSP,jquery , javascript,
City of London
13429852094235252671125258542503778247658423929672364052232422522502374299652071614
Description
Experience Level: Expert
You need to convert the design in attach to html/css code.
The page is used in a web sales process, and will be used by end users to select seats on a seatingplan when buying tickets for an event.
In attach you find different states: overview gives the overview of all designs, and each other file gives a more detailed view of a design.
Resulting page should be responsive. Designs are included for both desktop and mobile version.
Seatingplan itself should not be designed (it will be an SVG provided by the customer)
Result should be based on Bootstrap and be clear and concise html/css code.
Designs are not pixel perfect, so can be tweaked for font-size, margins, alignment,...
Description of the designs:
- Start: shows the start state, when no tickets are selected yet. Remark that in mobile version, the categories are converted to a dropdown.
- Select price: shows the modal when a user selects a seat on the seating plan. In the modal he will then select the price for the seat.
- With seats: shows the page after tickets were selected. On desktop version: each selected seat will be visible as a cacrd in the right column. On mobile version we will show a summary below, and when you click on details, a more detailed view will be shown over the seating plan (design "Mobile with seats basket")
The page is used in a web sales process, and will be used by end users to select seats on a seatingplan when buying tickets for an event.
In attach you find different states: overview gives the overview of all designs, and each other file gives a more detailed view of a design.
Resulting page should be responsive. Designs are included for both desktop and mobile version.
Seatingplan itself should not be designed (it will be an SVG provided by the customer)
Result should be based on Bootstrap and be clear and concise html/css code.
Designs are not pixel perfect, so can be tweaked for font-size, margins, alignment,...
Description of the designs:
- Start: shows the start state, when no tickets are selected yet. Remark that in mobile version, the categories are converted to a dropdown.
- Select price: shows the modal when a user selects a seat on the seating plan. In the modal he will then select the price for the seat.
- With seats: shows the page after tickets were selected. On desktop version: each selected seat will be visible as a cacrd in the right column. On mobile version we will show a summary below, and when you click on details, a more detailed view will be shown over the seating plan (design "Mobile with seats basket")
Bart D.
100% (11)Projects Completed
9
Freelancers worked with
6
Projects awarded
75%
Last project
13 Feb 2019
Belgium
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies