<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
All Frameworks
UI Library
All Libraries
Components
- Alert 245
- Application 161
- Applications 5
- Banner 45
- Blog 209
- Call to action 318
- Careers 20
- Contact 130
- Contacts 5
- Content 172
- Cookies 153
- E-commerce (orders) 56
- E-commerce (products) 93
- FAQ 136
- Features 402
- Footers 186
- Graphs 46
- HTTP codes 153
- Headers 276
- How it works 171
- Logo clouds 246
- Modals 15
- Navbar 140
- Navigation (horizontal) 302
- Navigation (vertical) 14
- Navigations 4
- Newsletter 163
- Portfolio 147
- Pricing 160
- Projects 9
- Reviews 20
- Rich text 3
- Sign in / Sign up 236
- Stats 219
- Tables 5
- Tables 132
- Team 147
- Testimonials 179
- Users 59
Component #1
Careers Components by Shuffle
Choose from 20 variations of Careers UI components. Presented here are variants available in various UI libraries.
Get access to all UI 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
