@extends('frontend.layout.app')

@section('section')
    <!-- CONTENT START -->
    <div class="page-content">

        <!--Banner Start-->
        <div class="twm-home1-banner-section site-bg-gray bg-cover"
            style="background-image:url({{ asset('frontend/images/main-slider/slider1/bg1.jpg') }})">
            <div class="row">

                <!--Left Section-->
                <div class="col-xl-6 col-lg-6 col-md-12">
                    <div class="twm-bnr-left-section">
                        <div class="twm-bnr-title-small">We Have <span class="site-text-primary">208,000+</span>
                            Live Jobs</div>
                        <div class="twm-bnr-title-large">Find the <span class="site-text-primary">job</span> that
                            fits your life</div>
                        <div class="twm-bnr-discription">Type your keyword, then click search to find your perfect
                            job.</div>

                        <div class="twm-bnr-search-bar">
                            <form>
                                <div class="row">
                                    <!--Title-->
                                    <div class="form-group col-xl-3 col-lg-6 col-md-6">
                                        <label>What</label>
                                        <select class="wt-search-bar-select selectpicker" data-live-search="true"
                                            title="" id="j-Job_Title" data-bv-field="size">
                                            <option disabled selected value="">Select Category</option>
                                            <option selected>Job Title</option>
                                            <option>Web Designer</option>
                                            <option>Developer</option>
                                            <option>Acountant</option>
                                        </select>
                                    </div>

                                    <!--All Category-->
                                    <div class="form-group col-xl-3 col-lg-6 col-md-6">
                                        <label>Type</label>
                                        <select class="wt-search-bar-select selectpicker" data-live-search="true"
                                            title="" id="j-All_Category" data-bv-field="size">
                                            <option disabled selected value="">Select Category</option>
                                            <option selected>All Category</option>
                                            <option>Web Designer</option>
                                            <option>Developer</option>
                                            <option>Acountant</option>
                                        </select>
                                    </div>

                                    <!--Location-->
                                    <div class="form-group col-xl-3 col-lg-6 col-md-6">
                                        <label>Location</label>
                                        <div class="twm-inputicon-box">
                                            <input name="username" type="text" required class="form-control"
                                                placeholder="Search...">
                                            <i class="twm-input-icon fas fa-map-marker-alt"></i>
                                        </div>
                                    </div>

                                    <!--Find job btn-->
                                    <div class="form-group col-xl-3 col-lg-6 col-md-6">
                                        <button type="button" class="site-button">Find Job</button>
                                    </div>

                                </div>
                            </form>
                        </div>

                        <div class="twm-bnr-popular-search">
                            <span class="twm-title">Popular Searches:</span>
                            <a href="job-list.html">Developer</a> ,
                            <a href="job-list.html">Designer</a> ,
                            <a href="job-list.html">Architect</a> ,
                            <a href="job-list.html">Engineer</a> ...
                        </div>
                    </div>
                </div>

                <!--right Section-->
                <div class="col-xl-6 col-lg-6 col-md-12 twm-bnr-right-section">
                    <div class="twm-bnr-right-content">

                        <div class="twm-img-bg-circle-area">
                            <div class="twm-img-bg-circle1 rotate-center"><span></span></div>
                            <div class="twm-img-bg-circle2 rotate-center-reverse"><span></span></div>
                            <div class="twm-img-bg-circle3"><span></span></div>
                        </div>

                        <div class="twm-bnr-right-carousel">
                            <div class="owl-carousel twm-h1-bnr-carousal">
                                <div class="item">
                                    <div class="slide-img">
                                        <img src="{{ asset('frontend/images/main-slider/slider1/r-img1.png') }}"
                                            alt="#">
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="slide-img">
                                        <div class="slide-img">
                                            <img src="{{ asset('frontend/images/main-slider/slider1/r-img2.png') }}"
                                                alt="#">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="twm-bnr-blocks-position-wrap">
                                <!--icon-block-1-->
                                <div class="twm-bnr-blocks twm-bnr-blocks-position-1">
                                    <div class="twm-icon">
                                        <img src="{{ asset('frontend/images/main-slider/slider1/icon-1.png') }}"
                                            alt="">
                                    </div>
                                    <div class="twm-content">
                                        <div class="tw-count-number text-clr-sky">
                                            <span class="counter">12</span>K+
                                        </div>
                                        <p class="icon-content-info">Companies Jobs</p>
                                    </div>
                                </div>

                                <!--icon-block-2-->
                                <div class="twm-bnr-blocks twm-bnr-blocks-position-2">
                                    <div class="twm-icon">
                                        <img src="{{ asset('frontend/images/main-slider/slider1/icon-2.png') }}"
                                            alt="">
                                    </div>
                                    <div class="twm-content">
                                        <div class="tw-count-number text-clr-pink">
                                            <span class="counter">98</span> +
                                        </div>
                                        <p class="icon-content-info">Job For Countries </p>
                                    </div>
                                </div>

                                <!--icon-block-3-->
                                <div class="twm-bnr-blocks-3 twm-bnr-blocks-position-3">
                                    <div class="twm-pics">
                                        <span><img src="{{ asset('frontend/images/main-slider/slider1/user/u-1.jpg') }}"
                                                alt=""></span>
                                        <span><img src="{{ asset('frontend/images/main-slider/slider1/user/u-2.jpg') }}"
                                                alt=""></span>
                                        <span><img src="{{ asset('frontend/images/main-slider/slider1/user/u-3.jpg') }}"
                                                alt=""></span>
                                        <span><img src="{{ asset('frontend/images/main-slider/slider1/user/u-4.jpg') }}"
                                                alt=""></span>
                                        <span><img src="{{ asset('frontend/images/main-slider/slider1/user/u-5.jpg') }}"
                                                alt=""></span>
                                        <span><img src="{{ asset('frontend/images/main-slider/slider1/user/u-6.jpg') }}"
                                                alt=""></span>
                                    </div>
                                    <div class="twm-content">
                                        <div class="tw-count-number text-clr-green">
                                            <span class="counter">3</span>K+
                                        </div>
                                        <p class="icon-content-info">Jobs Done</p>
                                    </div>
                                </div>
                            </div>

                        </div>



                        <!--Samll Ring Left-->
                        <div class="twm-small-ring-l slide-top-animation"></div>
                        <div class="twm-small-ring-2 slide-top-animation"></div>



                    </div>
                </div>

            </div>
            <div class="twm-gradient-text">
                Jobs
            </div>
        </div>
        <!--Banner End-->

        <div class="container mt-5 mb-5">
            <div class="row">
                <div class="col-lg-8">
                    <div class="container">
                        <div class="twm-job-categories-carousal-section">
                            <div class="owl-carousel twm-job-categories-carousal">

                                <!-- COLUMNS 1 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-dashboard"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">9,185 Jobs</div>
                                                <a href="job-detail.html">Business Development</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- COLUMNS 2 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-project-management"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">3,205 Jobs</div>
                                                <a href="job-detail.html">Project Management</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- COLUMNS 3 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-note"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">2,100 Jobs</div>
                                                <a href="job-detail.html">Content Writer & Blogging</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- COLUMNS 4 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-customer-support"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">1,500 Jobs</div>
                                                <a href="job-detail.html">Costomer Services</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- COLUMNS 5 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-bars"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">9,185 Jobs</div>
                                                <a href="job-detail.html">Accounting Finance</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- COLUMNS 6 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-user"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">3,205 Jobs</div>
                                                <a href="job-detail.html">Sales and Marketing</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- COLUMNS 7 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-dashboard"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">9,185 Jobs</div>
                                                <a href="job-detail.html">Business Development</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- COLUMNS 8 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-project-management"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">3,205 Jobs</div>
                                                <a href="job-detail.html">Project Management</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- COLUMNS 9 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-note"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">2,100 Jobs</div>
                                                <a href="job-detail.html">Content Writer & Blogging</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- COLUMNS 10 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-customer-support"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">1,500 Jobs</div>
                                                <a href="job-detail.html">Costomer Services</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- COLUMNS 11 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-bars"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">9,185 Jobs</div>
                                                <a href="job-detail.html">Accounting Finance</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <!-- COLUMNS 12 -->
                                <div class="item">
                                    <div class="job-categories-3-wrap">
                                        <div class="job-categories-3">
                                            <div class="twm-media">
                                                <div class="flaticon-user"></div>
                                            </div>
                                            <div class="twm-content">
                                                <div class="twm-jobs-available">3,205 Jobs</div>
                                                <a href="job-detail.html">Sales and Marketing</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="v-testimonial-wrap">
                        <div class="v-testi-dotted-pic">
                            <img src="{{ asset('frontend/images/home-6/testimonial/dotted-block.png') }}"
                                alt="dotted blocks">
                        </div>
                        <!-- Swiper -->
                        <div class="swiper-container v-testimonial-slider-banner">
                            <div class="swiper-wrapper">
                                <!--block 1-->
                                <div class="swiper-slide">
                                    <div class="testimonials-v">
                                        <div class="testimonial-v-content">
                                            <div class="t-discription">I have minim mollit non deserunt ullamco est
                                                sit aliqua
                                                dolor do Eam et sint. Velit officia consequat.
                                            </div>
                                            <div class="twm-testi-detail">
                                                <div class="twm-testi-name">Guy Hawkins</div>
                                                <div class="twm-testi-position">UI/UX Designer</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--block 2-->
                                <div class="swiper-slide">
                                    <div class="testimonials-v">
                                        <div class="testimonial-v-content">
                                            <div class="t-testimonial-top">
                                            </div>
                                            <div class="t-discription">I have minim mollit non deserunt ullamco est
                                                sit aliqua
                                                dolor do Eam et sint. Velit officia consequat.
                                            </div>
                                            <div class="twm-testi-detail">
                                                <div class="twm-testi-name">Guy Hawkins</div>
                                                <div class="twm-testi-position">UI/UX Designer</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--block 3-->
                                <div class="swiper-slide">
                                    <div class="testimonials-v">
                                        <div class="testimonial-v-content">
                                            <div class="t-discription">I have minim mollit non deserunt ullamco est
                                                sit aliqua
                                                dolor do Eam et sint. Velit officia consequat.
                                            </div>
                                            <div class="twm-testi-detail">
                                                <div class="twm-testi-name">Guy Hawkins</div>
                                                <div class="twm-testi-position">UI/UX Designer</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--block 4-->
                                <div class="swiper-slide">
                                    <div class="testimonials-v">
                                        <div class="testimonial-v-content">
                                            <div class="t-discription">I have minim mollit non deserunt ullamco est
                                                sit aliqua
                                                dolor do Eam et sint. Velit officia consequat.
                                            </div>
                                            <div class="twm-testi-detail">
                                                <div class="twm-testi-name">Guy Hawkins</div>
                                                <div class="twm-testi-position">UI/UX Designer</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- EXPLORE NEW LIFE START -->
        <div class="section-full p-t120 p-b120 twm-explore-area bg-cover "
            style="background-image: url({{ asset('frontend/images/background/bg-1.jpg') }});">
            <div class="container">
                <div class="section-content">
                    <div class="row">
                        <div class="col-lg-4 col-md-12">
                            <div class="twm-explore-media-wrap">
                                <div class="twm-media">
                                    <img src="{{ asset('frontend/images/gir-large.png') }}" alt="">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-8 col-md-12">
                            <div class="twm-explore-content-outer">
                                <div class="twm-explore-content">

                                    <div class="twm-l-line-1"></div>
                                    <div class="twm-l-line-2"></div>
                                    <div class="twm-r-circle-1"></div>
                                    <div class="twm-r-circle-2"></div>
                                    <div class="twm-title-small">Explore New Life</div>
                                    <div class="twm-title-large">
                                        <h2>Don’t just find. be found put your CV in front of great employers </h2>
                                        <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry the
                                            standard dummy text ever since the when an printer took.</p>
                                    </div>
                                    <div class="twm-upload-file">
                                        <button type="button" class="site-button">Upload Your Resume <i
                                                class="feather-upload"></i></button>
                                    </div>
                                </div>
                                <div class="twm-bold-circle-right"></div>
                                <div class="twm-bold-circle-left"></div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
        <!-- EXPLORE NEW LIFE END -->

        <!-- HOW IT WORK SECTION START -->
        <div class="section-full p-t90 p-b90 site-bg-white twm-how-it-work-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 col-md-8 col-sm-12">
                        <div class="container">
                            <!-- TITLE START-->
                            <div class="section-head center wt-small-separator-outer">
                                <div class="wt-small-separator site-text-primary">
                                    <div>Working Process</div>
                                </div>
                                <h2 class="wt-title">How It Works</h2>
                            </div>
                            <!-- TITLE END-->
                            <div class="twm-how-it-work-section">
                                <div class="row">
                                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
                                        <div class="twm-w-process-steps">
                                            <span class="twm-large-number">01</span>
                                            <div class="twm-w-pro-top bg-clr-sky">
                                                <div class="twm-media">
                                                    <span><img src="{{ asset('frontend/images/work-process/icon1.png') }}"
                                                            alt="icon1"></span>
                                                </div>
                                                <h4 class="twm-title">Register Your Account</h4>
                                            </div>
                                            <p>You need to create an account to find the best and preferred job.</p>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
                                        <div class="twm-w-process-steps">
                                            <span class="twm-large-number">02</span>
                                            <div class="twm-w-pro-top bg-clr-pink">
                                                <div class="twm-media">
                                                    <span><img src="{{ asset('frontend/images/work-process/icon2.png') }}"
                                                            alt="icon1"></span>
                                                </div>
                                                <h4 class="twm-title">Apply For Dream Job
                                                </h4>
                                            </div>
                                            <p>You need to create an account to find the best and preferred job.</p>
                                        </div>
                                    </div>
                                    <div class="col-xl-4 col-lg-6 col-md-6 col-sm-12">
                                        <div class="twm-w-process-steps">
                                            <span class="twm-large-number">03</span>
                                            <div class="twm-w-pro-top bg-clr-green">
                                                <div class="twm-media">
                                                    <span><img src="{{ asset('frontend/images/work-process/icon3.png') }}"
                                                            alt="icon1"></span>
                                                </div>
                                                <h4 class="twm-title">Upload Your Resume</h4>
                                            </div>
                                            <p>You need to create an account to find the best and preferred job.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4 col-sm-12">
                        <!-- TITLE START-->
                        <div class="section-head center wt-small-separator-outer">
                            <div class="wt-small-separator site-text-primary">
                                <div>Advertisement</div>
                            </div>
                            <h2 class="wt-title">Advertisement</h2>
                        </div>
                        <!-- TITLE END-->
                        <div class="twm-advertisment"
                            style="background-image:url({{ asset('frontend/images/add-bg.jpg') }});">
                            <div class="overlay"></div>
                            <h4 class="twm-title">Recruiting?</h4>
                            <p>Get Best Matched Jobs On your <br>
                                Email. Add Resume NOW!</p>
                            <a href="javascript:;" class="site-button white">Read More</a>
                        </div>
                    </div>
                    <!-- HOW IT WORK SECTION END -->
                </div>
            </div>
        </div>

        <!-- TOP COMPANIES START -->
        <div class="section-full p-t120 p-b90 site-bg-white twm-companies-wrap twm-companies-wrap-h-page-7 pos-relative">
            <div class="twm-companies-wrap-bg-block2"></div>
            <!-- TITLE START-->
            <div class="section-head center wt-small-separator-outer content-white">
                <div class="wt-small-separator site-text-primary">
                    <div>Top Companies</div>
                </div>
                <h2 class="wt-title">Get hired in top companies</h2>
            </div>
            <!-- TITLE END-->
            <div class="container  block-background-white">
                <div class="twm-companies-h-page-7">
                    <div class="section-content">
                        <div class="owl-carousel home-client-carousel3 owl-btn-vertical-center">
                            <div class="item">
                                <div class="ow-client-logo">
                                    <div class="client-logo client-logo-media">
                                        <a href="employer-list.html"><img
                                                src="{{ asset('frontend/images/client-logo2/w1.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ow-client-logo">
                                    <div class="client-logo client-logo-media">
                                        <a href="employer-list.html"><img
                                                src="{{ asset('frontend/images/client-logo2/w2.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ow-client-logo">
                                    <div class="client-logo client-logo-media">
                                        <a href="employer-list.html"><img
                                                src="{{ asset('frontend/images/client-logo2/w3.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ow-client-logo">
                                    <div class="client-logo client-logo-media">
                                        <a href="employer-list.html"><img
                                                src="{{ asset('frontend/images/client-logo2/w4.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ow-client-logo">
                                    <div class="client-logo client-logo-media">
                                        <a href="employer-list.html"><img
                                                src="{{ asset('frontend/images/client-logo2/w5.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ow-client-logo">
                                    <div class="client-logo client-logo-media">
                                        <a href="employer-list.html"><img
                                                src="{{ asset('frontend/images/client-logo2/w6.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ow-client-logo">
                                    <div class="client-logo client-logo-media">
                                        <a href="employer-list.html"><img
                                                src="{{ asset('frontend/images/client-logo2/w1.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ow-client-logo">
                                    <div class="client-logo client-logo-media">
                                        <a href="employer-list.html"><img
                                                src="{{ asset('frontend/images/client-logo2/w2.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ow-client-logo">
                                    <div class="client-logo client-logo-media">
                                        <a href="employer-list.html"><img
                                                src="{{ asset('frontend/images/client-logo2/w3.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="ow-client-logo">
                                    <div class="client-logo client-logo-media">
                                        <a href="employer-list.html"><img
                                                src="{{ asset('frontend/images/client-logo2/w5.png') }}"
                                                alt=""></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="twm-company-approch2-outer">
                        <div class="twm-company-approch2">
                            <div class="row">
                                <!--block 1-->
                                <div class="col-lg-4 col-md-4">
                                    <div class="counter-outer-two">
                                        <div class="icon-content">
                                            <div class="tw-count-number site-text-primary">
                                                <span class="counter">5</span>M+
                                            </div>
                                            <p class="icon-content-info">Million daily active users</p>
                                        </div>
                                    </div>
                                </div>
                                <!--block 2-->
                                <div class="col-lg-4 col-md-4">
                                    <div class="counter-outer-two">
                                        <div class="icon-content">
                                            <div class="tw-count-number site-text-primary">
                                                <span class="counter">9</span>K+
                                            </div>
                                            <p class="icon-content-info">Open job positions</p>
                                        </div>
                                    </div>
                                </div>
                                <!--block 3-->
                                <div class="col-lg-4 col-md-4">
                                    <div class="counter-outer-two">
                                        <div class="icon-content">
                                            <div class="tw-count-number site-text-primary">
                                                <span class="counter">2</span>M+
                                            </div>
                                            <p class="icon-content-info">Million stories shared</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- TOP COMPANIES END -->
        <!-- How It Work START -->
        <div class="section-full">
            <div class="container site-bg-primary twm-how-it-work-1-area">
                <div class="section-content">
                    <div class="twm-how-it-work-1-content">
                        <div class="row">
                            <div class="col-xl-6 col-lg-12 col-md-12">
                                <div class="twm-how-it-work-1-left">
                                    <div class="twm-how-it-work-1-section">
                                        <!-- TITLE START-->
                                        <div class="section-head left wt-small-separator-outer">
                                            <div class="wt-small-separator">
                                                <div>How it Works</div>
                                            </div>
                                            <h2>Follow our steps we will help you.</h2>
                                        </div>
                                        <!-- TITLE END-->
                                        <div class="twm-step-section-4">
                                            <ul class="followsteps_register">
                                                <li>
                                                    <div class="twm-step-count bg-clr-sky-light">01</div>
                                                    <div class="twm-step-content">
                                                        <h4 class="twm-title">Register Your Account</h4>
                                                        <p>You need to create an account to find the best and
                                                            preferred job.
                                                        </p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="twm-step-count bg-clr-yellow-light">02</div>
                                                    <div class="twm-step-content">
                                                        <h4 class="twm-title">Search Your Job</h4>
                                                        <p>After creating an account, search for your favorite job.
                                                        </p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="twm-step-count bg-clr-pink-light">03</div>
                                                    <div class="twm-step-content">
                                                        <h4 class="twm-title">Apply For Dream Job</h4>
                                                        <p>After creating the account, you have to apply for the
                                                            desired job.
                                                        </p>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="twm-step-count bg-clr-green-light">04</div>
                                                    <div class="twm-step-content">
                                                        <h4 class="twm-title">Upload Your Resume</h4>
                                                        <p>Upload your resume after filling all the relevant
                                                            information.
                                                        </p>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-12 col-md-12">
                                <div class="twm-how-it-right-section">
                                    <div class="twm-media">
                                        <div class="twm-bg-circle"><img
                                                src="{{ asset('frontend/images/home-4/how-it-work/bg-circle-large.png') }}"
                                                alt=""></div>
                                        <div class="twm-block-left anm" data-speed-x="-4" data-speed-scale="-25">
                                            <img src="{{ asset('frontend/images/home-4/how-it-work/block-left.png') }}"
                                                alt="">
                                        </div>
                                        <div class="twm-block-right anm" data-speed-x="-4" data-speed-scale="-25">
                                            <img src="{{ asset('frontend/images/home-4/how-it-work/block-right.png') }}"
                                                alt="">
                                        </div>
                                        <div class="twm-main-bg anm" data-wow-delay="1000ms" data-speed-x="2"
                                            data-speed-y="2"><img
                                                src="{{ asset('frontend/images/home-4/how-it-work/main-bg.png') }}"alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- How It Work END -->

        <!-- TOP COMPANIES START -->
        <div class="section-full p-t120  site-bg-white twm-companies-wrap">
            <!-- TITLE START-->
            <div class="section-head center wt-small-separator-outer">
                <div class="wt-small-separator site-text-primary">
                    <div>Top Companies</div>
                </div>
                <h2 class="wt-title">Get hired in top companies</h2>
            </div>
            <!-- TITLE END-->
            <div class="container">
                <div class="section-content">
                    <div class="owl-carousel home-client-carousel2 owl-btn-vertical-center">
                        <div class="item">
                            <div class="ow-client-logo">
                                <div class="client-logo client-logo-media">
                                    <a href="employer-list.html"><img src="{{ asset('frontend/images/client-logo/w1.png') }}" alt=""></a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="ow-client-logo">
                                <div class="client-logo client-logo-media">
                                    <a href="employer-list.html"><img src="{{ asset('frontend/images/client-logo/w2.png') }}" alt=""></a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="ow-client-logo">
                                <div class="client-logo client-logo-media">
                                    <a href="employer-list.html"><img src="{{ asset('frontend/images/client-logo/w3.png') }}" alt=""></a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="ow-client-logo">
                                <div class="client-logo client-logo-media">
                                    <a href="employer-list.html"><img src="{{ asset('frontend/images/client-logo/w4.png') }}" alt=""></a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="ow-client-logo">
                                <div class="client-logo client-logo-media">
                                    <a href="employer-list.html"><img src="{{ asset('frontend/images/client-logo/w5.png') }}" alt=""></a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="ow-client-logo">
                                <div class="client-logo client-logo-media">
                                    <a href="employer-list.html"><img src="{{ asset('frontend/images/client-logo/w6.png') }}" alt=""></a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="ow-client-logo">
                                <div class="client-logo client-logo-media">
                                    <a href="employer-list.html"><img src="{{ asset('frontend/images/client-logo/w1.png') }}" alt=""></a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="ow-client-logo">
                                <div class="client-logo client-logo-media">
                                    <a href="employer-list.html"><img src="{{ asset('frontend/images/client-logo/w2.png') }}" alt=""></a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="ow-client-logo">
                                <div class="client-logo client-logo-media">
                                    <a href="employer-list.html"><img src="{{ asset('frontend/images/client-logo/w3.png') }}" alt=""></a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="ow-client-logo">
                                <div class="client-logo client-logo-media">
                                    <a href="employer-list.html"><img src="{{ asset('frontend/images/client-logo/w5.png') }}" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- TOP COMPANIES END -->

        <!-- TESTIMONIAL SECTION START -->
        <div class="section-full p-t120 p-b90 site-bg-white twm-testimonial-1-area">

            <div class="container">

                <div class="wt-separator-two-part">
                    <div class="row wt-separator-two-part-row">
                        <div class="col-xl-5 col-lg-6 col-md-12 wt-separator-two-part-left">
                            <!-- TITLE START-->
                            <div class="section-head left wt-small-separator-outer">
                                <div class="wt-small-separator site-text-primary">
                                    <div>Clients Testimonials</div>
                                </div>
                                <h2 class="wt-title">What Our Customers Say About Us</h2>
                            </div>
                            <!-- TITLE END-->
                        </div>

                    </div>
                </div>

                <div class="section-content">

                    <div class="owl-carousel twm-testimonial-1-carousel owl-btn-bottom-center ">

                        <!-- COLUMNS 1 -->
                        <div class="item ">
                            <div class="twm-testimonial-1">
                                <div class="twm-testimonial-1-content">
                                    <div class="twm-testi-media">
                                        <img src="{{ asset('frontend/images/testimonials/pic-1.png') }}" alt="#">
                                    </div>
                                    <div class="twm-testi-content">
                                        <div class="twm-quote">
                                            <img src="{{ asset('frontend/images/quote-dark.png') }}" alt="">
                                        </div>
                                        <div class="twm-testi-info">I just got a job that I applied for via
                                            careerfy! I used the site all the time during my job hunt.</div>
                                        <div class="twm-testi-detail">
                                            <div class="twm-testi-name">Nikola Tesla</div>
                                            <div class="twm-testi-position">Accountant</div>
                                        </div>
                                    </div>

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

                        <!-- COLUMNS 2 -->
                        <div class="item ">
                            <div class="twm-testimonial-1">
                                <div class="twm-testimonial-1-content">
                                    <div class="twm-testi-media">
                                        <img src="{{ asset('frontend/images/testimonials/pic-2.png') }}" alt="#">
                                    </div>
                                    <div class="twm-testi-content">
                                        <div class="twm-quote">
                                            <img src="{{ asset('frontend/images/quote-dark.png') }}" alt="">
                                        </div>
                                        <div class="twm-testi-info">I just got a job that I applied for via
                                            careerfy! I used the site all the time during my job hunt.</div>
                                        <div class="twm-testi-detail">
                                            <div class="twm-testi-name">Nikola Tesla</div>
                                            <div class="twm-testi-position">Accountant</div>
                                        </div>
                                    </div>

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

                        <!-- COLUMNS 3 -->
                        <div class="item ">
                            <div class="twm-testimonial-1">
                                <div class="twm-testimonial-1-content">
                                    <div class="twm-testi-media">
                                        <img src="{{ asset('frontend/images/testimonials/pic-3.png') }}" alt="#">
                                    </div>
                                    <div class="twm-testi-content">
                                        <div class="twm-quote">
                                            <img src="{{ asset('frontend/images/quote-dark.png') }}" alt="">
                                        </div>
                                        <div class="twm-testi-info">I just got a job that I applied for via
                                            careerfy! I used the site all the time during my job hunt.</div>
                                        <div class="twm-testi-detail">
                                            <div class="twm-testi-name">Nikola Tesla</div>
                                            <div class="twm-testi-position">Accountant</div>
                                        </div>
                                    </div>

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

                        <!-- COLUMNS 4 -->
                        <div class="item ">
                            <div class="twm-testimonial-1">
                                <div class="twm-testimonial-1-content">
                                    <div class="twm-testi-media">
                                        <img src="{{ asset('frontend/images/testimonials/pic-2.png') }}" alt="#">
                                    </div>
                                    <div class="twm-testi-content">
                                        <div class="twm-quote">
                                            <img src="{{ asset('frontend/images/quote-dark.png') }}" alt="">
                                        </div>
                                        <div class="twm-testi-info">I just got a job that I applied for via
                                            careerfy! I used the site all the time during my job hunt.</div>
                                        <div class="twm-testi-detail">
                                            <div class="twm-testi-name">Nikola Tesla</div>
                                            <div class="twm-testi-position">Accountant</div>
                                        </div>
                                    </div>

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

                        <!-- COLUMNS 5 -->
                        <div class="item ">
                            <div class="twm-testimonial-1">
                                <div class="twm-testimonial-1-content">
                                    <div class="twm-testi-media">
                                        <img src="{{ asset('frontend/images/testimonials/pic-1.png') }}" alt="#">
                                    </div>
                                    <div class="twm-testi-content">
                                        <div class="twm-quote">
                                            <img src="{{ asset('frontend/images/quote-dark.png') }}" alt="">
                                        </div>
                                        <div class="twm-testi-info">I just got a job that I applied for via
                                            careerfy! I used the site all the time during my job hunt.</div>
                                        <div class="twm-testi-detail">
                                            <div class="twm-testi-name">Nikola Tesla</div>
                                            <div class="twm-testi-position">Accountant</div>
                                        </div>
                                    </div>

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


                    </div>

                </div>
            </div>

        </div>
        <!-- TESTIMONIAL SECTION END -->

    </div>
    <!-- CONTENT END -->
@endsection