@extends('website.layouts.layout')

@section('content')

<section class="pxp-hero vh-100" style="background-color: #fff0d9;">
    <div class="pxp-hero-caption">
        <div class="pxp-container">
            <div class="row pxp-pl-80 align-items-center justify-content-between">
                <div class="col-12 col-xl-6 col-xxl-5">
                    <h1 style="font-size: 50px; line-height: 69px; letter-spacing: 0px;">
                        Join Us in Educating the World! - 1</span>
                    </h1>

                    <div class="pxp-hero-subtitle mt-3 mt-lg-4">
                        UniWolc is on a mission to educate the world. We're building a future where anyone, anywhere has access to the best education possible, regardless of where they were born. We want you to be a part of this movement—and have tons of fun along the way!
                    </div>

                    <div class="mt-5">
                        <a href="#" class="btn rounded-pill pxp-section-cta um-explore-program-hero-section-cta">View Open Roles</a>
                    </div>

                </div>

                <div class="d-none d-xl-block col-xl-5 position-relative">
                    <div class="pxp-hero-cards-container pxp-animate-cards pxp-mouse-move" data-speed="160">
                        <div class="pxp-hero-card pxp-cover pxp-cover-top" style="background-image: url(https://dev.uniwolc.com/public/images/our-carrerr-main.jpg);width:500px !important"></div>
                        <div class="pxp-hero-card-dark"></div>
                        <div class="pxp-hero-card-light"></div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="pxp-hero-right-bg-card pxp-has-animation" style="background-color: #ff913f !important;"></div>
</section>

<section class="mt-100">
    <div class="pxp-container">
        <h2 class="pxp-text-light text-center">At UniWolc We’re Committed to Our Values</h2>
        <p class="text-center"> Join the UniWolc team and empower people around the world to get the best of education.</p>

        <div class="row justify-content-evenly mt-4 mt-md-5 pxp-animate-in pxp-animate-in-top pxp-in">
            <div class="col-lg-4 col-xl-4 pxp-services-1-item-container mb-4">
                <div class="pxp-services-1-item text-center pxp-animate-icon">
                    <div class="pxp-services-1-item-icon">
                        <img src="https://uniwolc.com/assets/images/01-expanding.png" style="height:70px !important" alt="Candidate" class="animate__animated animate__jackInTheBox">
                    </div>
                    <div class="pxp-services-1-item-title" style="margin-top:40px">Helping Students Achieve Success</div>
                </div>
            </div>

            <div class="col-lg-4 col-xl-4 pxp-services-1-item-container  mb-4">
                <div class="pxp-services-1-item text-center pxp-animate-icon">
                    <div class="pxp-services-1-item-icon">
                        <img src="https://dev.uniwolc.com/public/images/3908156.png" style="height:70px !important" alt="Employer" class="">
                    </div>
                    <div class="pxp-services-1-item-title">Caring About Each Other</div>
                </div>
            </div>

            <div class="col-lg-4 col-xl-4 pxp-services-1-item-container mb-4">
                <div class="pxp-services-1-item text-center pxp-animate-icon">
                    <div class="pxp-services-1-item-icon">
                        <img src="https://uniwolc.com/assets/images/03-expanding.png" style="height:70px !important" alt="Press" class="">
                    </div>
                    <div class="pxp-services-1-item-title">Providing an Exceptional Customer Experience</div>
                </div>
            </div>

            <div class="col-lg-4 col-xl-4 pxp-services-1-item-container mb-4">
                <div class="pxp-services-1-item text-center pxp-animate-icon">
                    <div class="pxp-services-1-item-icon">
                        <img src="https://dev.uniwolc.com/public/images/10108402.png" style="height:70px !important" alt="Press" class="">
                    </div>
                    <div class="pxp-services-1-item-title">Taking Ownership</div>
                </div>
            </div>
            <div class="col-lg-4 col-xl-4 pxp-services-1-item-container mb-4">
                <div class="pxp-services-1-item text-center pxp-animate-icon">
                    <div class="pxp-services-1-item-icon">
                        <img src="https://dev.uniwolc.com/public/images/10108295.png" style="height:70px !important" alt="Press" class="">
                    </div>
                    <div class="pxp-services-1-item-title">Innovating an Improving</div>
                </div>
            </div>
            <div class="col-lg-4 col-xl-4 pxp-services-1-item-container mb-4">
                <div class="pxp-services-1-item text-center pxp-animate-icon">
                    <div class="pxp-services-1-item-icon">
                        <img src="https://dev.uniwolc.com/public/images/1839365.png" style="height:70px !important" alt="Press" class="">
                    </div>
                    <div class="pxp-services-1-item-title">Making Work Fun</div>

                </div>
            </div>
            <center class="mt-4" style="margin-top:4.5rem!important">
                <div class="pxp-info-caption-cta">
                    <a href="leadership" class="btn rounded-pill pxp-section-cta">
                        Join the Team
                    </a>
                </div>
            </center>
        </div>
    </div>
