pro.html

<div class="h-screen text-center bg-gray-100">
    <h1 class="text-4xl mb-4 font-bold p-10">Club Events</h1>

   <table className='max-w-[700px] mx-auto'>
    <thead className='bg-gray-300 border-b-2 border-gray-200'>
        <tr>
            <th className='p-3 text-xl font-bold tracking-wide text-left'>Event Name</th>
            <th className='p-3 text-xl font-bold tracking-wide text-left'>Description</th>
            <th className='p-3 text-xl font-bold tracking-wide text-left'>Time</th>
            <th className='p-3 text-xl font-bold tracking-wide text-left'>Location</th>
        </tr>
    </thead>
    
    <tbody>
        <tr className='bg-white'>
            <th className='p-3 text-base text-gray-700 text-left'>Football League</th>
            <th className='p-3 text-base text-gray-700 text-left'>The event is to be held on september between
            all the west-midland Universities at the Coventry Stadium
            </th>
            <th className='p-3 text-base text-gray-700 text-left'>25th of September,12:00 pm</th>
            <th className='p-3 text-base text-gray-700 text-left'>Coventry, England</th>
        </tr>
    </tbody>

   </table>

    </div>