Coding designs to HTML/CSS
- or -
Post a project like this1863
$100
- Posted:
- Proposals: 18
- Remote
- #2309132
- Awarded
Leading Web Application and Mobile Appllication Development Company
Chandigarh
Design to Convert HTML | Bootstrap5 | Wordpress developer | Shopify Developer | Theme customization etc..
North Bergen
Full Stack Developer | PHP | Wordpress | MySQL| Laravel | JavaScript | React | Vue | Bootstrap | Tailwind
Amsterdam
16754642607938259859325899112587913257350924264481975974183314957970616750701537642
Description
Experience Level: Expert
Brief for the coder
=============
Please provide a response to each point below, let me know if this is difficult/time consuming/ok etc...
- This layout needs to be coded into HTML and CSS (no SCSS)
- Modern browser support Chrome, Firefox, Safari and minimal support for IE11 (preferably a small separate css file for IE11).
- You MUST use Block Element Model (BEM) CSS (http://getbem.com/naming/) as we will convert everything into a react component later
- Layout needs to be mobile responsive (sections from left-to-right will stack top-to-bottom)
- No px values are to be used, only rem
- Must use the raw SVG inline html for icons
- No CSS libraries (e.g. Bootstrap), layout must be coded from scratch using flex
- A strong knowledge of flex is required
- We will provide the PSD files for all the pages that are needed. Will you be able to open a PSD file and get the colors/extract the images?
- We will make sure you can export the SVG icons from the PSD file
- We will need the following form elements (Some of these form elements are not in the designs so you have freedom to style them how you wish)...
- Button: Primary, Secondary
- Dropdown with list container
- Text field
- Multiline text field
- Radio buttons
- Checkbox
- Chip
- We need one week to QA and test the code to give feedback
- We need to have revision sessions with you over google hangout using screen share so we can specify any bugs or fixes
- How do you first approach a project like this? Where would you start?
=============
Please provide a response to each point below, let me know if this is difficult/time consuming/ok etc...
- This layout needs to be coded into HTML and CSS (no SCSS)
- Modern browser support Chrome, Firefox, Safari and minimal support for IE11 (preferably a small separate css file for IE11).
- You MUST use Block Element Model (BEM) CSS (http://getbem.com/naming/) as we will convert everything into a react component later
- Layout needs to be mobile responsive (sections from left-to-right will stack top-to-bottom)
- No px values are to be used, only rem
- Must use the raw SVG inline html for icons
- No CSS libraries (e.g. Bootstrap), layout must be coded from scratch using flex
- A strong knowledge of flex is required
- We will provide the PSD files for all the pages that are needed. Will you be able to open a PSD file and get the colors/extract the images?
- We will make sure you can export the SVG icons from the PSD file
- We will need the following form elements (Some of these form elements are not in the designs so you have freedom to style them how you wish)...
- Button: Primary, Secondary
- Dropdown with list container
- Text field
- Multiline text field
- Radio buttons
- Checkbox
- Chip
- We need one week to QA and test the code to give feedback
- We need to have revision sessions with you over google hangout using screen share so we can specify any bugs or fixes
- How do you first approach a project like this? Where would you start?
David C.
100% (16)Projects Completed
15
Freelancers worked with
10
Projects awarded
76%
Last project
11 Aug 2022
Australia
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
Hi David,
Your proposed budget is for 1 design page, or for all 3? Thanks!
772288
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