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



<section class="inner-banner">
    <div class="slide-inner bg-image">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-8">
                    <div class="inner-banner-content">
                        <h1 data-swiper-parallax="-200">Find your job without
                            any hassle.</h1>
                        <p data-swiper-parallax="-200">Jobs & Job search. Find jobs in global. Executive jobs & work.</p>
                        <div class="field-group ">
                            <div class="form-group">
                                <h3>Job Categories</h3>

                                <select class="form-control" placeholder="Real Estate">
                                    <option value="Developer">Developer</option>
                                    <option value="Developer">Developer</option>

                                </select>
                            </div>
                            <div class="form-group">
                                <h3>Location</h3>
                                <select class="form-control" placeholder="Real Estate">
                                    <option value="Spain, Bercelona">Spain, Bercelona</option>
                                    <option value="Spain, Bercelona">Spain, Bercelona</option>
                                </select>
                            </div>
                            <div class="designbrnd">
                                <h3>Keywords or Title</h3>
                                <h5>Design, branding</h5>
                            </div>
                            <a href="" class="themeBtn">Search</a>
                        </div>
                        <a href="" class="upload-cv"> <span>Upload your CV</span> <input type="file"> <i class="fal fa-file-upload"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <figure class="inner-banner-img">
                <img src="images/inner-bg.png" alt="">
            </figure>
        </div>
    </div>
    <img src="images/bnrimg1.webp" class="img-fluid bnrimg11" alt="">
    <img src="images/bnrimg2.webp" class="img-fluid bnrimg22" alt="">
    <img src="images/bnrimg3.webp" class="img-fluid bnrimg33" alt="">
    <img src="images/bnrimg4.webp" class="img-fluid bnrimg44" alt="">
</section>

<section class="categories-sec">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-12" data-aos="fade-up">
                <div class="topcategorie">
                    <h2 class="mainHead">Most Demanding Categories.</h2>
                    <a href="" class="subHead">Explore all fields <i class="far fa-angle-right"></i></a>
                </div>
            </div>
            <div class="col-md-2" data-aos="fade-up">
                <div class="categorieswrap">
                    <figure>
                        <img src="images/cateimg1.webp" class="img-fluid" alt="">
                    </figure>
                    <h4>UI/UX Design</h4>
                    <h5>12k+ Jobs</h5>
                </div>
            </div>
            <div class="col-md-2" data-aos="fade-up">
                <div class="categorieswrap">
                    <figure>
                        <img src="images/cateimg2.webp" class="img-fluid" alt="">
                    </figure>
                    <h4>UI/UX Design</h4>
                    <h5>12k+ Jobs</h5>
                </div>
            </div>
            <div class="col-md-2" data-aos="fade-up">
                <div class="categorieswrap">
                    <figure>
                        <img src="images/cateimg3.webp" class="img-fluid" alt="">
                    </figure>
                    <h4>UI/UX Design</h4>
                    <h5>12k+ Jobs</h5>
                </div>
            </div>
            <div class="col-md-2" data-aos="fade-up">
                <div class="categorieswrap">
                    <figure>
                        <img src="images/cateimg4.webp" class="img-fluid" alt="">
                    </figure>
                    <h4>UI/UX Design</h4>
                    <h5>12k+ Jobs</h5>
                </div>
            </div>
            <div class="col-md-2" data-aos="fade-up">
                <div class="categorieswrap">
                    <figure>
                        <img src="images/cateimg5.webp" class="img-fluid" alt="">
                    </figure>
                    <h4>UI/UX Design</h4>
                    <h5>12k+ Jobs</h5>
                </div>
            </div>
            <div class="col-md-2" data-aos="fade-up">
                <div class="categorieswrap">
                    <figure>
                        <img src="images/cateimg6.webp" class="img-fluid" alt="">
                    </figure>
                    <h4>UI/UX Design</h4>
                    <h5>12k+ Jobs</h5>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="job-section">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-6" data-aos="fade-up">
                <div class="img-wrap">
                    <figure>
                        <img src="images/jobimg2.png" class="img-fluid" alt="">
                    </figure>
                    <figure class="absolute-img">
                        <img src="images/abs-img.png" alt="">
                    </figure>
                </div>
            </div>
            <div class="col-md-6" data-aos="fade-up">
                <div class="jobwrap">
                    <h2>Get the job of
                        your dreams
                        quickly.</h2>
                    <p>Commonly used in the graphic, print publishing
                        industris for previewing visual mockups. limited
                        social discrimination.</p>
                    <div class="findjb">
                        <div class="explorebtn">
                            <h4>Find your job.</h2>
                                <a href=""> Explore all</a>
                        </div>
                        <i class="far fa-angle-right"></i>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

