Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Homework #1: Lists</title><!-- title (placed at the browser tab) -->
</head>
<body>
  <h1>My favourite food</h1> <!-- Prominent title inside <h1></h1> tags -->
  <h2>Ingredients</h2> <!-- Second level title -->
  <ul><!-- Unordered list (with bullet points) -->
    <li>1 banana</li>
    <li>1 piece of frozen spinach</li>
    <li>Fist of frozen forest fruits</li>
    <li>2 spoons of oat flakes</li>
    <li>1 tea spoon of honey</li>
    <li>Cup of yoghurt</li>
  </ul>
  <h2>Preparation</h2>
  <ol><!-- Ordered list (with numbers) -->
    <li>Put all ingredients into a blender</li>
    <li>Start the blender on the maximum speed</li>
      <ul><!-- nested unordered list -->
        <li>Blend it untill desired smoothness</li>
      </ul>
    <li>Serve it immediately in glass or cup</li>
  </ol>
  <p><em>Enjoy!</em></p>


</body>
</html>