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

Table
Table with image and status with pagination buttons

Author:
Abhiraj

4 days ago

62
Restaurant menu card

Author:
Anonymous

8 months ago

2.1k
Concert ticket

Author:
Elijah Davis

1 year ago

11.9k
Services
This Services page design includes: 1. Responsive layout using Tailwind CSS grid system 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. Header with navigation 5. Six service cards with icons, titles, and descriptions 6. Footer with copyright information 7. Subtle animations and transitions 8. Accessibility considerations (proper heading structure, color contrast) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The header and footer have a white background in light mode and dark gray in dark mode - Service cards have a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - Icons use the Indigo-800 color (Indigo-400 in dark mode) for consistency - Each service card has a hover effect that scales it up slightly - Service cards fade in with a staggered delay for a smooth entrance - Dark mode is automatically applied based on system preferences - The design is fully responsive, adjusting from 1 to 3 columns based on screen size This design provides a clean, professional look for a services page while incorporating the requested color scheme and maintaining good usability across different devices and color modes.

Author:
nejaa badr

2 months ago

513
Privacy policy page template

Author:
Sameer Sultana

1 year ago

16.4k
Simple count down timer

Author:
Gopi Yadav

2 years ago

14.1k
Upvote downvote buttons

Author:
Lucas Martinez

2 years ago

10.5k
Responsive Multi-Step Registration
Responsive Multi-Step Registration

Author:
Tanvir Hasan Bappy (Tanvir)

1 month ago

479
Google map iframe with tailwind

Author:
Kofi Osei

1 year ago

18.9k
Glassmorphism form

Author:
Sophia Baker

1 year ago

15.7k
team section

Author:
Hale Holman

2 months ago

410
Calculator
This calculator uses CSS although it can be passed directly to tailwind

Author:
Ameth Galarcio

5 months ago

1k

Explore components by Tags

Didn't find component you were looking for?

Search from 1900+ components