ODOO Website Page CSS / JS customizations
Budget: $30 – $250 USD
Hello,
I need your help to convert the attached design created in Adobe Illustrator to HTML 5 following the next requirements:
1) You must create it to be used in the ODOO SH V. 14 CMS.
(If you don't know how it works you will have to learn how to use ODOO's HTML, JS and CSS customization tools which I can show you in a video call)
2) The design must be responsive following the design that I'll provide you:
(ODOO CMS has that model and you will be able to use those rules)
3) You must create a CSS rule for titles which together you and I will decide how to apply it in the rules h1, h2, etc. which has these characteristics: https://www.dropbox.com/s/v2s6dv2awejbxro/especificaciones%20para%20titulos.pdf?dl=0
4) All icons must be loaded in SVG format (not image).
5) the numbers of the circle-shaped backgrounds shown in the infographic should be created with CSS (not image)
6) The lines should be created with CSS
7) You should use the design blocks that the CMS uses to build the CSS and modify them based on that.
8) One of the blocks should have dropdown tabs which I show you here: https://prnt.sc/CYnZQgFPQ_OG
Here are the layouts:
Desktop: https://www.dropbox.com/s/8bkkbcd4fviwk0s/infograph_Desktop.pdf?dl=0
Mobile: https://www.dropbox.com/s/wvmuxbw8rlpla9i/infograph_Mobile.pdf?dl=0
I need your help to convert the attached design created in Adobe Illustrator to HTML 5 following the next requirements:
1) You must create it to be used in the ODOO SH V. 14 CMS.
(If you don't know how it works you will have to learn how to use ODOO's HTML, JS and CSS customization tools which I can show you in a video call)
2) The design must be responsive following the design that I'll provide you:
(ODOO CMS has that model and you will be able to use those rules)
3) You must create a CSS rule for titles which together you and I will decide how to apply it in the rules h1, h2, etc. which has these characteristics: https://www.dropbox.com/s/v2s6dv2awejbxro/especificaciones%20para%20titulos.pdf?dl=0
4) All icons must be loaded in SVG format (not image).
5) the numbers of the circle-shaped backgrounds shown in the infographic should be created with CSS (not image)
6) The lines should be created with CSS
7) You should use the design blocks that the CMS uses to build the CSS and modify them based on that.
8) One of the blocks should have dropdown tabs which I show you here: https://prnt.sc/CYnZQgFPQ_OG
Here are the layouts:
Desktop: https://www.dropbox.com/s/8bkkbcd4fviwk0s/infograph_Desktop.pdf?dl=0
Mobile: https://www.dropbox.com/s/wvmuxbw8rlpla9i/infograph_Mobile.pdf?dl=0