Tailwind Awards Components in Consulty library

<section class="px-8 md:px-24 py-32">
    <p class="tracking-tight text-center text-gray-600 font-medium mb-4">Awards &amp; Recognitions</p>
    <h1 class="font-heading tracking-tight text-center text-4xl md:text-6xl font-medium mb-20">Our Awards</h1>
    <div class="overflow-hidden">
        <div class="overflow-x-auto">
          <table class="table-auto w-full">
            <tbody>
              <tr>
                <td class="py-8 border-b border-t border-gray-100 pr-8">
                    <p class="text-gray-500 tracking-tight whitespace-nowrap font-medium">2014</p>
                </td>
                <td class="py-8 border-b border-t border-gray-100 px-8">
                    <h2 class="font-heading tracking-tight text-2xl whitespace-nowrap font-medium">Business Award</h2>
                </td>
                <td class="py-8 border-b border-t border-gray-100 px-8">
                    <p class="text-gray-700 tracking-tight whitespace-nowrap">Physical space is often conceived in three linear dimensions</p>
                </td>
                <td class="py-8 border-b border-t border-gray-100 pl-8">
                    <div class="flex justify-end">
                        <a href="#" class="text-gray-300 hover:text-black transition duration-200">
                            <svg xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28" fill="none">
                                <path d="M22.375 7.00012V18.3751C22.375 18.6072 22.2828 18.8297 22.1187 18.9938C21.9546 19.1579 21.7321 19.2501 21.5 19.2501C21.2679 19.2501 21.0454 19.1579 20.8813 18.9938C20.7172 18.8297 20.625 18.6072 20.625 18.3751V9.11215L8.11906 21.6192C7.95488 21.7834 7.73219 21.8756 7.5 21.8756C7.2678 21.8756 7.04512 21.7834 6.88094 21.6192C6.71675 21.455 6.62451 21.2323 6.62451 21.0001C6.62451 20.7679 6.71675 20.5452 6.88094 20.3811L19.388 7.87512H10.125C9.89293 7.87512 9.67037 7.78293 9.50628 7.61884C9.34219 7.45475 9.25 7.23219 9.25 7.00012C9.25 6.76806 9.34219 6.5455 9.50628 6.3814C9.67037 6.21731 9.89293 6.12512 10.125 6.12512H21.5C21.7321 6.12512 21.9546 6.21731 22.1187 6.3814C22.2828 6.5455 22.375 6.76806 22.375 7.00012Z" fill="currentColor"></path>
                            </svg>
                        </a>
                    </div>
                </td>
              </tr>
              <tr>
                <td class="py-8 border-b border-gray-100 pr-8">
                    <p class="text-gray-500 tracking-tight whitespace-nowrap font-medium">2016</p>
                </td>
                <td class="py-8 border-b border-gray-100 px-8">
                    <h2 class="font-heading tracking-tight text-2xl whitespace-nowrap font-medium">Design Award</h2>
                </td>
                <td class="py-8 border-b border-gray-100 px-8">
                    <p class="text-gray-700 tracking-tight whitespace-nowrap">Maxwell's equations—the foundation of classical electromagnetism</p>
                </td>
                <td class="py-8 border-b border-gray-100 pl-8">
                    <div class="flex justify-end">
                        <a href="#" class="text-gray-300 hover:text-black transition duration-200">
                            <svg xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28" fill="none">
                                <path d="M22.375 7.00012V18.3751C22.375 18.6072 22.2828 18.8297 22.1187 18.9938C21.9546 19.1579 21.7321 19.2501 21.5 19.2501C21.2679 19.2501 21.0454 19.1579 20.8813 18.9938C20.7172 18.8297 20.625 18.6072 20.625 18.3751V9.11215L8.11906 21.6192C7.95488 21.7834 7.73219 21.8756 7.5 21.8756C7.2678 21.8756 7.04512 21.7834 6.88094 21.6192C6.71675 21.455 6.62451 21.2323 6.62451 21.0001C6.62451 20.7679 6.71675 20.5452 6.88094 20.3811L19.388 7.87512H10.125C9.89293 7.87512 9.67037 7.78293 9.50628 7.61884C9.34219 7.45475 9.25 7.23219 9.25 7.00012C9.25 6.76806 9.34219 6.5455 9.50628 6.3814C9.67037 6.21731 9.89293 6.12512 10.125 6.12512H21.5C21.7321 6.12512 21.9546 6.21731 22.1187 6.3814C22.2828 6.5455 22.375 6.76806 22.375 7.00012Z" fill="currentColor"></path>
                            </svg>
                        </a>
                    </div>
                </td>
              </tr>
              <tr>
                <td class="py-8 border-b border-gray-100 pr-8">
                    <p class="text-gray-500 tracking-tight whitespace-nowrap font-medium">2017</p>
                </td>
                <td class="py-8 border-b border-gray-100 px-8">
                    <h2 class="font-heading tracking-tight text-2xl whitespace-nowrap font-medium">Best Renovation</h2>
                </td>
                <td class="py-8 border-b border-gray-100 px-8">
                    <p class="text-gray-700 tracking-tight whitespace-nowrap">The long barrow was built on land previously inhabited in the Mesolithic</p>
                </td>
                <td class="py-8 border-b border-gray-100 pl-8">
                    <div class="flex justify-end">
                        <a href="#" class="text-gray-300 hover:text-black transition duration-200">
                            <svg xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28" fill="none">
                                <path d="M22.375 7.00012V18.3751C22.375 18.6072 22.2828 18.8297 22.1187 18.9938C21.9546 19.1579 21.7321 19.2501 21.5 19.2501C21.2679 19.2501 21.0454 19.1579 20.8813 18.9938C20.7172 18.8297 20.625 18.6072 20.625 18.3751V9.11215L8.11906 21.6192C7.95488 21.7834 7.73219 21.8756 7.5 21.8756C7.2678 21.8756 7.04512 21.7834 6.88094 21.6192C6.71675 21.455 6.62451 21.2323 6.62451 21.0001C6.62451 20.7679 6.71675 20.5452 6.88094 20.3811L19.388 7.87512H10.125C9.89293 7.87512 9.67037 7.78293 9.50628 7.61884C9.34219 7.45475 9.25 7.23219 9.25 7.00012C9.25 6.76806 9.34219 6.5455 9.50628 6.3814C9.67037 6.21731 9.89293 6.12512 10.125 6.12512H21.5C21.7321 6.12512 21.9546 6.21731 22.1187 6.3814C22.2828 6.5455 22.375 6.76806 22.375 7.00012Z" fill="currentColor"></path>
                            </svg>
                        </a>
                    </div>
                </td>
              </tr>
              <tr>
                <td class="py-8 border-b border-gray-100 pr-8">
                    <p class="text-gray-500 tracking-tight whitespace-nowrap font-medium">2018</p>
                </td>
                <td class="py-8 border-b border-gray-100 px-8">
                    <h2 class="font-heading tracking-tight text-2xl whitespace-nowrap font-medium">Innovation Award</h2>
                </td>
                <td class="py-8 border-b border-gray-100 px-8">
                    <p class="text-gray-700 tracking-tight whitespace-nowrap">Physiological respiration involves the mechanisms that ensure that</p>
                </td>
                <td class="py-8 border-b border-gray-100 pl-8">
                    <div class="flex justify-end">
                        <a href="#" class="text-gray-300 hover:text-black transition duration-200">
                            <svg xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28" fill="none">
                                <path d="M22.375 7.00012V18.3751C22.375 18.6072 22.2828 18.8297 22.1187 18.9938C21.9546 19.1579 21.7321 19.2501 21.5 19.2501C21.2679 19.2501 21.0454 19.1579 20.8813 18.9938C20.7172 18.8297 20.625 18.6072 20.625 18.3751V9.11215L8.11906 21.6192C7.95488 21.7834 7.73219 21.8756 7.5 21.8756C7.2678 21.8756 7.04512 21.7834 6.88094 21.6192C6.71675 21.455 6.62451 21.2323 6.62451 21.0001C6.62451 20.7679 6.71675 20.5452 6.88094 20.3811L19.388 7.87512H10.125C9.89293 7.87512 9.67037 7.78293 9.50628 7.61884C9.34219 7.45475 9.25 7.23219 9.25 7.00012C9.25 6.76806 9.34219 6.5455 9.50628 6.3814C9.67037 6.21731 9.89293 6.12512 10.125 6.12512H21.5C21.7321 6.12512 21.9546 6.21731 22.1187 6.3814C22.2828 6.5455 22.375 6.76806 22.375 7.00012Z" fill="currentColor"></path>
                            </svg>
                        </a>
                    </div>
                </td>
              </tr>
              <tr>
                <td class="py-8 border-b border-gray-100 pr-8">
                    <p class="text-gray-500 tracking-tight whitespace-nowrap font-medium">2019</p>
                </td>
                <td class="py-8 border-b border-gray-100 px-8">
                    <h2 class="font-heading tracking-tight text-2xl whitespace-nowrap font-medium">Landscape Design</h2>
                </td>
                <td class="py-8 border-b border-gray-100 px-8">
                    <p class="text-gray-700 tracking-tight whitespace-nowrap">Maxwell's equations—the foundation of classical electromagnetism</p>
                </td>
                <td class="py-8 border-b border-gray-100 pl-8">
                    <div class="flex justify-end">
                        <a href="#" class="text-gray-300 hover:text-black transition duration-200">
                            <svg xmlns="http://www.w3.org/2000/svg" width="29" height="28" viewBox="0 0 29 28" fill="none">
                                <path d="M22.375 7.00012V18.3751C22.375 18.6072 22.2828 18.8297 22.1187 18.9938C21.9546 19.1579 21.7321 19.2501 21.5 19.2501C21.2679 19.2501 21.0454 19.1579 20.8813 18.9938C20.7172 18.8297 20.625 18.6072 20.625 18.3751V9.11215L8.11906 21.6192C7.95488 21.7834 7.73219 21.8756 7.5 21.8756C7.2678 21.8756 7.04512 21.7834 6.88094 21.6192C6.71675 21.455 6.62451 21.2323 6.62451 21.0001C6.62451 20.7679 6.71675 20.5452 6.88094 20.3811L19.388 7.87512H10.125C9.89293 7.87512 9.67037 7.78293 9.50628 7.61884C9.34219 7.45475 9.25 7.23219 9.25 7.00012C9.25 6.76806 9.34219 6.5455 9.50628 6.3814C9.67037 6.21731 9.89293 6.12512 10.125 6.12512H21.5C21.7321 6.12512 21.9546 6.21731 22.1187 6.3814C22.2828 6.5455 22.375 6.76806 22.375 7.00012Z" fill="currentColor"></path>
                            </svg>
                        </a>
                    </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
</section>