@include('header')
@include('functions')

<link rel="stylesheet" type="text/css" href="{{ url('/') }}/css/Careers-page.css">

	<!-- banner section html start -->
	<section class="careers-p-banner-wapper">
		<div class="container w-1280">
			<div class="careers-p-banner-main">
				<div class="breadcrumbs-inner-text">
					<ul>
						<li><a href="/" title="Home">Home</a></li>
						<li><img src="https://legal.com/img/right-icon.svg" alt=""></li>
						<li><a href="/careers">  Career </a></li>
					</ul>
				</div>
				<div class="careers-p-banner-text">
					<h1><span>Accelerate Your Career While Helping Businesses Grow</span></h1>
					<p>Join our world-class team as we build a global marketplace to help business leaders find the right business services.</p>
					<a href="/contact" class="get-in-touch-btn">Get in touch</a>
				</div>
			</div>
		</div>
	</section>
	<!-- banner section html end -->

	<!-- Our Mission & Our Values html start -->
	<section class="mv-sect-b-wapper">
		<div class="container w-1280">
			<div class="our-mission-wapper">
				<div class="our-mission-title">
					<h2>Our Mission</h2>
					<p>Join our world-class team as we build a global marketplace to help business leaders find the right business services.</p>
				</div>
				<div class="row mv-row-wapper">
					<div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0">
						<div class="mv-column-main">
							<h4>1.3 Million+</h4>
							<p>Over 1.3 million business leaders start at Clutch to find the right B2B services each month</p>
						</div>
					</div>
					<div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0">
						<div class="mv-column-main">
							<h4>1.3 Million+</h4>
							<p>Over 1.3 million business leaders start at Clutch to find the right B2B services each month</p>
						</div>
					</div>
					<div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0">
						<div class="mv-column-main">
							<h4>1.3 Million+</h4>
							<p>Over 1.3 million business leaders start at Clutch to find the right B2B services each month</p>
						</div>
					</div>
				</div>
			</div>
			<div class="our-values-wapper">
				<div class="our-values-title">
					<h2>Our Values</h2>
					<p>Join our world-class team as we build a global marketplace to help business leaders find the right business services.</p>
				</div>
				<div class="values-row-wapper">
					<div class="row">
						<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
							<div class="values-main-card">
								<div class="values-main-icon">
									<img src="img/cp-1-icon.png" alt="">
								</div>
								<div class="values-main-text">
									<h4>Get Listed in Both the Justia and LII Directories</h4>
									<p>People who are looking to hire an attorney are more likely to visit your profile and contact you if you have claimed it and filled it out.</p>
								</div>
							</div>
						</div>
						<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
							<div class="values-main-card">
								<div class="values-main-icon">
									<img src="img/cp-2-icon.png" alt="">
								</div>
								<div class="values-main-text">
									<h4>Most Frequently Visited US Legal Website</h4>
									<p>Justia has over 12 million visits a month. Lawyers who have claimed and completed their free profiles can benefit directly from this high volume of visitors.</p>
								</div>
							</div>
						</div>
						<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
							<div class="values-main-card">
								<div class="values-main-icon">
									<img src="img/cp-3-icon.png" alt="">
								</div>
								<div class="values-main-text">
									<h4>Interact With Real Prospective Clients</h4>
									<p>Claiming your profile helps potential clients get to know you. Lawyers who have claimed their profiles are also eligible to participate in the Justia Ask A Lawyer community.</p>
								</div>
							</div>
						</div>
						<div class="col-12 col-md-6 col-lg-3 mb-4 mb-lg-0">
							<div class="values-main-card">
								<div class="values-main-icon">
									<img src="img/cp-4-icon.png" alt="">
								</div>
								<div class="values-main-text">
									<h4>Get Listed in Both the Justia & LII Directories</h4>
									<p>People who are looking to hire an attorney are more likely to visit your profile and contact you if you have claimed it and filled it out.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- Our Mission & Our Values html end -->

	<!-- Open positions section html start -->
	<section class="open-position-sect-wapper">
		<div class="container w-1280">
			<!-- Open positions html start -->
			<div class="open-position-sect-main">
				<div class="cp-last-sect-title">
					<h2>Open positions</h2>
				</div>
				<div class="open-position-list-wapper">
@foreach($jobs as $job)
					<div class="open-position-card-wapper">
                                                <div class="open-position-left">
                                                        <div class="open-position-icon">
                                                                <img src="img/professional-experience.svg" alt="">
                                                        </div>
                                                        <div class="open-position-text">
                                                                <h4>{{ $job->title }} </h4>
                                                                <p>
                                                                        <img src="img/location-icon.svg" alt="" class="img-fluid">
                                                                        <span>{{ $job->city }}, {{ $job->state }}, {{ $job->country }}</span>
                                                                </p>
                                                        </div>
                                                </div>
                                                <div class="open-position-button">
                                                        <a href="/jobs/{{ $job->id }}">{{ $job->department->name }}</a>
                                                </div>
                                        </div>