</section>


<style>
    .pxp-companies-card-1.pxp-has-border {
        border: none !important;
    }
</style>
<section class="mt-100" style="background-color:#ff913f !important">
    <div class="pxp-container" style="background-color:#ff913f !important">
        <div class="row  justify-content-center pxp-animate-in pxp-animate-in-top pxp-in" style="background-color:#ff913f !important">
            <div class="col-lg-12 col-xxl-12 pxp-companies-card-1 pxp-has-border" style="background:#ff913f !important;" style="padding: 50px 30px; border: none; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);">
                <div class="justify-content-between pxp-contact-card-1-icon-container text-center">
                    <div class="pxp-contact-card-1-icon" style="box-shadow: none;background-color: #ff913f !important">
                        <span style="color:#fff !important">Join Us in Making an Impact!</span>
                    </div>
                </div>
                <div class="pxp-info-caption-cta">
                    <center>
                        <a href="leadership" class="btn rounded-pill pxp-section-cta">View Open Roles
                        </a>
                    </center>
                </div>

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

<section class="pxp-hero pxp-hero-boxed">
    <div class="pxp-container">

        <div class="pxp-hero-boxed-content mt-5" style="background-color: var(--pxpSecondaryColor);">
            <h2 class="pxp-text-light text-center mb-4">Perks and Benefits</h2>
            <div class="row align-items-center justify-content-between">
                <div class="row">
                    <div class="col-12 col-xl-3 col-xxl-4">
                        <div class="pxp-companies-card-1">
                            <div class="pxp-companies-card-1-top text-center">
                                <div class="d-flex justify-content-center">
                                    <a href="single-company-1.html" class="pxp-companies-card-1-company-logo" style="background-image: url(https://uniwolc.com/assets/images/01-help-students.png);"></a>
                                </div>
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Health and Wellness</a>
                                <div class="pxp-companies-card-1-company-description pxp-text-light">Comprehensive Health And Wellness Benefits, Including Dental And Vision, An Employee And Family Assistance Program, A Personal Spending Account, And More.</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-xl-3 col-xxl-4">
                        <div class="pxp-companies-card-1">
                            <div class="pxp-companies-card-1-top text-center">
                                <div class="d-flex justify-content-center">
                                    <a href="single-company-1.html" class="pxp-companies-card-1-company-logo" style="background-image: url(https://uniwolc.com/assets/images/02-help-students.png);"></a>
                                </div>
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Exceptional Onboarding</a>
                                <div class="pxp-companies-card-1-company-description pxp-text-light">We Build Connections From Day One With Fellow Team Members While Also Providing Access To Technology And Vital Training And Resources Needed For A Great Onboarding Experience.</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-xl-3 col-xxl-4">
                        <div class="pxp-companies-card-1">
                            <div class="pxp-companies-card-1-top text-center">
                                <div class="d-flex justify-content-center">
                                    <a href="single-company-1.html" class="pxp-companies-card-1-company-logo" style="background-image: url(https://uniwolc.com/assets/images/03-help-students.png);"></a>
                                </div>
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Competitive Compensation</a>
                                <div class="pxp-companies-card-1-company-description pxp-text-light">We Offer A Generous Compensation Package That Includes An Above Industry Average Salary, Plus Regular Performance Bonuses.</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-4">
                    <div class="col-12 col-xl-3 col-xxl-4">
                        <div class="pxp-companies-card-1">
                            <div class="pxp-companies-card-1-top text-center">
                                <div class="d-flex justify-content-center">
                                    <a href="single-company-1.html" class="pxp-companies-card-1-company-logo" style="background-image: url(https://uniwolc.com/assets/images/04-apply-for-visa.png);"></a>
                                </div>
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Equity</a>
                                <div class="pxp-companies-card-1-company-description pxp-text-light">We Are Proud To Offer Company Stock Options To Our Team Members So They Can Benefit And Thrive Along With Uniwolc.</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-xl-3 col-xxl-4">
                        <div class="pxp-companies-card-1">
                            <div class="pxp-companies-card-1-top text-center">
                                <div class="d-flex justify-content-center">
                                    <a href="single-company-1.html" class="pxp-companies-card-1-company-logo" style="background-image: url(https://uniwolc.com/assets/images/05-start-your-iourney.png);"></a>
                                </div>
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Professional Development</a>
                                <div class="pxp-companies-card-1-company-description pxp-text-light">We Want Our Team Members To Develop And Grow Every Day, So We Offer Complementary Linkedin Learning Along With Internal Development Programs.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <center>
                    <div class="col-12 col-xl-3 col-xxl-4 mt-5">
                        <a href="javascript:void(0)" class="btn rounded-pill pxp-section-cta">Get Started
                        </a>
                    </div>
                </center>
            </div>
        </div>
    </div>
