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 v3.4. It is responsive.

Team Other

Author Deepak Sharma

Tailwind v3.4 1.7k

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

Table
Table with image and status with pagination buttons

Abhiraj

1 year ago

3k
Ai clone, chat ui
Chat interface for ai builder, dont toomuch focused on designing responsive

Abhiraj

1 year ago

3k
DailyDev Card
Card -based card used in the Dailydev Card, this is created to be modified to taste of each user

Ameth Galarcio

1 year ago

2.4k
Team Members

Abdul Baset Bappy

1 year ago

1.3k
Heading
Subtle Script Background - Large, very light script font in the background ("Amazing") Light-to-Dark Gradient Heading - Main heading fades from light gray to dark gray Layered Typography - Secondary heading in medium weight for contrast Elegant Divider - With centered italic text Minimalist Border Accents - Thin borders in corners for sophistication Responsive Design - Scales beautifully on all devices

KULDEEP

1 year ago

976
The Free AI Tools Grid Section (210+ Tools, No Signup)
A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

Achraf Testq

6 months ago

631
The Free AI Tools Grid Section (210+ Tools, No Signup)
A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

Hasan AlDoy (McDoy)

6 months ago

481
Clean Component Sharing Hub (Landing State)
A minimalist, "before-talking" landing screen designed for a code or design component sharing platform. Features a welcoming header, three distinct action cards for sharing/browsing/exporting code, and a floating input bar, all styled with soft shadows and ample white space mimicking modern design tools.

Hamza Atig

10 months ago

893
Best Chatting dashboard
create a modern WhatsApp-like chat dashboard with 3D effects, animations, and a sleek design. This will be a static view showcasing the interface with Nicole Shalom as the developer.

Nicole Shalom

1 year ago

1.9k
Sticky fullpage pages / slides
Sticky full page

harinandana

1 year ago

1k
Model Performance Rings
Model Performance Rings

Omer fils ELENGA

3 weeks ago

28
Soft-Modern Dark Pricing
A sophisticated, highly rounded pricing component inspired by modern fintech interfaces. It avoids harsh lines in favor of deep "zinc" tones and subtle borders (border-white/5). The center card pops using a high-contrast white button against the dark theme, guiding user focus naturally without using aggressive gradients.

Hamza Atig

10 months ago

783