@endforeach
				</div>
			</div>
			<!-- Open positions html end -->
			<!-- employees saying html start -->
			<div class="employees-saying-wapper">
				<div class="cp-last-sect-title">
					<h2>What employees Saying</h2>
				</div>
				<div class="row">
					<div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0">
						<div class="employees-saying-main">
							<span class="quote-icon-c"><img src="img/Quote-Icon.svg" alt=""></span>
							<p>Our global team of builders make our mission and growth possible. We come from many countries and believe that celebrating what makes us different creates a resilient and positive culture. Leading with empathy and an open mind are key to uncovering brilliant solutions.We promote diversity, equity and inclusion by weaving it in all of our processes, from our hiring practices and benefits plans to our employee-led and executive-sponsored DE&I committee.</p>
							<hr class="es-line">
							<div class="employees-card">
								<div class="employees-img">
									<img src="img/user-img.png" alt="">
								</div>
								<div class="employees-text">
									<h5>Alanya Smith</h5>
									<span>Senior Manager</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0">
						<div class="employees-saying-main">
							<span class="quote-icon-c"><img src="img/Quote-Icon.svg" alt=""></span>
							<p>Our global team of builders make our mission and growth possible. We come from many countries and believe that celebrating what makes us different creates a resilient and positive culture. Leading with empathy and an open mind are key to uncovering brilliant solutions.We promote diversity, equity and inclusion by weaving it in all of our processes, from our hiring practices and benefits plans to our employee-led and executive-sponsored DE&I committee.</p>
							<hr class="es-line">
							<div class="employees-card">
								<div class="employees-img">
									<img src="img/user-img.png" alt="">
								</div>
								<div class="employees-text">
									<h5>Alanya Smith</h5>
									<span>Senior Manager</span>
								</div>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0">
						<div class="employees-saying-main">
							<span class="quote-icon-c"><img src="img/Quote-Icon.svg" alt=""></span>
							<p>Our global team of builders make our mission and growth possible. We come from many countries and believe that celebrating what makes us different creates a resilient and positive culture. Leading with empathy and an open mind are key to uncovering brilliant solutions.We promote diversity, equity and inclusion by weaving it in all of our processes, from our hiring practices and benefits plans to our employee-led and executive-sponsored DE&I committee.</p>
							<hr class="es-line">
							<div class="employees-card">
								<div class="employees-img">
									<img src="img/user-img.png" alt="">
								</div>
								<div class="employees-text">
									<h5>Alanya Smith</h5>
									<span>Senior Manager</span>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="es-get-in-touch-btn">
					<a href="#">Get in touch</a>
				</div>
			</div>
			<!-- employees saying html end -->
			<!-- faq section html start -->
			<div class="cp-faq-wapper">
				<div class="cp-last-sect-title">
					<h2>FAQ</h2>
				</div>
				<div class="cp-review-faq-wapper">
					<div class="cp-faq-accordion-wapper">
						<div class="cp-faq-accordion-item">
							<div class="d-flex align-items-baseline cp-faq-menu">
								<a href="javascript:void(0)">Not Sure What Questions To Ask A Lawyer?</a>
							</div>
							<div class="cp-faq-content">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis sed eros eu posuere. Proin convallis ac lacus eu laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In vel sapien dui. Nam eu metus porttitor, ultricies sem molestie, pellentesque mauris.</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis sed eros eu posuere. Proin convallis ac lacus eu laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
							</div>
						</div>
						<div class="cp-faq-accordion-item">
							<div class="d-flex align-items-baseline cp-faq-menu">
								<a href="javascript:void(0)">What Happens if You Don't Probate a Will?</a>
							</div>
							<div class="cp-faq-content">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis sed eros eu posuere. Proin convallis ac lacus eu laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In vel sapien dui. Nam eu metus porttitor, ultricies sem molestie, pellentesque mauris.</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis sed eros eu posuere. Proin convallis ac lacus eu laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
							</div>
						</div>
						<div class="cp-faq-accordion-item">
							<div class="d-flex align-items-baseline cp-faq-menu">
								<a href="javascript:void(0)">Not Sure What Questions To Ask A Lawyer?</a>
							</div>
							<div class="cp-faq-content">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis sed eros eu posuere. Proin convallis ac lacus eu laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In vel sapien dui. Nam eu metus porttitor, ultricies sem molestie, pellentesque mauris.</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis sed eros eu posuere. Proin convallis ac lacus eu laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
							</div>
						</div>
						<div class="cp-faq-accordion-item">
							<div class="d-flex align-items-baseline cp-faq-menu">
								<a href="javascript:void(0)">What Happens if You Don't Probate a Will?</a>
							</div>
							<div class="cp-faq-content">
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis sed eros eu posuere. Proin convallis ac lacus eu laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In vel sapien dui. Nam eu metus porttitor, ultricies sem molestie, pellentesque mauris.</p>
								<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur mollis sed eros eu posuere. Proin convallis ac lacus eu laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- faq section html end -->
		</div>
	</section>
	<!-- Open positions section html end -->

<script src="{{ url('/') }}/js/Careers-page.js"></script>

@include('footer')
