EuroBytes Table Wrapper

by Imri Paloja

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<link rel="stylesheet" href="https://eurobytes.eu/styling.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<script src="https://eurobytes.eu/js/subscriptions.js"></script>
<div class="wrapper">
  <div class="content">

    <section class="container" id="support">

      <h2>
        Support
      </h2>

      <div class="table-wrapper">
        <table>
          <caption>
            <strong style="color: lightgreen !important;">
              Subscriptions
            </strong>
          </caption>
          <thead>
            <tr>
              <th>
                <strong class="font-x-large">Protection</strong>
              </th>
              <th class="font-large">
                Basic
              </th>
              <th class="recommended">
                <strong class="font-xx-large">
                  Standard
                </strong>
              </th>
              <th class="font-large">
                Plus
              </th>
              <th class="font-large">
                Enterprise
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <strong>
                  mime type sniffing
                </strong>
              </td>
              <td>
                <i class="fa-solid fa-check"></i>
              </td>
              <td>
                <i class="fa-solid fa-check"></i>

              </td>
    ...