@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 COMMITMENTs 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-subtitle mt-3 mt-lg-4">I am a student exploring studying abroad</div>
                        
                        <div class="mt-5">
                            <a href="javascript:void(0)"  class="btn rounded-pill pxp-section-cta um-explore-program-hero-section-cta">
                                I am a recruitment partner
                            </a>        
                            <a href="javascript:void(0)" class="btn rounded-pill pxp-section-cta um-explore-program-hero-section-cta">
                                I work at a school
                            </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/background.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-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=" 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="" style="width: 100%;">
                        </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;font-size:30px">
                Empowering Students to Secure Admission in Premier International Institutions
            </h2>
           
            <div class="row mt-4 mt-md-5 pxp-animate-in pxp-animate-in-top d-flex justify-content-center" 
                id="student" >
                <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(https://uniwolc.com/assets/images/find.png);"></a>
                            </div>
                            <a href="javascript:void(0)" class="pxp-companies-card-1-company-name">Find programs quickly</a>
                            
                        </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="javascript:void(0)" class="pxp-companies-card-1-company-logo"
                                    style="background-image: url(https://uniwolc.com/assets/images/customer-service.png);">
                                </a>
                            </div>
                            <a href="single-company-1.html" class="pxp-companies-card-1-company-name">A Supportive Team Committed to Assisting You  </a>
                            
                        </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(https://uniwolc.com/assets/images/unlock.png);"></a>
                            </div>
                            <a href="javascript:void(0)" class="pxp-companies-card-1-company-name">Unlock Access to Special Scholarships</a>
                           
                        </div>
                    </div>
                </div>
            </div>  
            <div class="text-center">
                <a href="javascript:void(0)" onclick="student()"  class="btn rounded-pill pxp-section-cta um-explore-program-hero-section-cta">
                    Students
                </a>        
                <a href="javascript:void(0)" onclick="recruitmentpartners()" class="btn rounded-pill pxp-section-cta um-explore-program-hero-section-cta">Recruitment Partners
                </a>
            </div>

            <div class="row mt-4 mt-md-5 pxp-animate-in pxp-animate-in-top d-flex justify-content-center" 
                id="recruitmentpartners" style="display: none !important;">
                <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(https://uniwolc.com/assets/images/easy-application.png);"></a>
                            </div>
                            <a href="javascript:void(0)" class="pxp-companies-card-1-company-name">One Easy Application Platform</a>
                            
                        </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="javascript:void(0)" class="pxp-companies-card-1-company-logo"
                                    style="background-image: url(https://uniwolc.com/assets/images/knowledge.png);">
                                </a>
                            </div>
                            <a href="single-company-1.html" class="pxp-companies-card-1-company-name">Knowledgeable Support Team</a>
                            
                        </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(https://uniwolc.com/assets/images/data-driven.png);"></a>
                            </div>
                            <a href="javascript:void(0)" class="pxp-companies-card-1-company-name">Data Driven Insights</a>
                           
                        </div>
                    </div>
                </div>
            </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 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="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 ;">
                            <div style="font-weight: 600;color:#fff !important">400,000+</div>
                            <div class="pxp-contact-card-1-title" style="margin-top: 0px;color: #fff;">Students Helped</div>
                        </div>
                        <div class="pxp-contact-card-1-icon text-center"style="width: 300px;box-shadow: none;background-color: #ff913f ;">
                            <div style="font-weight: 600;color:#fff !important">125,000+</div>
                            <div class="pxp-contact-card-1-title" style="margin-top: 0px;color: #fff">Programs</div>
                        </div>
                        <div class="pxp-contact-card-1-icon text-center"style="width: 300px;box-shadow: none;background-color: #ff913f ;">
                            <div style="font-weight: 600;color:#fff !important">10,000+</div>
                            <div class="pxp-contact-card-1-title" style="margin-top: 0px;color: #fff">Recruitment Partners</div>
                        </div>
                        <div class="pxp-contact-card-1-icon text-center"style="width: 300px;box-shadow: none;background-color: #ff913f ;">
                            <div style="font-weight: 600;color:#fff !important">1600+</div>
                            <div class="pxp-contact-card-1-title" style="margin-top: 0px;color: #fff">Partners Schools</div>
                        </div>
                        <div class="pxp-contact-card-1-icon text-center"style="width: 300px;box-shadow: none;background-color: #ff913f ;">
                            <div style="font-weight: 600;color:#fff !important">125+</div>
                            <div class="pxp-contact-card-1-title" style="margin-top: 0px;color: #fff">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="{{ route('educationpartners') }}"
                                    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="{{ route('recruiterspartners') }}" 
                                    class="pxp-jobs-card-1-company">Recruiter Registration <i
                                        class="fa fa-arrow-right"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </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>
    
  

@endsection

@section('pagescriptcode')

<script type="text/javascript">
    function student() 
    {
        $('#student').show();
        $('#recruitmentpartners').hide();
    }

    function recruitmentpartners() 
    {   
        $('#recruitmentpartners').show();
        $('#student').hide();
    }
    
</script>

@endsection