Tables

<div class="container py-8">
      <div class="row">
          <div class="col-12">
            <div class="mb-5">
               <!-- heading -->
              <h2 class="fw-bold">Design</h2>
              <p class="mb-0">Put your creative ideas into action at a product-driven and design-led organization.</p>
            </div>
  <!-- table -->
            <div class="table-responsive">
              <table class="table table-hover table-lg fs-4">
                <tbody>
                  <tr>
                    <td><a href="../pages/career-single.html" class="text-inherit">Marketing Designer</a></td>
                    <td>San Francisco <span class=""> (Remote)</span></td>
                    <td class="text-end"><a href="../pages/career-single.html" class=""><i class="fe fe-chevron-right "></i></a></td>
                  </tr>
                  <tr>
                    <td><a href="../pages/career-single.html" class="text-inherit">Product Design Lead</a></td>
                    <td>United Kingdom</td>
                    <td class="text-end"><a href="../pages/career-single.html" class=""><i class="fe fe-chevron-right "></i></a></td>
                  </tr>
                  <tr>
                    <td><a href="../pages/career-single.html" class="text-inherit">Brand Designer</a></td>
                    <td>Canada <span class=""> (Remote)</span> </td>
                    <td class="text-end"><a href="../pages/career-single.html" class=""><i class="fe fe-chevron-right "></i></a></td>
                  </tr>
                  <tr>
                    <td><a href="../pages/career-single.html" class="text-inherit">Sr. UX Engineer</a></td>
                    <td>Ireland <span class=""> (Remote)</span> </td>
                    <td class="text-end"><a href="../pages/career-single.html" class=""><i class="fe fe-chevron-right "></i></a></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>

        </div>
  </div>