

        <!-- Carousel Start -->
        <div class="container-fluid p-0">
            <div class="owl-carousel header-carousel position-relative">
                <div class="owl-carousel-item position-relative">
                    <img class="img-fluid" src="<?php echo $this->request->webroot; ?>learninghub/img/banner5.jpg" alt="">
                    <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center" style="background: rgba(43, 57, 64, .5);">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-10 col-lg-8">
                                    <h1 class="display-3 text-white animated slideInDown mb-4">Advance your English skills with courses crafted by language experts.</h1>
                                    <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "applyForm"]);?>" class="btn btn-primary py-md-3 px-md-5 me-3 animated slideInLeft">Enroll</a>
                                    <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "courses"]);?>" class="btn btn-secondary py-md-3 px-md-5 animated slideInRight">Learn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="owl-carousel-item position-relative">
                    <img class="img-fluid" src="<?php echo $this->request->webroot; ?>learninghub/img/banner6.jpg" alt="">
                    <div class="position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center" style="background: rgba(43, 57, 64, .5);">
                        <div class="container">
                            <div class="row justify-content-center">
                                <div class="col-10 col-lg-8">
                                    <h1 class="display-3 text-white animated slideInDown mb-4">Professional English training for real-world success.</h1>
                                    <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "applyForm"]);?>" class="btn btn-primary py-md-3 px-md-5 me-3 animated slideInLeft">Enroll</a>
                                    <a href="<?php echo $this->Url->build(["controller" => "Learninghub","action" => "courses"]);?>" class="btn btn-secondary py-md-3 px-md-5 animated slideInRight">Learn</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Carousel End -->

        <!-- About Start -->
        <div class="container-xxl py-5">
            <div class="container">
                <div class="row g-5 align-items-center">
                    <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                        <div class="row g-0 about-bg rounded overflow-hidden">
                            <img alt="" class="img-fluid w-100" src="<?php echo $this->request->webroot; ?>learninghub/img/about.jpg">
                        </div>
                    </div>
                    <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
                        <h1 class="mb-4">Our Story</h1>
                        <p class="mb-2">Welcome to London School of Learning Hub, an esteemed independent institution situated in the heart of London, UK. Our mission is to deliver a transformative and results-driven educational experience, catering to students from all walks of life. Our goal is to equip them with the essential skills, knowledge, and confidence needed to excel in today's fiercely competitive job market.</p>
                        <p class="mb-2">At London School of Learning Hub, we currently offer foundation courses in business and academic English, including International ESOL. Additionally, we provide comprehensive preparation for various English language exams, catering to students from both EU and non-EU countries.</p>
                        <p class="mb-2">Our vision extends beyond the present offerings. In the long term, we aspire to diversify our course portfolio to attract a wider range of students with diverse backgrounds. By partnering with renowned UK awarding bodies, we aim to offer an extensive selection of courses that will not only enrich our students' career prospects but also fuel the growth and potential of our institution.</p>
                        <p class="mb-2">Join us at the London School of Learning Hub as we embark on a journey towards excellence in education, empowering individuals to unlock their full potential and achieve success in their chosen endeavors.</p>

                        <a class="btn btn-primary py-3 px-5 mt-3" href="">Read More</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- About End -->

        <!-- FAQ START -->
        <div class="container-xxl p-5 wow fadeInUp">
            <div class="container">

                <h1 class="display-5 mb-4 fadeInUp" style="text-align: center; color: #b00f20">FREQUENTLY ASKED QUESTIONS</h1>
                <p class="pb-3 fadeInUp" style="text-align: center">
                    Our comprehensive suite of professional services caters to a diverse clientele,<br>
                    ranging from homeowners to commercial developers.
                </p>

                <div class="row align-items-center justify-content-between g-5">

                    <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                        <div class="row rounded overflow-hidden">
                            <img class="img-fluid w-100" src="<?php echo $this->request->webroot; ?>learninghub/img/course-faq.jpg">
                        </div>
                    </div>

                    <div class="col-lg-6 about-text py-0 wow fadeIn" data-wow-delay="0.5s">

                        <div class="accordion" id="accordionExample">

                            <div class="accordion-item">
                              <h2 class="accordion-header" id="headingOne">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                    What levels of English proficiency do you offer?
                                </button>
                              </h2>
                              <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    B1 (INTERMEDIATE), B2 (UPPER- INTERMEDIATE), C1 (ADVANCED), C2 (PROFICIENT)
                                </div>
                              </div>
                            </div>

                            <div class="accordion-item">
                              <h2 class="accordion-header" id="headingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    How long are the courses, and what is the typical class schedule?
                                </button>
                              </h2>
                              <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    The courses are 6 to 8 months long, with a typical schedule involving 6 hours of guided
                                    study per week. Over the entire course, there will be a total of 200 guided hours and 50 hours of
                                    self-study. Detailed schedules will be provided upon enrolment.
                                </div>
                              </div>
                            </div>

                            <div class="accordion-item">
                              <h2 class="accordion-header" id="headingThree">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                    What textbooks and materials will I need for my classes?
                                </button>
                              </h2>
                              <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                <div class="accordion-body">
                                    We will be providing you with the basic amenities i.e. Worksheets, Workbooks and Follow
                                    up independent study materials.
                                </div>
                              </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingFour">
                                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
                                    After completing the course, will I receive a certificate from the
                                    college? Does any organization accredit the certificate?
                                  </button>
                                </h2>
                                <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
                                  <div class="accordion-body">
                                    Upon successful completion of the course and exams, you will receive a certificate from
                                    our awarding body, LRN (Learning Resource Network). Additionally, this course and the awarding body
                                    are accredited by Ofqual.
                                  </div>
                                </div>
                            </div> 

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingThree">
                                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                                    Can I switch classes if I find the level too easy or too difficult?
                                  </button>
                                </h2>
                                <div id="collapseFive" class="accordion-collapse collapse" aria-labelledby="headingFive" data-bs-parent="#accordionExample">
                                  <div class="accordion-body">
                                    A tutor will conduct your level checks. If you feel like a course does not meet your
                                    requirements, you can request a change and will be moved to another one according to the tutor’s assessment.
                                  </div>
                                </div>
                            </div>

                            <div class="accordion-item">
                                <h2 class="accordion-header" id="headingSix">
                                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                                    Are there any assessments or exams during the course?
                                  </button>
                                </h2>
                                <div id="collapseSix" class="accordion-collapse collapse" aria-labelledby="headingSix" data-bs-parent="#accordionExample">
                                  <div class="accordion-body">
                                    Yes, there will be classroom assessments throughout the course to evaluate your progress
                                    and understanding of the material. However, at the end of the course, candidates will be
                                    assessed in all four components: reading, listening, writing, and speaking.
                                  </div>
                                </div>
                            </div>

                        </div>

                    </div>
                    
                </div>

            </div>
        </div>
        <!-- FAQ END -->

        <div class="container-xxl p-5 wow fadeInUp">
            <div class="container px-lg-0">

                <div class="row align-items-center justify-content-between g-5 mx-lg-0">
                    
                    <div class="col-lg-6 about-text mb-5 wow fadeIn" data-wow-delay="0.5s">

                        <div class="p-lg-6 pe-lg-0">
                            <div class="text-star text-center text-lg-start mt-3">
                                <h1 class="mb-4" style="color: #b00f20">Support Services FAQs</h1>
                            </div>

                            <div class="accordion" id="accordionExample">

                                <div class="accordion-item">
                                  <h2 class="accordion-header" id="headingOne">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                        Is there tutoring available for students who need extra help?
                                    </button>
                                  </h2>
                                  <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        Yes. You can book an extra slot with the tutor if you feel like you need additional assistance with your classes.
                                    </div>
                                  </div>
                                </div>
    
                                <div class="accordion-item">
                                  <h2 class="accordion-header" id="headingTwo">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                        Are there counselling services available for students experiencing academic or personal challenges?
                                    </button>
                                  </h2>
                                  <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        Yes. You can book an appointment with any member of the staff to ease your transition
                                        into classes and answer any additional questions and cater to any anticipated problems
                                        that may arise during the tenure of your course.
                                    </div>
                                  </div>
                                </div>
    
                                <div class="accordion-item">
                                  <h2 class="accordion-header" id="headingThree">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                        Can you help with finding accommodation or navigating life in the local area?
                                    </button>
                                  </h2>
                                  <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                    <div class="accordion-body">
                                        We can only provide you with recommendations and suggestions regarding this aspect.
                                    </div>
                                  </div>
                                </div>
    
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="headingFour">
                                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseThree">
                                        Are there any language exchange programs or opportunities for students to practice English with native speakers?
                                      </button>
                                    </h2>
                                    <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
                                      <div class="accordion-body">
                                        No. Not at this point but we are working on projects to help you with the same.
                                      </div>
                                    </div>
                                </div> 
    
                            </div>

                        </div>

                    </div>

                    <div class="col-lg-6 mb-5 wow fadeIn" data-wow-delay="0.1s">
                        <div class="row rounded overflow-hidden">
                            <img class="img-fluid w-100" src="<?php echo $this->request->webroot; ?>learninghub/img/support-faq.jpg">
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- FAQ END -->

        <!-- Video Start -->
        <div class="container-fluid p-0 mb-5 video-section">
            <video autoplay muted loop class="w-100">
                <source src="<?php echo $this->request->webroot; ?>learninghub/img/will-london.mp4" type="video/mp4">
                Your browser does not support the video tag.
            </video>
        </div>
        <!-- Video End -->

        <!-- Category Start -->
        <div class="container-xxl py-5">
            <div class="container">
                <h1 class="text-center mb-5 wow fadeInUp" data-wow-delay="0.1s">FACILITIES PROVIDED</h1>
                <p class="text-center pb-5">What is the meaning of academy institution? Definitions of academy. a learned establishment for the advancement of knowledge. type of: establishment. a public or private structure (business or governmental or educational)</p>
                <div class="row g-4">
                    <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.1s">
                        <a class="cat-item rounded p-4" href="">
                            <i class="fa fa-3x fa-book-reader text-primary mb-4"></i>
                            <h6 class="mb-3">Language Labs</h6>
                            <p class="text-dark mb-0">These are equipped with computers, headphones, and language learning software...</p>
                        </a>
                    </div>
                    <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.3s">
                        <a class="cat-item rounded p-4" href="">
                            <i class="fa fa-3x fa-headset text-primary mb-4"></i>
                            <h6 class="mb-3">Study Areas</h6>
                            <p class="text-dark mb-0">Quiet spaces where students can concentrate on their studies and do homework.</p>
                        </a>
                    </div>
                    <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.5s">
                        <a class="cat-item rounded p-4" href="">
                            <i class="fa fa-3x fa-user-tie text-primary mb-4"></i>
                            <h6 class="mb-3">Common Area</h6>
                            <p class="text-dark mb-0">Provides a space for students to relax, socialize, and grab a meal or snack between classes</p>
                        </a>
                    </div>
                    <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.7s">
                        <a class="cat-item rounded p-4" href="">
                            <i class="fa fa-3x fa-tasks text-primary mb-4"></i>
                            <h6 class="mb-3">One on one Tutoring Services</h6>
                            <p class="text-dark mb-0">Support services for students who may need academic, personal, or emotional assistance.</p>
                        </a>
                    </div>
                    <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.1s">
                        <a class="cat-item rounded p-4" href="">
                            <i class="fa fa-3x fa-chart-line text-primary mb-4"></i>
                            <h6 class="mb-3">Career Services</h6>
                            <p class="text-dark mb-0">Assistance with resume writing, job search strategies, and interview preparation...</p>
                        </a>
                    </div>
                    <div class="col-lg-4 col-sm-6 wow fadeInUp" data-wow-delay="0.3s">
                        <a class="cat-item rounded p-4" href="">
                            <i class="fa fa-3x fa-drafting-compass text-primary mb-4"></i>
                            <h6 class="mb-3">Classrooms</h6>
                            <p class="text-dark mb-0">Equipped with multimedia resources, interactive whiteboards, and comfortable seating arrangements to...</p>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- Category End -->
        

