@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;">
                            OUR COMMITMENT TO <span style="color: var(--pxpMainColor)">EDUCATING THE WORLD</span>
                        </h1>
                        <div class="pxp-hero-subtitle mt-3 mt-lg-4">
                            We are driven by a profound commitment to educating the world, firmly believing that knowledge
                            is a universal right that transcends <strong>geographical boundaries</strong>.
                        </div>

                        <div class="pxp-hero-subtitle mt-3 mt-lg-4">
                            In an era where access to quality education is paramount, we stand as a beacon of empowerment,
                            dedicated to breaking down barriers and fostering a global community of lifelong learners.
                        </div>

                        <div class="pxp-hero-searches-container">
                            <div class="pxp-hero-searches-label">Top Features</div>
                            <div class="pxp-hero-searches">
                                <div class="pxp-hero-searches-items">
                                    <a href="jobs-list-1.html" style="font-weight: 500">Streamlined</a>
                                    <a href="jobs-list-1.html" style="font-weight: 500">Comprehensive</a>
                                    <a href="jobs-list-1.html" style="font-weight: 500">Personalized</a>
                                    <a href="jobs-list-1.html" style="font-weight: 500">Navigable</a>
                                    <a href="jobs-list-1.html" style="font-weight: 500">Intuitive</a>
                                    <a href="jobs-list-1.html" style="font-weight: 500">Informative</a>
                                    <a href="jobs-list-1.html" style="font-weight: 500">Efficient</a>
                                    <a href="jobs-list-1.html" style="font-weight: 500">User-Friendly</a>
                                </div>
                            </div>
                        </div>

                        <div class="mt-5">
                            <a href="#"
                                class="btn rounded-pill pxp-section-cta um-explore-program-hero-section-cta">Explore
                                Programs<span class="fa fa-angle-right"></span></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(images/hero-bg-1.jpg);"></div>
                            <div class="pxp-hero-card-dark"></div>
                            <div class="pxp-hero-card-light"></div>
                        </div>

                        <div class="pxp-hero-card-info-container pxp-mouse-move" data-speed="60">
                            <div class="pxp-hero-card-info pxp-animate-bounce">
                                <div class="pxp-hero-card-info-item">
                                    <div class="pxp-hero-card-info-item-number">1M+<span>Diverse Programs</span></div>
                                    <div class="pxp-hero-card-info-item-description">Access to Study Programs</div>
                                </div>
                                <div class="pxp-hero-card-info-item">
                                    <div class="pxp-hero-card-info-item-number">40<span>Expert Guidance</span></div>
                                    <div class="pxp-hero-card-info-item-description">Provides Support For Success</div>
                                </div>
                                <div class="pxp-hero-card-info-item">
                                    <div class="pxp-hero-card-info-item-number">50K+<span>Students</span></div>
                                    <div class="pxp-hero-card-info-item-description">Engages With a Student</div>
                                </div>
                                <div class="pxp-hero-card-info-item">
                                    <div class="pxp-hero-card-info-item-number">1.6K+<span>Global Reach</span></div>
                                    <div class="pxp-hero-card-info-item-description">Connects With Universities.</div>
                                </div>
                                <div class="pxp-hero-card-info-item">
                                    <div class="pxp-hero-card-info-item-number">10+<span>Countries</span></div>
                                    <div class="pxp-hero-card-info-item-description">Facilitates The Application</div>
                                </div>
                            </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-section-h2 text-center">Admission Mastery</h2>
            <p class="pxp-text-light text-center">Empowering Students to Secure Admission in Premier International
                Institutions</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-3 pxp-services-1-item-container">
                    <div class="pxp-services-1-item text-center pxp-animate-icon">
                        <div class="pxp-services-1-item-icon">
                            <img src="images/service-1-icon.png" alt="Candidate" class="">
                        </div>
                        <div class="pxp-services-1-item-title">One Easy Application Platform</div>
                        <div class="pxp-services-1-item-text pxp-text-light">A Seamless Application Experience on a Unified
                            Platform.</div>
                        <div class="pxp-services-1-item-cta">
                            <a href="{{ route('students') }}">Read more<span class="fa fa-angle-right"></span></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-3 pxp-services-1-item-container">
                    <div class="pxp-services-1-item text-center pxp-animate-icon">
                        <div class="pxp-services-1-item-icon">
                            <img src="images/service-2-icon.png" alt="Employer" class="">
                        </div>
                        <div class="pxp-services-1-item-title">Knowledgeable Support Team</div>
                        <div class="pxp-services-1-item-text pxp-text-light">A Knowledgeable Support Team for Comprehensive
                            Assistance.</div>
                        <div class="pxp-services-1-item-cta">
                            <a href="{{ route('students') }}">Read more<span class="fa fa-angle-right"></span></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-xl-3 pxp-services-1-item-container">
                    <div class="pxp-services-1-item text-center pxp-animate-icon">
                        <div class="pxp-services-1-item-icon">
                            <img src="images/service-3-icon.png" alt="Press" class="">
                        </div>
                        <div class="pxp-services-1-item-title">Data Driven Insights</div>
                        <div class="pxp-services-1-item-text pxp-text-light">Gain valuable insights that can guide informed
                            actions and strategies.</div>
                        <div class="pxp-services-1-item-cta">
                            <a href="{{ route('students') }}">Read more<span class="fa fa-angle-right"></span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="mt-100">
        <div class="pxp-container">
            <div class="pxp-promo-img pxp-cover pt-100 pb-100 pxp-animate-in pxp-animate-in-top pxp-in"
                style="background: #f2f2f0">
                <div class="row d-flex align-items-center">
                    <div class="col-sm-12 col-lg-7" style="padding-left: 55px;">
                        <h2 class="pxp-section-h2" style="letter-spacing: -1px">How We Help</h2>
                        <p class="pxp-text-light" style="width: 600px; font-weight: 450;">We transform dreams into reality
                            by unlocking a
                            world of opportunities for students seeking international education. Our platform goes beyond
                            facilitating applications we provide comprehensive support, helping you navigate the
                            complexities of studying abroad. </p>
                        <div class="mt-4 mt-md-5">
                            <a data-bs-target="#pxp-signin-modal" data-bs-toggle="modal"
                                class="btn rounded-pill pxp-section-cta">Partner With Us<span
                                    class="fa fa-angle-right"></span></a>
                        </div>
                    </div>
                    <div class="col-sm-12 col-lg-5">
                        <div>
                            <img src="images/how-we-help.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="mt-100">
        <div class="pxp-container">
            <h2 class="pxp-section-h2 text-center" style="letter-spacing: 0px;">Empowering You With Our Comprehensive
                Platform</h2>
            <div class="row mt-4 mt-md-5 pxp-animate-in pxp-animate-in-top d-flex justify-content-center">
                <div class="col-md-6 col-xl-4 col-xxl-3 pxp-companies-card-1-container text-center">
                    <div class="pxp-companies-card-1 pxp-has-border">
                        <div class="pxp-companies-card-1-top">
                            <div class="d-flex justify-content-center">
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-logo"
                                    style="background-image: url(images/section-4-student.png);"></a>
                            </div>
                            <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Students</a>
                            <div class="pxp-companies-card-1-company-description pxp-text-light">We believe in your dreams
                                and put in effort to help them come true. Connect with us to find and apply to programs and
                                schools that fit your background, skills, and interests.</div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-4 col-xxl-3 pxp-companies-card-1-container text-center">
                    <div class="pxp-companies-card-1 pxp-has-border">
                        <div class="pxp-companies-card-1-top">
                            <div class="d-flex justify-content-center">
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-logo"
                                    style="background-image: url(images/section-4-recruitment-partner.png);"></a>
                            </div>
                            <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Recruitment
                                Partners</a>
                            <div class="pxp-companies-card-1-company-description pxp-text-light">UniWolc is not just a
                                platform, we are your reliable partner. Our main goal is to support you in doing what you do
                                best assisting as many students as you can in achieving their dreams of studying abroad.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-4 col-xxl-3 pxp-companies-card-1-container text-center">
                    <div class="pxp-companies-card-1 pxp-has-border">
                        <div class="pxp-companies-card-1-top">
                            <div class="d-flex justify-content-center">
                                <a href="single-company-1.html" class="pxp-companies-card-1-company-logo"
                                    style="background-image: url(images/section-4-education-partner.png);"></a>
                            </div>
                            <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Education
                                Partners</a>
                            <div class="pxp-companies-card-1-company-description pxp-text-light">Expand your reach across
                                the globe and attract a higher number of qualified students using a simple and user-friendly
                                platform that is trusted by over 1500 institutions worldwide.</div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-4 mt-md-5 text-center pxp-animate-in pxp-animate-in-top">
                <a href="" data-bs-target="#pxp-signup-modal" data-bs-toggle="modal"
                    class="btn rounded-pill pxp-section-cta">Join Us<span class="fa fa-angle-right"></span></a>
            </div>
        </div>
    </section>

    <section class="mt-100">
        <div class="pxp-container">
            <div class="row mt-4 mt-md-5 justify-content-center pxp-animate-in pxp-animate-in-top pxp-in">
                <div class="col-lg-12 col-xxl-12 pxp-companies-card-1 pxp-has-border"
                    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;">
                            <div style="font-weight: 600;">400,000+</div>
                            <div class="pxp-contact-card-1-title" style="margin-top: 0px;">Students Helped</div>
                        </div>
                        <div class="pxp-contact-card-1-icon text-center" style="width: 300px; box-shadow: none;">
                            <div style="font-weight: 600;">125,000+</div>
                            <div class="pxp-contact-card-1-title" style="margin-top: 0px;">Programs</div>
                        </div>
                        <div class="pxp-contact-card-1-icon text-center" style="width: 300px; box-shadow: none;">
                            <div style="font-weight: 600;">10,000+</div>
                            <div class="pxp-contact-card-1-title" style="margin-top: 0px;">Recruitment Partners</div>
                        </div>
                        <div class="pxp-contact-card-1-icon text-center" style="width: 300px; box-shadow: none;">
                            <div style="font-weight: 600;">1600+</div>
                            <div class="pxp-contact-card-1-title" style="margin-top: 0px;">Partners Schools</div>
                        </div>
                        <div class="pxp-contact-card-1-icon text-center" style="width: 300px; box-shadow: none;">
                            <div style="font-weight: 600;">125+</div>
                            <div class="pxp-contact-card-1-title" style="margin-top: 0px;">Countries</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-6 col-xxl-5">
                    <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(images/info-section-image.jpg);"></div>
                        <div class="pxp-info-stats">
                            <div
                                class="pxp-info-stats-item pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn">
                                <div class="pxp-info-stats-item-number">5000+ <span>Careers</span></div>
                                <div class="pxp-info-stats-item-description">Uniwolc Careers Transformed</div>
                            </div>
                            <div
                                class="pxp-info-stats-item pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn">
                                <div class="pxp-info-stats-item-number">200+ <span>Careers</span></div>
                                <div class="pxp-info-stats-item-description">Uniwolc Accel Programs</div>
                            </div>
                            <div
                                class="pxp-info-stats-item pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn">
                                <div class="pxp-info-stats-item-number">4.9/5 <span>Rating</span></div>
                                <div class="pxp-info-stats-item-description">Uniwolc Public Review</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-5 col-xxl-6">
                    <div class="pxp-info-caption pxp-animate-in pxp-animate-in-top mt-4 mt-sm-5 mt-lg-0 pxp-in">
                        <h2 class="pxp-section-h2">We’re Passionate About Making Education Accessible for Everyone</h2>
                        <p class="pxp-text-light">UNIWOLC Believes That Education Should Be Accessible To All. We Delivered
                            1,000 Backpacks And School Supplies To Empower Children In India To Dream Big And Work Hard To
                            Achieve Their Dreams.</p>
                        <p class="pxp-text-light">The STEM For Change Scholarship Seeks To Drive Diversity And Inclusion By
                            Empowering Women Worldwide To Pursue An Education In STEM. See How We Surprised The 2021
                            Recipients.</p>
                        <div class="pxp-info-caption-list">
                            <div class="pxp-info-caption-list-item">
                                <img src="images/check.svg" alt="-"><span>Inclusive Learning Resources</span>
                            </div>
                            <div class="pxp-info-caption-list-item">
                                <img src="images/check.svg" alt="-"><span>Financial Support Initiatives</span>
                            </div>
                            <div class="pxp-info-caption-list-item">
                                <img src="images/check.svg" alt="-"><span>Empowerment Through Education</span>
                            </div>
                        </div>
                        <div class="pxp-info-caption-cta">
                            <a href="our-stories" class="btn rounded-pill pxp-section-cta">Know Our Story<span
                                    class="fa fa-angle-right"></span></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="mt-100 pt-100 pb-100" style="background-color: var(--pxpMainColorLight);">
        <div class="pxp-container">
            <h2 class="pxp-section-h2 text-center">We Provide Support to Everyone in the Industry <br> Stakeholders by
                Being Thought Leaders</h2>
            <div class="row mt-4 mt-md-5 pxp-animate-in pxp-animate-in-top">
                <div class="col-md-6 col-xl-6 col-xxl-4 pxp-jobs-card-1-container">
                    <div class="pxp-jobs-card-1 pxp-has-shadow">
                        <div class="pxp-jobs-card-1-top">
                            <a href="jobs-list-1.html" class="pxp-jobs-card-1-category">
                                <div class="pxp-jobs-card-1-category-icon"><span class="fa fa-book"></span></div>
                                <div class="pxp-jobs-card-1-category-label">Looking to study abroad?</div>
                            </a>
                            <a href="single-job-1.html" class="pxp-jobs-card-1-title"
                                style="font-size: 21px;">Students</a>
                        </div>
                        <div class="mt-3">
                            <p>Planning to pursue your education abroad in Canada, the United States, the United Kingdom,
                                Australia, or Ireland? Let our team of experienced professionals assist you every step of
                                the way on your study abroad journey.</p>
                        </div>
                        <div class="pxp-jobs-card-1-bottom" style="margin-top: 12px;">
                            <div class="pxp-jobs-card-1-bottom-left">
                                <a href="" data-bs-target="#pxp-signup-modal" data-bs-toggle="modal"
                                    class="pxp-jobs-card-1-company">Register Now <i class="fa fa-arrow-right"></i> </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-6 col-xxl-4 pxp-jobs-card-1-container">
                    <div class="pxp-jobs-card-1 pxp-has-shadow">
                        <div class="pxp-jobs-card-1-top">
                            <a href="jobs-list-1.html" class="pxp-jobs-card-1-category">
                                <div class="pxp-jobs-card-1-category-icon"><span class="fa fa-institution"></span></div>
                                <div class="pxp-jobs-card-1-category-label">Become an Uniwolc partner</div>
                            </a>
                            <a href="single-job-1.html" class="pxp-jobs-card-1-title" style="font-size: 21px;">Education
                                Partners</a>
                        </div>
                        <div class="mt-3">
                            <p>Expand the diversity of your campus by becoming a partner institution with UniWolc. Attract
                                highly qualified students from across the globe. Get in touch with our Partner Relations
                                team to connect and explore partnership opportunities.</p>
                        </div>
                        <div class="pxp-jobs-card-1-bottom" style="margin-top: 12px;">
                            <div class="pxp-jobs-card-1-bottom-left">
                                <a href="" data-bs-target="#pxp-signup-modal" data-bs-toggle="modal"
                                    class="pxp-jobs-card-1-company">Partner Inquiry <i class="fa fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-6 col-xxl-4 pxp-jobs-card-1-container">
                    <div class="pxp-jobs-card-1 pxp-has-shadow">
                        <div class="pxp-jobs-card-1-top">
                            <a href="jobs-list-1.html" class="pxp-jobs-card-1-category">
                                <div class="pxp-jobs-card-1-category-icon"><span class="fa fa-handshake-o"></span>
                                </div>
                                <div class="pxp-jobs-card-1-category-label">Do you recruit prospective students?</div>
                            </a>
                            <a href="single-job-1.html" class="pxp-jobs-card-1-title"
                                style="font-size: 21px;">Recruitment Partners</a>
                        </div>
                        <div class="mt-3">
                            <p>Are you involved in recruiting prospective students interested in studying in Canada, the
                                United States, the United Kingdom, Australia, or Ireland? Join us as a Recruitment
                                Partner
                                at UniWolc and expand your reach to connect with aspiring students in these popular
                                study
                                destinations.</p>
                        </div>
                        <div class="pxp-jobs-card-1-bottom" style="margin-top: 12px;">
                            <div class="pxp-jobs-card-1-bottom-left">
                                <a href="" data-bs-target="#pxp-signup-modal" data-bs-toggle="modal"
                                    class="pxp-jobs-card-1-company">Recruiter Registration <i
                                        class="fa fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-4 mt-md-5 text-center pxp-animate-in pxp-animate-in-top">
                <a href="contact" class="btn rounded-pill pxp-section-cta">Let's Connect<span
                        class="fa fa-angle-right"></span></a>
            </div>
        </div>
    </section>

    <section class="mt-100">
        <div class="pxp-container">
            <h2 class="pxp-section-h2 text-center">Why Everyone Love Us</h2>
            <p class="pxp-text-light text-center">What Our Partners Have to Say</p>

            <div class="pxp-testimonials-1">
                <div class="pxp-testimonials-1-circles d-none d-md-block">
                    <div class="pxp-testimonials-1-circles-item pxp-item-1 pxp-cover pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn"
                        style="background-image: url(images/customer-1.png);"></div>
                    <div
                        class="pxp-testimonials-1-circles-item pxp-item-2 pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn">
                    </div>
                    <div
                        class="pxp-testimonials-1-circles-item pxp-item-3 pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn">
                    </div>
                    <div class="pxp-testimonials-1-circles-item pxp-item-4 pxp-cover pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn"
                        style="background-image: url(images/customer-2.png);"></div>
                    <div class="pxp-testimonials-1-circles-item pxp-item-5 pxp-cover pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn"
                        style="background-image: url(images/customer-3.png);"></div>
                    <div
                        class="pxp-testimonials-1-circles-item pxp-item-6 pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn">
                    </div>
                    <div class="pxp-testimonials-1-circles-item pxp-item-7 pxp-cover pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn"
                        style="background-image: url(images/customer-4.png);"></div>
                    <div
                        class="pxp-testimonials-1-circles-item pxp-item-8 pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn">
                    </div>
                    <div class="pxp-testimonials-1-circles-item pxp-item-9 pxp-cover pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn"
                        style="background-image: url(images/customer-5.png);"></div>
                    <div class="pxp-testimonials-1-circles-item pxp-item-10 pxp-cover pxp-animate-in pxp-animate-bounce pxp-in animate__animated animate__bounceIn"
                        style="background-image: url(images/customer-6.png);"></div>
                </div>

                <div class="pxp-testimonials-1-carousel-container">
                    <div class="row justify-content-center align-items-center">
                        <div class="col-10 col-md-6 col-lg-6 col-xl-5 col-xxl-4">
                            <div class="pxp-testimonials-1-carousel pxp-animate-in pxp-animate-in-top pxp-in">
                                <div id="pxpTestimonials1Carousel" class="carousel slide" data-bs-ride="carousel">
                                    <div class="carousel-inner">
                                        <div class="carousel-item text-center">
                                            <div class="pxp-testimonials-1-carousel-item-text">Studying abroad in the
                                                United States changes the way one communicates. Learning under the tutelage
                                                of acclaimed professors, networking with people from different parts of the
                                                world, and establishing lifelong friendships are some of the major
                                                advantages of being an international student.</div>
                                            <div class="pxp-testimonials-1-carousel-item-name">Susanne Weil</div>
                                            <div class="pxp-testimonials-1-carousel-item-company">Student</div>
                                        </div>
                                        <div class="carousel-item text-center">
                                            <div class="pxp-testimonials-1-carousel-item-text">UniWOLC has been
                                                instrumental in shaping my educational journey. The personalized support and
                                                resources provided not only helped me secure admission to my dream
                                                international institution but also empowered me to excel academically. I am
                                                grateful for the guidance and opportunities UniWOLC has opened up for me.
                                            </div>
                                            <div class="pxp-testimonials-1-carousel-item-name">Kenneth Spiers</div>
                                            <div class="pxp-testimonials-1-carousel-item-company">Recruitment Partner</div>
                                        </div>
                                        <div class="carousel-item text-center active">
                                            <div class="pxp-testimonials-1-carousel-item-text">Navigating the complexities
                                                of studying abroad became seamless with UniWOLC. The platform's
                                                user-friendly interface and comprehensive tools made the application process
                                                a breeze. I appreciate how UniWOLC simplifies the journey, making
                                                international education accessible to students worldwide.</div>
                                            <div class="pxp-testimonials-1-carousel-item-name">Rebecca Eason</div>
                                            <div class="pxp-testimonials-1-carousel-item-company">Education Partner</div>
                                        </div>
                                    </div>
                                    <button class="carousel-control-prev" type="button"
                                        data-bs-target="#pxpTestimonials1Carousel" data-bs-slide="prev">
                                        <span class="fa fa-angle-left" aria-hidden="true"></span>
                                        <span class="visually-hidden">Previous</span>
                                    </button>
                                    <button class="carousel-control-next" type="button"
                                        data-bs-target="#pxpTestimonials1Carousel" data-bs-slide="next">
                                        <span class="fa fa-angle-right" aria-hidden="true"></span>
                                        <span class="visually-hidden">Next</span>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="mt-100 pt-100 pb-100" style="background-color: var(--pxpSecondaryColorLight);">
        <div class="pxp-container">
            <h2 class="pxp-section-h2">Top Career Advice</h2>
            <p class="pxp-text-light">We Support Every Stakeholder in the Industry by Being Thought Leaders</p>

            <div class="row mt-4 mt-md-5 pxp-animate-in pxp-animate-in-top pxp-in">
                <div class="col-md-6 col-xl-4 col-xxl-3 pxp-posts-card-1-container">
                    <div class="pxp-posts-card-1 pxp-has-border">
                        <div class="pxp-posts-card-1-top">
                            <div class="pxp-posts-card-1-top-bg">
                                <div class="pxp-posts-card-1-image pxp-cover"
                                    style="background-image: url(images/post-card-1.jpg);"></div>
                                <div class="pxp-posts-card-1-info">
                                    <div class="pxp-posts-card-1-date">August 31, 2021</div>
                                    <a href="blog-list-1.html" class="pxp-posts-card-1-category">Assessments</a>
                                </div>
                            </div>
                            <div class="pxp-posts-card-1-content">
                                <a href="single-blog-post.html" class="pxp-posts-card-1-title">10 awesome free career self
                                    assessments</a>
                                <div class="pxp-posts-card-1-summary pxp-text-light">Figuring out what you want to be when
                                    you grow up is hard, but a career test can make it easier to find...</div>
                            </div>
                        </div>
                        <div class="pxp-posts-card-1-bottom">
                            <div class="pxp-posts-card-1-cta">
                                <a href="single-blog-post.html">Read more<span class="fa fa-angle-right"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-4 col-xxl-3 pxp-posts-card-1-container">
                    <div class="pxp-posts-card-1 pxp-has-border">
                        <div class="pxp-posts-card-1-top">
                            <div class="pxp-posts-card-1-top-bg">
                                <div class="pxp-posts-card-1-image pxp-cover"
                                    style="background-image: url(images/post-card-2.jpg);"></div>
                                <div class="pxp-posts-card-1-info">
                                    <div class="pxp-posts-card-1-date">September 5, 2021</div>
                                    <a href="blog-list-1.html" class="pxp-posts-card-1-category">Jobs</a>
                                </div>
                            </div>
                            <div class="pxp-posts-card-1-content">
                                <a href="single-blog-post.html" class="pxp-posts-card-1-title">How to start looking for a
                                    job</a>
                                <div class="pxp-posts-card-1-summary pxp-text-light">Your resume is perfect. It's
                                    keyword-optimized, industry-specified, full of achievements, backed by data...</div>
                            </div>
                        </div>
                        <div class="pxp-posts-card-1-bottom">
                            <div class="pxp-posts-card-1-cta">
                                <a href="single-blog-post.html">Read more<span class="fa fa-angle-right"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-4 col-xxl-3 pxp-posts-card-1-container">
                    <div class="pxp-posts-card-1 pxp-has-border">
                        <div class="pxp-posts-card-1-top">
                            <div class="pxp-posts-card-1-top-bg">
                                <div class="pxp-posts-card-1-image pxp-cover"
                                    style="background-image: url(images/post-card-3.jpg);"></div>
                                <div class="pxp-posts-card-1-info">
                                    <div class="pxp-posts-card-1-date">September 10, 2021</div>
                                    <a href="blog-list-1.html" class="pxp-posts-card-1-category">Resume</a>
                                </div>
                            </div>
                            <div class="pxp-posts-card-1-content">
                                <a href="single-blog-post.html" class="pxp-posts-card-1-title">Resume samples</a>
                                <div class="pxp-posts-card-1-summary pxp-text-light">Need help writing a resume? Looking
                                    for resume examples for specific industries? You’ll find a variety...</div>
                            </div>
                        </div>
                        <div class="pxp-posts-card-1-bottom">
                            <div class="pxp-posts-card-1-cta">
                                <a href="single-blog-post.html">Read more<span class="fa fa-angle-right"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 col-xl-4 col-xxl-3 pxp-posts-card-1-container">
                    <div class="pxp-posts-card-1 pxp-has-border">
                        <div class="pxp-posts-card-1-top">
                            <div class="pxp-posts-card-1-top-bg">
                                <div class="pxp-posts-card-1-image pxp-cover"
                                    style="background-image: url(images/post-card-4.jpg);"></div>
                                <div class="pxp-posts-card-1-info">
                                    <div class="pxp-posts-card-1-date">September 15, 2021</div>
                                    <a href="blog-list-1.html" class="pxp-posts-card-1-category">Interview</a>
                                </div>
                            </div>
                            <div class="pxp-posts-card-1-content">
                                <a href="single-blog-post.html" class="pxp-posts-card-1-title">100 top interview questions
                                    - be prepared</a>
                                <div class="pxp-posts-card-1-summary pxp-text-light">While there are as many different
                                    possible interview questions as there are interviewers, it always helps...</div>
                            </div>
                        </div>
                        <div class="pxp-posts-card-1-bottom">
                            <div class="pxp-posts-card-1-cta">
                                <a href="single-blog-post.html">Read more<span class="fa fa-angle-right"></span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="mt-4 mt-md-5 pxp-animate-in pxp-animate-in-top pxp-in">
                <a href="blog-list-1.html" class="btn rounded-pill pxp-section-cta">Read All Stories<span
                        class="fa fa-angle-right"></span></a>
            </div>
        </div>
    </section>

    <section class="mt-100">
        <div class="pxp-container">
            <h2 class="pxp-section-h2 text-center">Stay Up to Date</h2>
            <p class="pxp-text-light text-center">Subscribe to our newsletter to receive our weekly feed.</p>

            <div class="row mt-4 mt-md-5 justify-content-center">
                <div class="col-md-9 col-lg-7 col-xl-6 col-xxl-5">
                    <div class="pxp-subscribe-1-container pxp-animate-in pxp-animate-in-top pxp-in">
                        <div class="pxp-subscribe-1-image">
                            <img src="images/subscribe.png" alt="Stay Up to Date">
                        </div>
                        <div class="pxp-subscribe-1-form">
                            <form>
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Enter your email...">
                                    <button class="btn btn-primary" type="button">Subscribe<span
                                            class="fa fa-angle-right"></span></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection