Μάθημα 7 - Εργασία 2

**** Ο συνολικός κώδικας: ****

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Aguillar Family Wine Festival</title>
  <link rel="stylesheet" type="text/css" href="reset.css" />
  <link rel="stylesheet" type="text/css" href="style.css" />
  <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
</head>

<body>
  <header>
    <h1>Annual Aguillar Family Wine Festival</h1>
  </header>

  <div class="container">

    <!--Beginning-->
    <table>
      <thead>
        <tr>
          <th colspan="2"><h1>Wine Festival Schedule</h1></th>
        </tr>
        <tr>
         <th><h2>Time</h2></th>
          <th><h2>Event</h2></th>
        </tr>
      </thead>

      <tbody>
        <tr>
          <td class="left"><h3>12:00 PM</h3></td>
          <td><h3>Welcome Reception</h3></td>
        </tr>
       <tr>
          <td class="left"><h3>01:00 PM</h3></td>
         <td><h3>Storytelling and Tasting</h3></td>
        </tr>
        <tr>
          <td class="left"><h3>02:00 PM</h3></td>
          <td><h3>Wine Luncheon</h3></td>
        </tr>
        <tr>
          <td class="left"><h3>03:00 PM</h3></td>
          <td><h3>Aguillar Family Wines</h3></td>
        </tr>
        <tr>
          <td class="left"><h3>04:00 PM</h3></td>
          <td><h3>Wine and Cheese Tasting</h3></td>
        </tr>
      </tbody>

    </table>
        <!--End-->
  </div>

  <footer>
    <h3>Contact</h3>
    <h3>Location</h3>
    <h3>Privacy Policy</h3>
  </footer>
</body>

</html>


**** Ο κώδικας που έγραψα εγώ, για να δημιουργήσω τον πίνακα/table ****

<!--Beginning-->
    <table>
      <thead>
        <tr>
          <th colspan="2"><h1>Wine Festival Schedule</h1></th>
        </tr>
        <tr>
         <th><h2>Time</h2></th>
          <th><h2>Event</h2></th>
        </tr>
      </thead>

      <tbody>
        <tr>
          <td class="left"><h3>12:00 PM</h3></td>
          <td><h3>Welcome Reception</h3></td>
        </tr>
       <tr>
          <td class="left"><h3>01:00 PM</h3></td>
         <td><h3>Storytelling and Tasting</h3></td>
        </tr>
        <tr>
          <td class="left"><h3>02:00 PM</h3></td>
          <td><h3>Wine Luncheon</h3></td>
        </tr>
        <tr>
          <td class="left"><h3>03:00 PM</h3></td>
          <td><h3>Aguillar Family Wines</h3></td>
        </tr>
        <tr>
          <td class="left"><h3>04:00 PM</h3></td>
          <td><h3>Wine and Cheese Tasting</h3></td>
        </tr>
      </tbody>

    </table>
        <!--End-->


**** Το υποσέλιδο/footer ΟΛΗΣ της σελίδας μου και όχι του πίνακα (σε αυτή την εργασία έχουμε το στοιχείο <footer> για όλη την σελίδα μας, ενώ δεν υπάρχει το <tfoot> για τον πίνακα). Οι 3 αυτές επικεφαλίδες <h3> που περιέχει το υποσέλιδο <footer> της σελίδας μας μένουν αμετακίνητες στο κάτω μέρος της οθόνης, καθώς σκρολάρουμε με το ποντίκι πάνω-κάτω στην ιστοσελίδα. ****

<footer>
   <h3>Contact</h3>
   <h3>Location</h3>
   <h3>Privacy Policy</h3>
</footer>