Expected duration: 1 day or less I need two responsive standalone HTML and CSS components to be created from a Figma design. Each has been marked out on the attached image. We will modify the HTML and CSS for use on other pages, so please stick to HTML5 and CSS3.
As marked on the attached image, we need the two sections to be created as two HTML and CSS components which can be placed safely into a container on any web page.
* Fonts can be inherited * For reference, the web page that they will be inserted into: https://leaddev.com/leaddev-new-york * Each block (including the SAVE 20% tag, name, price and buy now button) should be clickable. * We will want to add different combinations of blocks to the 2 column layout - either 2-column blocks, left or right blocks. It should be flexible enough to allow us to do this by simply adding the blocks to the HTML. * The button is implemented using a Tito plugin (https://ti.to/docs/api/widget/#tito-widget-v2-buttons) which will place the following HTML within each of the sections: Buy now * We need a click anywhere on the containing block to submit the button * Or otherwise the button to be placed so that it covers the containing block * The mouse-over state of the buttons is shown top left - the outline colour is used as a block colour for the background * See the figma designs for the mobile treatment
Designs are here https://www.figma.com/file/iV5euaimvYo2vdTgkqvsiL/LeadDev_NY-Tickets?node-id=930%3A43093&t=W4PUk6rxurhdkoiV-0