Class 9

 Class 9 Key-point:

• We can use materialize CSS to format our layout by using cards. 
• Use for loop to fill cards when listing items, to avoid repeating code.

• Instead of repeating this segment for every item listed we add a for loop.
• Also we implement reading the data from Google Spread Sheet so the for loop will run row number of times, where row is the number of items listed on the Spread Sheet.    

• We get the following result.