<section class="complete-job">
    <div class="container">
        <div class="row align-items-center justify-content-between jobline">
            <div class="col-md-3" data-aos="fade-up">
                <div class="job-wraps">
                    <h4>7million</h4>
                    <h5>Completed Jobs</h5>
                </div>
            </div>
            <div class="col-md-3" data-aos="fade-up">
                <div class="job-wraps">
                    <h4>30k+</h4>
                    <h5>Worldwide Client</h5>
                </div>
            </div>
            <div class="col-md-3" data-aos="fade-up">
                <div class="job-wraps">
                    <h4>13billion</h4>
                    <h5>Dollar Payout</h5>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="job-listing">
    <div class="container">
        <div class="col-md-12" data-aos="fade-up">
            <div class="topcategorie">
                <h2 class="mainHead">New job listing</h2>
                <a href="" class="subHead">Explore all fields <i class="far fa-angle-right"></i></a>
            </div>
        </div>
        <div class="row align-items-center">
            <div class="col-md-12" data-aos="fade-up">
                <div class="jobmainbdr">
                    <div class="lisitngmain">
                        <div class="listfiest">
                            <figure>
                                <img src="images/listimg1.webp" class="img-fluid" alt="">
                            </figure>
                            <h3>Developer & expert
                                in java c++</h3>
                        </div>
                        <div>
                            <h5>Fulltime <span>18 Jul 2024 by <strong>slack</strong></span></h5>
                        </div>
                        <div>
                            <h4>Spain, Bercelona <span>Developer, Coder</span></h4>
                        </div>
                        <div class="btnicon">
                            <a href="" class="bookmrk"><i class="far fa-bookmark"></i></a>
                            <a href="" class="themeBtn">APPLY</a>
                        </div>
                    </div>
                    <div class="lisitngmain listred">
                        <div class="listfiest">
                            <figure>
                                <img src="images/listimg2.webp" class="img-fluid" alt="">
                            </figure>
                            <h3>Animator & Expert in
                                maya 3D</h3>
                        </div>
                        <div>
                            <h5>Part time <span>18 Jul 2024 by <strong>slack</strong></span></h5>
                        </div>
                        <div>
                            <h4>USA,New York<span>Finance,Accounting</span></h4>
                        </div>
                        <div class="btnicon">
                            <a href="" class="bookmrk"><i class="far fa-bookmark"></i></a>
                            <a href="" class="themeBtn">APPLY</a>
                        </div>
                    </div>
                    <div class="lisitngmain listred">
                        <div class="listfiest">
                            <figure>
                                <img src="images/listimg3.webp" class="img-fluid" alt="">
                            </figure>
                            <h3>Marketing Specialist
                                in SEO & SMM</h3>
                        </div>
                        <div>
                            <h5>Part time <span>18 Jul 2024 by <strong>slack</strong></span></h5>
                        </div>
                        <div>
                            <h4>Spain, Bercelona <span>Developer, Coder</span></h4>
                        </div>
                        <div class="btnicon">
                            <a href="" class="bookmrk"><i class="far fa-bookmark"></i></a>
                            <a href="" class="themeBtn">APPLY</a>
                        </div>
                    </div>
                    <div class="lisitngmain">
                        <div class="listfiest">
                            <figure>
                                <img src="images/listimg4.webp" class="img-fluid" alt="">
                            </figure>
                            <h3>Developer & Expert
                                in javascript c+</h3>
                        </div>
                        <div>
                            <h5>Fulltime <span>18 Jul 2024 by <strong>slack</strong></span></h5>
                        </div>
                        <div>
                            <h4>USA,California <span>Developer, Coder</span></h4>
                        </div>
                        <div class="btnicon">
                            <a href="" class="bookmrk"><i class="far fa-bookmark"></i></a>
                            <a href="" class="themeBtn">APPLY</a>
                        </div>
                    </div>
                    <div class="lisitngmain">
                        <div class="listfiest">
                            <figure>
                                <img src="images/listimg5.webp" class="img-fluid" alt="">
                            </figure>
                            <h3>Lead & Product
                                Designer</h3>
                        </div>
                        <div>
                            <h5>Fulltime <span>18 Jul 2024 by <strong>slack</strong></span></h5>
                        </div>
                        <div>
                            <h4>UK,London <span>Finance, Business</span></h4>
                        </div>
                        <div class="btnicon">
                            <a href="" class="bookmrk"><i class="far fa-bookmark"></i></a>
                            <a href="" class="themeBtn">APPLY</a>
                        </div>
                    </div>
                </div>

                <div class="bottmisitng">
                    <h3>Do you want to post a job for your company? <span>We can help.</span> <a href="">Click here</a></h3>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="reviewsec">
    <div class="container">
        <h2 class="mainHead">Trusted by leading<br>
            startups.</h2>
        <div class="row">
            <div class="swiper reviewSlider">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="tetsiwrap">
                            <h3>IT Friends</h3>
                            <p>“Lorem Ipsum has been the industry's standard dummy text ever since the 1500.”</p>
                            <h4>James Brower,Lead Designer</h4>
                            <div class="reviewwrap">
                                <h4>4.5 Excellent</h4>
                                <ul class="star">
                                    <li><a href=""><i class="fas fa-star"></i></a></li>
                                    <li><a href=""><i class="fas fa-star"></i></a></li>
                                    <li><a href=""><i class="fas fa-star"></i></a></li>
                                    <li><a href=""><i class="fas fa-star"></i></a></li>
                                    <li><a href=""><i class="fal fa-star"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="tetsiwrap">
                            <h3>IT Friends</h3>
                            <p>“Lorem Ipsum has been the industry's standard dummy text ever since the 1500.”</p>
                            <h4>James Brower,Lead Designer</h4>
                            <div class="reviewwrap">
                                <h4>4.5 Excellent</h4>
                                <ul class="star">
                                    <li><a href=""><i class="fas fa-star"></i></a></li>
                                    <li><a href=""><i class="fas fa-star"></i></a></li>
                                    <li><a href=""><i class="fas fa-star"></i></a></li>
                                    <li><a href=""><i class="fas fa-star"></i></a></li>
                                    <li><a href=""><i class="fal fa-star"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
