Create a material card

Prac4.docx

HIT226 Prac 4

Task: Create a material card

DUE DATE: Thursday Midnight Week 6

1. Create a card-based interface using HTML & CSS with the following content:

Title:	Museum and Art Gallery of the Northern Territory
Image	https://en.wikipedia.org/wiki/File:Museum_and_Art_Gallery_of_the_Northern_Territory.JPG
Text	The main museum of the Northern Territory, MAGNT presents both local and national exhibitions. The museum hosts internationally renowned scientific and cultural collections and is home to sweetheart the crocodile.
Actions	Phone: +61 8 8999 8264 Email: info@magnt.net.au

· The card should follow Google’s material card design rules (https://material.io/guidelines/components/cards.html) and be clear on a range of devices.

· Your solution should be different from that of other members of your team.

2. Create a second card with the same design (same CSS and HTML structure) using content from your website .

· Present both cards in a container where they appear side by side when there is space and one above the other when there is not room for them.

· Individual submissions are required

· Ensure your submissions are appropriately labelled.

· Upload your code to a folder called “prac 4” in a github repository called “HIT226” (or a similarly clear title).

· Ensure your solution is available on spinetail or github pages

· Submit the link to your github repository and hosted solution (on spinetail or github pages) to Learnline:Submit Here Prac 4

Meets material design guidelines: 10

Accessible: 10

Responsive: 15

Originality: 10