<section class="py-26 bg-white">
<div class="container px-4 mx-auto relative">
<div class="max-w-4xl mx-auto text-center">
<span class="text-lg font-extrabold text-indigo-500">Section label</span>
<h1 class="text-3xl md:text-4xl font-extrabold font-heading mt-4 mb-4">Join our team</h1>
<p class="text-xl font-extrabold leading-8 mb-16">Our philosophy is simple — hire a team of diverse, passionate people and foster a culture that empowers you to do you best work.</p>
<div class="px-6 md:px-12 py-8 mb-8 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
<div class="md:flex justify-between items-center">
<h4 class="text-2xl font-extrabold mb-10 md:mb-0">Front-end Developer</h4>
<a class="inline-block py-4 px-6 text-center leading-6 text-lg text-white font-extrabold bg-indigo-800 hover:bg-indigo-900 border-3 border-indigo-900 shadow rounded transition duration-200" href="#">View Job</a>
</div>
</div>
<div class="px-6 md:px-12 py-8 mb-8 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
<div class="md:flex justify-between items-center">
<h4 class="text-2xl font-extrabold mb-10 md:mb-0">Back-end Developer</h4>
<a class="inline-block py-4 px-6 text-center leading-6 text-lg text-white font-extrabold bg-indigo-800 hover:bg-indigo-900 border-3 border-indigo-900 shadow rounded transition duration-200" href="#">View Job</a>
</div>
</div>
<div class="px-6 md:px-12 py-8 mb-8 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
<div class="md:flex justify-between items-center">
<h4 class="text-2xl font-extrabold mb-10 md:mb-0">UI/UX Designer</h4>
<a class="inline-block py-4 px-6 text-center leading-6 text-lg text-white font-extrabold bg-indigo-800 hover:bg-indigo-900 border-3 border-indigo-900 shadow rounded transition duration-200" href="#">View Job</a>
</div>
</div>
<div class="px-6 md:px-12 py-8 mb-8 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
<div class="md:flex justify-between items-center">
<h4 class="text-2xl font-extrabold mb-10 md:mb-0">Product Designer</h4>
<a class="inline-block py-4 px-6 text-center leading-6 text-lg text-white font-extrabold bg-indigo-800 hover:bg-indigo-900 border-3 border-indigo-900 shadow rounded transition duration-200" href="#">View Job</a>
</div>
</div>
<div class="px-6 md:px-12 py-8 bg-white border-3 border-indigo-900 rounded-2xl shadow-md">
<div class="md:flex justify-between items-center">
<h4 class="text-2xl font-extrabold mb-10 md:mb-0">Project Manager</h4>
<a class="inline-block py-4 px-6 text-center leading-6 text-lg text-white font-extrabold bg-indigo-800 hover:bg-indigo-900 border-3 border-indigo-900 shadow rounded transition duration-200" href="#">View Job</a>
</div>
</div>
</div>
</div>
</section>Framework
Tailwind CSS
UI Library
All Libraries
Components
- Alert 80
- Application 80
- Banner 20
- Blog 100
- Call to action 152
- Careers 20
- Contact 76
- Content 65
- Cookies 79
- E-commerce (orders) 28
- E-commerce (products) 49
- FAQ 66
- Features 170
- Footers 100
- Graphs 19
- HTTP codes 77
- Headers 122
- How it works 99
- Logo clouds 120
- Modals 8
- Navbar 44
- Navigation (horizontal) 146
- Navigation (vertical) 2
- Newsletter 87
- Portfolio 77
- Pricing 94
- Reviews 10
- Rich text 3
- Sign in / Sign up 120
- Stats 115
- Tables 56
- Team 85
- Testimonials 107
- Users 17
Component #1
Careers Components by Shuffle
Choose from 20 variations of Tailwind application components. Presented here are variants available in various UI libraries.
Get access to all Tailwind application components, code and our visual editor. Try the demo for free!
Component #2
Component #3
Component #4
Component #5
Component #6
Component #7
Component #8
Component #9
Component #10