</section>

<style>
    .pxp-companies-card-1.pxp-has-border {
        border: none !important;
    }

    .pxp-info-caption-cta {
        margin-top: 0px !important;
    }
</style>

<h1 class="pxp-text-light text-center mt-5" style="font-weight: 600;font-size: 48px;">Nurturing a Collaborative Team Culture</h1>

<section class="mt-100" style="background-color:#ff913f !important">
    <div class="pxp-container" style="background-color:#ff913f !important">
        <div class="row mt-4 mt-md-5 justify-content-center pxp-animate-in pxp-animate-in-top pxp-in" style="background-color:#ff913f !important">

            <div class="col-lg-12 col-xxl-12 pxp-companies-card-1 pxp-has-border" style="background:#ff913f !important;" style="padding: 50px 30px; border: none; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);">
                <div class="d-flex justify-content-between pxp-contact-card-1-icon-container">
                    <div class="pxp-contact-card-1-icon text-center" style="width: 300px;box-shadow: none;background-color: #ff913f !important">
                        <div style="font-weight: 600;color:#fff !important">50</div>
                        <div class="pxp-contact-card-1-title" style="margin-top: 0px;color: #fff;">Gender Parity</div>
                    </div>
                    <div class="pxp-contact-card-1-icon text-center" style="width: 300px;box-shadow: none;background-color: #ff913f !important">
                        <div style="font-weight: 600;color:#fff !important">65+</div>
                        <div class="pxp-contact-card-1-title" style="margin-top: 0px;color: #fff">Languages Spoken</div>
                    </div>
                    <div class="pxp-contact-card-1-icon text-center" style="width: 300px;box-shadow: none;background-color: #ff913f !important">
                        <div style="font-weight: 600;color:#fff !important">10+</div>
                        <div class="pxp-contact-card-1-title" style="margin-top: 0px;color: #fff;line-height:20px;">
                            Countries With Team Members
                        </div>
                    </div>

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


