Talk Toast Taste Ticket Table for Allegiance (TTTTT)

talk-toast-taste-ticket-table.html

<table id="talk-toast-tickets-table" border="1">
  <style>
  #talk-toast-tickets-table {
    background-color: white;
    border: 1px solid #d5dce1;
    margin: 1rem 0;
  }

  #talk-toast-tickets-table th {
    background-color: #e1e6ea;
    padding: 1rem;
    width: 25%;
  }

  #talk-toast-tickets-table th:nth-child(1),
  #talk-toast-tickets-table th:nth-child(2) {
    background-color: #c8202f;
    color: white;
  }

  #talk-toast-tickets-table td {
    vertical-align: top;
    padding: 0.75rem;
  }

  #talk-toast-tickets-table ul {
    margin-bottom: 2rem;
    padding-left: 2rem;
  }

  #talk-toast-tickets-table li {
    margin-bottom: 0.5rem;
  }
  </style>

  <thead>
    <tr>
      <th>Individual Ticket</th>
      <th>Pair of Tickets</th>
      <th>Patron Table Sponsor</th>
      <th>Event Sponsor</th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>Delivery to 1 home</td>
      <td>Delivery to 1 home</td>
      <td>Delivery of up to 10 meals to 5 homes</td>
      <td>Delivery of up to 10 meals to 5 homes</td>
    </tr>

    <tr>
      <!-- Individual Ticket -->
      <td>
        You get:
        <ul>
          <li>Charcuterie box with a split of champagne to your home</li>
        </ul>
      </td>

      <!-- Pair of Tickets -->
      <td>
        Each home gets:
        <ul>
          <li>Two three-course meals</li>
          <li>Bottle of wine or champagne</li>
        </ul>
      </td>

      <!-- Patron Table Sponsor -->
      <td>
        Each home gets:
        <ul>
          <li>Two three-course meals</li>
          <li>Bottle of wine or champagne</li>
        </ul>

        Sponsor gets:
        <ul>
          <li>Name listed in the program</li>
          <li>Recognition during the virtual event</li>
        </ul>
      </td>

      <!-- Event Sponsor -->
      <td>
        Each home gets:
        <ul>
          <li>Two three-course meals</li>
          <li>Bottle of wine or champagne</li>
        </ul>

        Sponsor gets:
        <ul>
          <li>Name listed in the program</li>
          <li>Recognition on email promotions</li>
          <li>Recognition on the event webpage</li>
          <li>Recognition during the virtual event</li>
        </ul>
      </td>
    </tr>
  </tbody>
</table>