Scribd
Upload
60 views1 page

Appiness Interactive UI Developer Assignment: Task - Bone Marrow Transplant Programme Landing Page. Design Link

The document provides instructions for a coding assignment to create a responsive landing page for a bone marrow transplant programme. Candidates are to code the landing page using HTML, CSS with a preprocessor like Sass, and JavaScript/jQuery. The design prototype is available at a Marvelapp link. Candidates should download required images from the prototype and identify any repeating elements to implement with JavaScript/jQuery rather than hardcoding in HTML.

Uploaded by

AmrendraSinghRathore
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
60 views1 page

Appiness Interactive UI Developer Assignment: Task - Bone Marrow Transplant Programme Landing Page. Design Link

The document provides instructions for a coding assignment to create a responsive landing page for a bone marrow transplant programme. Candidates are to code the landing page using HTML, CSS with a preprocessor like Sass, and JavaScript/jQuery. The design prototype is available at a Marvelapp link. Candidates should download required images from the prototype and identify any repeating elements to implement with JavaScript/jQuery rather than hardcoding in HTML.

Uploaded by

AmrendraSinghRathore
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Appiness Interactive UI Developer Assignment

Task - Bone Marrow transplant programme landing page.


Design link: https://marvelapp.com/prototype/1cghdcj6/screen/52987398

Referring to the above design candidates need to code a landing page with
● HTML
● CSS (Using CSS preprocessor like Sass will be an added advantage)
● Javascript / Jquery.
● Bootstrap

And the landing page should be responsive.

To download the images you should click on the Handoff </> button and select the required
image and click on the download button.

Here all the Dimensions and Color details are also available.

Note:
● You have to identify in the design, where the DOM manipulation is required and use
JavaScript/Jquery to implement it, like repeating designs.
● If a design is repeating in some place, do not hard code it in HTML, use
JavaScript/Jquery to design it once then use it multiple times.

Happy coding! All the best

You might also like