<section class="mt-100">
    <div class="pxp-container">
        <div class="row justify-content-between align-items-center mt-4 mt-md-5">
            <div class="col-lg-5 col-xxl-4">
                <h2 class="pxp-text-light text-left">A Glimpse at Uniwolc</h2>
                <div class="pxp-info-caption pxp-animate-in pxp-animate-in-top mt-4 mt-sm-5 mt-lg-0 pxp-in">
                    <p class="pxp-text-light">
                        See What Our Team Has Been Up To
                    </p>
                    <div class="pxp-info-caption-cta">
                        <a href="{{ route('leadership') }}" class="btn rounded-pill pxp-section-cta">Life At Uniwolc
                        </a>
                        <br>
                        <a href="{{ route('leadership') }}" class="btn rounded-pill pxp-section-cta mt-2">Uniwolc On The Muse</a>

                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-xxl-8">
                <div class="pxp-info-fig pxp-animate-in pxp-animate-in-right pxp-in">
                    <div class="pxp-info-fig-image pxp-cover" style="background-image: url(https://dev.uniwolc.com/public/images/career-middle.jpg);"></div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="pxp-hero pxp-hero-boxed">
    <div class="pxp-container">

        <div class="pxp-hero-boxed-content mt-5" style="background-color: var(--pxpSecondaryColor);">
            <h2 class="pxp-text-light text-center">Rewards and Advantages</h2>
            <div class="row align-items-center justify-content-between">
                <div class="row">
                    <div class="col-12 col-xl-3 col-xxl-4">
                        <div class="pxp-companies-card-1">
                            <div class="pxp-companies-card-1-top text-center">
                                <div class="d-flex justify-content-center">
                                    <a href="single-company-1.html" class="pxp-companies-card-1-company-logo" style="background-image: url(https://uniwolc.com/assets/images/01-help-students.png);"></a>
                                </div>
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Health and Wellness</a>
                                <div class="pxp-companies-card-1-company-description pxp-text-light">Comprehensive Health And Wellness Benefits, Including Dental And Vision, An Employee And Family Assistance Program, A Personal Spending Account, And More.</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-xl-3 col-xxl-4">
                        <div class="pxp-companies-card-1">
                            <div class="pxp-companies-card-1-top text-center">
                                <div class="d-flex justify-content-center">
                                    <a href="single-company-1.html" class="pxp-companies-card-1-company-logo" style="background-image: url(https://uniwolc.com/assets/images/02-help-students.png);"></a>
                                </div>
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Exceptional Onboarding</a>
                                <div class="pxp-companies-card-1-company-description pxp-text-light">We Build Connections From Day One With Fellow Team Members While Also Providing Access To Technology And Vital Training And Resources Needed For A Great Onboarding Experience.</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-xl-3 col-xxl-4">
                        <div class="pxp-companies-card-1">
                            <div class="pxp-companies-card-1-top text-center">
                                <div class="d-flex justify-content-center">
                                    <a href="single-company-1.html" class="pxp-companies-card-1-company-logo" style="background-image: url(https://uniwolc.com/assets/images/03-help-students.png);"></a>
                                </div>
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Competitive Compensation</a>
                                <div class="pxp-companies-card-1-company-description pxp-text-light">We Offer A Generous Compensation Package That Includes An Above Industry Average Salary, Plus Regular Performance Bonuses.</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row mt-4">
                    <div class="col-12 col-xl-3 col-xxl-4">
                        <div class="pxp-companies-card-1">
                            <div class="pxp-companies-card-1-top text-center">
                                <div class="d-flex justify-content-center">
                                    <a href="single-company-1.html" class="pxp-companies-card-1-company-logo" style="background-image: url(https://uniwolc.com/assets/images/04-apply-for-visa.png);"></a>
                                </div>
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Equity</a>
                                <div class="pxp-companies-card-1-company-description pxp-text-light">We Are Proud To Offer Company Stock Options To Our Team Members So They Can Benefit And Thrive Along With Uniwolc.</div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-xl-3 col-xxl-4">
                        <div class="pxp-companies-card-1">
                            <div class="pxp-companies-card-1-top text-center">
                                <div class="d-flex justify-content-center">
                                    <a href="single-company-1.html" class="pxp-companies-card-1-company-logo" style="background-image: url(https://uniwolc.com/assets/images/05-start-your-iourney.png);"></a>
                                </div>
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Professional Development</a>
                                <div class="pxp-companies-card-1-company-description pxp-text-light">We Want Our Team Members To Develop And Grow Every Day, So We Offer Complementary Linkedin Learning Along With Internal Development Programs.
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <center>
                <div class="col-12 col-xl-3 col-xxl-4 mt-5">
                    <a href="javascript:void(0)" class="btn rounded-pill pxp-section-cta">Get Started

                    </a>
                </div>
            </center>
        </div>
    </div>
</section>



@endsection