</section>


<section class="talent-job faqSec">
    <div class="container">
        <div class="row align-items-center justify-content-between">
            <div class="col-md-6" data-aos="fade-up">
                <div class="talentfig">
                    <figure>
                        <img src="images/talentimgicon.webp" class="img-fluid talentright" alt="">
                        <img src="images/talentimg4.png" class="img-fluid" alt="">
                    </figure>
                    <figure class="talentperson">
                        <img src="images/talentimg5.png" class="img-fluid" alt="">
                        <img src="images/talentimg6.png" class="img-fluid" alt="">
                    </figure>

                </div>

            </div>
            <div class="col-md-5">
                <div class="talent-head">
                    <h4>Looking for an expert?</h4>
                    <h3>Find top talents
                        from jobi.</h3>
                </div>
                <div id="accordion">
                    <div class="card">
                        <div id="headingOne ">
                            <h5 class="mb-0 ">
                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><span></span>Seamless Search
                                    <i class="fas fa-plus"></i>
                                </button>
                            </h5>
                        </div>
                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                            <div class="card-body">
                                <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make...
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="card ">
                        <div id="headingTwo ">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    <span></span>Hire top talents
                                    <i class="fas fa-plus"></i>
                                </button>
                            </h5>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                            <div class="card-body">
                                <p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make...
                                </p>
                            </div>
                        </div>
                    </div>

                </div>
                <a href="" class="themeBtn">Find Talents</a>
            </div>
        </div>
    </div>
</section>


<section class=" faqSec faqsecond">
    <div class="container">
        <div class="row align-items-center ">

            <div class="col-md-12" data-aos="fade-up">
                <div class="talent-head text-center">

                    <h3>Questions & Answers</h3>
                </div>
                <div id="accordion">
                    <div class="card">
                        <div id="headingOne ">
                            <h5 class="mb-0 ">
                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><span></span>How does the free trial work?
                                    <i class="fas fa-plus"></i>
                                </button>
                            </h5>
                        </div>
                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                            <div class="card-body">
                                <p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
                                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                            </div>
                        </div>
                    </div>
                    <div class="card ">
                        <div id="headingTwo ">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    <span></span>How do you find different criteria in your process?
                                    <i class="fas fa-plus"></i>
                                </button>
                            </h5>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                            <div class="card-body">
                                <p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
                                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="card ">
                        <div id="headingthree ">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapsethree" aria-expanded="false" aria-controls="collapsethree">
                                    <span></span>What do you look for in a founding team?
                                    <i class="fas fa-plus"></i>
                                </button>
                            </h5>
                        </div>
                        <div id="collapsethree" class="collapse" aria-labelledby="headingthree" data-parent="#accordion">
                            <div class="card-body">
                                <p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
                                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="card ">
                        <div id="headingfour ">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapsefour" aria-expanded="false" aria-controls="collapsefour">
                                    <span></span>Do you recommend Pay as you go or Pre pay?
                                    <i class="fas fa-plus"></i>
                                </button>
                            </h5>
                        </div>
                        <div id="collapsefour" class="collapse" aria-labelledby="headingfour" data-parent="#accordion">
                            <div class="card-body">
                                <p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
                                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="card ">
                        <div id="headingfive ">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapsefive" aria-expanded="false" aria-controls="collapsefive">
                                    <span></span>What do I get for $0 with my plan?s?
                                    <i class="fas fa-plus"></i>
                                </button>
                            </h5>
                        </div>
                        <div id="collapsefive" class="collapse" aria-labelledby="headingfive" data-parent="#accordion">
                            <div class="card-body">
                                <p>Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
                                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
                                </p>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
            <div class="col-md-12">
                <h3 class="faqlinks"> Don’t find the answer? We can help. <a href="">Click here</a></h3>
            </div>
        </div>
    </div>
</section>


<section class="portal-sec">
    <div class="container">
        <div class="row align-items-center justify-content-between protalbdr">
            <div class="col-md-7">
                <div class="protal-content">
                    <h2>Most complete job portal.</h2>
                    <p>Signup and start find your job or talents.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="btn-group">
                    <a href="" class="themeBtn">Looking for job?</a>
                    <a href="" class="themeBtn">Post a job</a>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection