<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Job Listings</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-green-50 font-sans">
<div class="max-w-5xl mx-auto py-10">
<!-- Job Card -->
<div class="bg-white shadow rounded-xl p-4 flex items-start justify-between mb-5">
<div class="flex items-start gap-4">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/75/FedEx_logo.svg/2560px-FedEx_logo.svg.png" class="w-16 h-16 object-contain" alt="FedEx">
<div>
<h3 class="text-lg font-semibold">FedEx Job</h3>
<p class="text-gray-500">📍 New York, USA · 🕒 Part Time · 💰 $200 - $500</p>
<p class="text-sm text-green-500 mt-1">sponsored By Fedex Group</p>
</div>
</div>
<button class="bg-green-500 text-white px-4 py-2 rounded hover:bg-green-600">Apply Now</button>
</div>
<!-- Duplicate the block above for each job -->
</div>
</body>
</html>
