@extends('include.app')
@section('content')


    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="{{ asset('images/innerbnr1.png') }}" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>Hiring</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="hiring">
        <div class="container">
            <div class="hiring-main">
                <div class="hiring-main__header">
                    <h2 class="heading">Find Your Jobs By Category</h2>
                    <ul class="nav nav-tabs mt-5" id="myTab" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Best Matches</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Most Recent</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Saved Jobs (1)</a>
                        </li>
                    </ul>
                </div>
                <div class="hiring-main__body">
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                            <div class="hiring-main__bodyCard">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, nisi.</p>
                                <div class="d-flex align-items-center justify-content-between mb-4">
                                    <h3>Title Goes Here</h3>
                                    <div>
                                        <button class="icon thumbBtn"><i class="far fa-thumbs-down"></i></button>
                                        <button class="icon heartBtn"><i class="far fa-heart"></i></button>
                                    </div>
                                </div>
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt id harum odit alias inventore cumque. Dolorum vero fugiat ex amet esse ut, nisi necessitatibus similique voluptatibus sit facilis, alias illo porro in temporibus. Dolor commodi, quibusdam voluptates tenetur dolore consectetur repellendus reprehenderit? Quibusdam nesciunt assumenda expedita doloremque eius numquam laudantium?
                                </p>
                                <div class="skills d-flex align-items-center mb-3">
                                    <a href="javascript:void(0);">lorem</a>
                                    <a href="javascript:void(0);">adipisicing</a>
                                    <a href="javascript:void(0);">dolor</a>
                                    <a href="javascript:void(0);">consectetur</a>
                                </div>
                            </div>
                            <div class="hiring-main__bodyCard">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, nisi.</p>
                                <div class="d-flex align-items-center justify-content-between mb-4">
                                    <h3>Title Goes Here</h3>
                                    <div>
                                        <button class="icon thumbBtn"><i class="far fa-thumbs-down"></i></button>
                                        <button class="icon heartBtn"><i class="far fa-heart"></i></button>
                                    </div>
                                </div>
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt id harum odit alias inventore cumque. Dolorum vero fugiat ex amet esse ut, nisi necessitatibus similique voluptatibus sit facilis, alias illo porro in temporibus. Dolor commodi, quibusdam voluptates tenetur dolore consectetur repellendus reprehenderit? Quibusdam nesciunt assumenda expedita doloremque eius numquam laudantium?
                                </p>
                                <div class="skills d-flex align-items-center mb-3">
                                    <a href="javascript:void(0);">lorem</a>
                                    <a href="javascript:void(0);">adipisicing</a>
                                    <a href="javascript:void(0);">dolor</a>
                                    <a href="javascript:void(0);">consectetur</a>
                                </div>
                            </div>
                            <div class="hiring-main__bodyCard">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, nisi.</p>
                                <div class="d-flex align-items-center justify-content-between mb-4">
                                    <h3>Title Goes Here</h3>
                                    <div>
                                        <button class="icon thumbBtn"><i class="far fa-thumbs-down"></i></button>
                                        <button class="icon heartBtn"><i class="far fa-heart"></i></button>
                                    </div>
                                </div>
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt id harum odit alias inventore cumque. Dolorum vero fugiat ex amet esse ut, nisi necessitatibus similique voluptatibus sit facilis, alias illo porro in temporibus. Dolor commodi, quibusdam voluptates tenetur dolore consectetur repellendus reprehenderit? Quibusdam nesciunt assumenda expedita doloremque eius numquam laudantium?
                                </p>
                                <div class="skills d-flex align-items-center mb-3">
                                    <a href="javascript:void(0);">lorem</a>
                                    <a href="javascript:void(0);">adipisicing</a>
                                    <a href="javascript:void(0);">dolor</a>
                                    <a href="javascript:void(0);">consectetur</a>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                            <div class="hiring-main__bodyCard">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, nisi.</p>
                                <div class="d-flex align-items-center justify-content-between mb-4">
                                    <h3>Title Goes Here</h3>
                                    <div>
                                        <button class="icon thumbBtn"><i class="far fa-thumbs-down"></i></button>
                                        <button class="icon heartBtn"><i class="far fa-heart"></i></button>
                                    </div>
                                </div>
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt id harum odit alias inventore cumque. Dolorum vero fugiat ex amet esse ut, nisi necessitatibus similique voluptatibus sit facilis, alias illo porro in temporibus. Dolor commodi, quibusdam voluptates tenetur dolore consectetur repellendus reprehenderit? Quibusdam nesciunt assumenda expedita doloremque eius numquam laudantium?
                                </p>
                                <div class="skills d-flex align-items-center mb-3">
                                    <a href="javascript:void(0);">lorem</a>
                                    <a href="javascript:void(0);">adipisicing</a>
                                    <a href="javascript:void(0);">dolor</a>
                                    <a href="javascript:void(0);">consectetur</a>
                                </div>
                            </div>
                            <div class="hiring-main__bodyCard">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, nisi.</p>
                                <div class="d-flex align-items-center justify-content-between mb-4">
                                    <h3>Title Goes Here</h3>
                                    <div>
                                        <button class="icon thumbBtn"><i class="far fa-thumbs-down"></i></button>
                                        <button class="icon heartBtn"><i class="far fa-heart"></i></button>
                                    </div>
                                </div>
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt id harum odit alias inventore cumque. Dolorum vero fugiat ex amet esse ut, nisi necessitatibus similique voluptatibus sit facilis, alias illo porro in temporibus. Dolor commodi, quibusdam voluptates tenetur dolore consectetur repellendus reprehenderit? Quibusdam nesciunt assumenda expedita doloremque eius numquam laudantium?
                                </p>
                                <div class="skills d-flex align-items-center mb-3">
                                    <a href="javascript:void(0);">lorem</a>
                                    <a href="javascript:void(0);">adipisicing</a>
                                    <a href="javascript:void(0);">dolor</a>
                                    <a href="javascript:void(0);">consectetur</a>
                                </div>
                            </div>
                            <div class="hiring-main__bodyCard">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, nisi.</p>
                                <div class="d-flex align-items-center justify-content-between mb-4">
                                    <h3>Title Goes Here</h3>
                                    <div>
                                        <button class="icon thumbBtn"><i class="far fa-thumbs-down"></i></button>
                                        <button class="icon heartBtn"><i class="far fa-heart"></i></button>
                                    </div>
                                </div>
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt id harum odit alias inventore cumque. Dolorum vero fugiat ex amet esse ut, nisi necessitatibus similique voluptatibus sit facilis, alias illo porro in temporibus. Dolor commodi, quibusdam voluptates tenetur dolore consectetur repellendus reprehenderit? Quibusdam nesciunt assumenda expedita doloremque eius numquam laudantium?
                                </p>
                                <div class="skills d-flex align-items-center mb-3">
                                    <a href="javascript:void(0);">lorem</a>
                                    <a href="javascript:void(0);">adipisicing</a>
                                    <a href="javascript:void(0);">dolor</a>
                                    <a href="javascript:void(0);">consectetur</a>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
                            <div class="hiring-main__bodyCard">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, nisi.</p>
                                <div class="d-flex align-items-center justify-content-between mb-4">
                                    <h3>Title Goes Here</h3>
                                    <div>
                                        <button class="icon thumbBtn"><i class="far fa-thumbs-down"></i></button>
                                        <button class="icon heartBtn"><i class="far fa-heart"></i></button>
                                    </div>
                                </div>
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt id harum odit alias inventore cumque. Dolorum vero fugiat ex amet esse ut, nisi necessitatibus similique voluptatibus sit facilis, alias illo porro in temporibus. Dolor commodi, quibusdam voluptates tenetur dolore consectetur repellendus reprehenderit? Quibusdam nesciunt assumenda expedita doloremque eius numquam laudantium?
                                </p>
                                <div class="skills d-flex align-items-center mb-3">
                                    <a href="javascript:void(0);">lorem</a>
                                    <a href="javascript:void(0);">adipisicing</a>
                                    <a href="javascript:void(0);">dolor</a>
                                    <a href="javascript:void(0);">consectetur</a>
                                </div>
                            </div>
                            <div class="hiring-main__bodyCard">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, nisi.</p>
                                <div class="d-flex align-items-center justify-content-between mb-4">
                                    <h3>Title Goes Here</h3>
                                    <div>
                                        <button class="icon thumbBtn"><i class="far fa-thumbs-down"></i></button>
                                        <button class="icon heartBtn"><i class="far fa-heart"></i></button>
                                    </div>
                                </div>
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt id harum odit alias inventore cumque. Dolorum vero fugiat ex amet esse ut, nisi necessitatibus similique voluptatibus sit facilis, alias illo porro in temporibus. Dolor commodi, quibusdam voluptates tenetur dolore consectetur repellendus reprehenderit? Quibusdam nesciunt assumenda expedita doloremque eius numquam laudantium?
                                </p>
                                <div class="skills d-flex align-items-center mb-3">
                                    <a href="javascript:void(0);">lorem</a>
                                    <a href="javascript:void(0);">adipisicing</a>
                                    <a href="javascript:void(0);">dolor</a>
                                    <a href="javascript:void(0);">consectetur</a>
                                </div>
                            </div>
                            <div class="hiring-main__bodyCard">
                                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, nisi.</p>
                                <div class="d-flex align-items-center justify-content-between mb-4">
                                    <h3>Title Goes Here</h3>
                                    <div>
                                        <button class="icon thumbBtn"><i class="far fa-thumbs-down"></i></button>
                                        <button class="icon heartBtn"><i class="far fa-heart"></i></button>
                                    </div>
                                </div>
                                <p>
                                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt id harum odit alias inventore cumque. Dolorum vero fugiat ex amet esse ut, nisi necessitatibus similique voluptatibus sit facilis, alias illo porro in temporibus. Dolor commodi, quibusdam voluptates tenetur dolore consectetur repellendus reprehenderit? Quibusdam nesciunt assumenda expedita doloremque eius numquam laudantium?
                                </p>
                                <div class="skills d-flex align-items-center mb-3">
                                    <a href="javascript:void(0);">lorem</a>
                                    <a href="javascript:void(0);">adipisicing</a>
                                    <a href="javascript:void(0);">dolor</a>
                                    <a href="javascript:void(0);">consectetur</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="testimonialSec">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-8">
                    <div class="swiper testimonilssliders">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="testiwrap">
                                    <div class="star">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>

                                    </div>
                                    <h2>Best Quality Services</h2>
                                    <p>I’ve employed A Quality Handyman for a number of repairs around the home, and I
                                        can wholeheartedly recommend them for any sort of work! Their team is extremely
                                        helpful and helped me decide on my final renovation plan in days!</p>
                                    <h3>John Smith</h3>
                                    <p>Customer</p>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="testiwrap">
                                    <div class="star">
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>
                                        <i class="fas fa-star"></i>

                                    </div>
                                    <h2>Best Quality Services</h2>
                                    <p>I’ve employed A Quality Handyman for a number of repairs around the home, and I
                                        can wholeheartedly recommend them for any sort of work! Their team is extremely
                                        helpful and helped me decide on my final renovation plan in days!</p>
                                    <h3>John Smith</h3>
                                    <p>Customer</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>

@endsection