Home
Deepak Sharma
Career Page

Career Page

This is a career page component built in tailwind

This tailwind example is contributed by Deepak Sharma, on 10-Jan-2025. Component is made with Tailwind CSS v3. It is responsive.

Team Other

Author Deepak Sharma

Fork Fullscreen

<section class="py-16 bg-gray-50">
  <div class="max-w-7xl mx-auto px-6 lg:px-8">
    <div class="text-center">
      <h2 class="text-3xl font-bold text-gray-800">Join Our Team</h2>
      <p class="mt-4 text-gray-600">
        We’re looking for talented individuals to help us shape the future. Explore our current opportunities and find your perfect role.
      </p>
    </div>

<div class="mt-12 grid gap-8 md:grid-cols-2 lg:grid-cols-3">
      
      <div class="bg-white shadow-lg rounded-lg p-6">
        <h3 class="text-xl font-bold text-gray-800">Frontend Developer</h3>
        <p class="mt-2 text-gray-600">Location: Remote</p>
        <p class="mt-2 text-gray-600">
          We're looking for a skilled frontend developer with expertise in React.js and Tailwind CSS.
        </p>
        <button class="mt-4 w-full px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
          Apply Now
        </button>
      </div>

<div class="bg-white shadow-lg rounded-lg p-6">
        <h3 class="text-xl font-bold text-gray-800">UI/UX Designer</h3>
        <p class="mt-2 text-gray-600">Location: New York, NY</p>
        <p class="mt-2 text-gray-600">
          Join our team as a creative UI/UX designer to build intuitive user experiences.
        </p>
        <button class="mt-4 w-full px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
          Apply Now
        </button>
      </div>

<div class="bg-white shadow-lg rounded-lg p-6">
        <h3 class="text-xl font-bold text-gray-800">Marketing Specialist</h3>
        <p class="mt-2 text-gray-600">Location: London, UK</p>
        <p class="mt-2 text-gray-600">
          We need a dynamic marketing specialist to manage campaigns and grow our brand.
        </p>
        <button class="mt-4 w-full px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
          Apply Now
        </button>
      </div>
    </div>
  </div>
</section>

Related Examples