reward.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Travel Arrangements</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" href="css/TravelArrangementsmain.css">
  </head>
  <body>


    <table>
      <caption>Itinerary and Reservations</caption>
      <thead>
        <tr>
        <th scope="col">Date</th>
        <th scope="col">Departure Information</th>
        <th scope="col">Location</th>
        </tr>
        </thead>

      <tfoot>

        <tr>
          <td colspan="1">Data is updated as soon as available</td>

        </tr>

      </tfoot>

      <tbody>
        <tr>
          <th scope="row">Sunday April 1, 2018
          2:00 p.m. (14:00)</th>
          <td>Oakville United Taxi pick up at:
          5555 Speers Road Manhattan, NY</td>
          <td>To: Pearson International Airport Terminal 1</td>
        </tr>


        <tr>
          <th scope="row">To:</th>
          <td>MileSAAver</td>
          <td>AAnytime Level 1</td>
        </tr>
        <tr>
          <th scope="row">Contiguous 48 U.S. states</th>
          <td>12,500</td>
          <td>20,000</td>
        </tr>
        <tr>
          <th scope="row">Contiguous 48 U.S. states (≤ 500 miles)^</th>
          <td>7,500</td>
          <td>25,000</td>
        </tr>
        <tr>
          <th scope="row">Hawaii</th>
          <td>22,500</td>
          <td>40,000</td>
        </tr>
        <tr>
          <th scope="row">Mexico</th>
          <td>15,000</td>
          <td>27,500</td>
        </tr>

        </tbody>
    </table>

  </body>
</html>


<!--Summary: You should never use tables for layout in a web browser. In other words, tables should only be used for displaying tabular data. And not for positioning images and text, because that can now be done with CSS. There is one major exception to this, In HTML emails, tables are still used for layout. Because rendering and consistencies, still persists. Remember that tables are used for tabular data.-->