Access_New/parts/service.php

<!--Service Section-->
<section class="overflow-hidden bg-very-light-gray pt-0">
  <div class="container-fluid">
    <div class="row text-center pt-4 pb-4">
      <div class="col-lg-5 mx-auto">
        <h2 class="custom-title pb-4">How Can we Help</h2>
        <p class="pb-4">We help all the students who wish to Study Abroad in the reputed Universities. We make it possible for the students who are searching for respectful academic career.</p>
        <a href="service.php" class="btn btn-large btn-rounded with-rounded btn-base-color btn-round-edge btn-box-shadow">Our Services<span class="bg-orient-blue text-white"><i class="feather icon-feather-arrow-right icon-small"></i></span></a> </div>
    </div>
    <div class="row g-0 bg-very-light-gray">
      <div class="col-xl-3 col-lg-4 col-md-5 tab-style-07 d-flex align-items-start align-items-xl-center">
        <ul class="nav nav-tabs justify-content-center border-0 text-left fs-24 alt-font" role="tablist">
          <li class="nav-item" role="presentation"> <a data-bs-toggle="tab" href="#tab_seven1" class="nav-link" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">01</span>Career Counceling</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li>
          <li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven2" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">02</span>University Selection</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li>
          <li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven3" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">03</span>Abroad Study Handbook</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li>
          <li class="nav-item" role="presentation"> <a class="nav-link active" data-bs-toggle="tab" href="#tab_seven4" aria-selected="true" role="tab"> <span><span class="primary-font me-10px fs-18 fw-600">04</span>Australian Education System</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li>
          <li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven5" aria-selected="false" tabindex="-1" role="tab"> <span><span class="primary-font me-10px fs-18 fw-600">05</span>Test Prepration</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li>
        </ul>
      </div>
      <div class="col-xl-9 col-lg-8 col-md-7">
        <div class="tab-content h-100"> 
          <!-- start tab content -->
          <div class="tab-pane fade in h-100" id="tab_seven1" role="tabpanel">
            <div class="row g-0 h-100 lg-h-auto">
              <div class="col-xl-6">
                <div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/career.jpg)">
                  <div class="position-absolute right-0px bottom-0 d-flex">
                    <div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
                      <div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
                    </div>
                    <div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
                      now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
                  </div>
                </div>
              </div>
              <div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
                <div class="d-flex align-items-xl-start align-items-center text-center text-xl-start flex-column justify-content-center h-100">
                  <h3 class="text-dark-gray mb-15px alt-font">career Counceling</h3>
                  <p>We help the students to find what is best for their career to them who are in the state of dilemma and are confused in selecting courses as per their academics and career goal.</p>
                </div>
              </div>
            </div>
          </div>
          <!-- end tab content --> 
          
          <!-- start tab content -->
          <div class="tab-pane fade in h-100" id="tab_seven2" role="tabpanel">
            <div class="row g-0 h-100 lg-h-auto">
              <div class="col-xl-6">
                <div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/university.jpg)">
                  <div class="position-absolute right-0px bottom-0 d-flex">
                    <div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
                      <div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
                    </div>
                    <div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
                      now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
                  </div>
                </div>
              </div>
              <div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
                <div class="d-flex align-items-xl-start align-items-center text-center text-xl-start flex-column justify-content-center h-100">
                  <h3 class="text-dark-gray mb-15px alt-font">University Selection</h3>
                  <p>With Access Education Network we can bring the information of the Universities worldwide in a single place so that the students are able to reach them as per their course desire.</p>
                </div>
              </div>
            </div>
          </div>
          <!-- end tab content --> 
          
          <!-- start tab content -->
          <div class="tab-pane fade in h-100" id="tab_seven3" role="tabpanel">
            <div class="row g-0 h-100 lg-h-auto">
              <div class="col-xl-6">
                <div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/sop.jpg)">
                  <div class="position-absolute right-0px bottom-0 d-flex">
                    <div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
                      <div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
                    </div>
                    <div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
                      now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
                  </div>
                </div>
              </div>
              <div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
                <div class="d-flex align-items-xl-start align-items-center text-center text-xl-start flex-column justify-content-center h-100">
                  <h3 class="text-dark-gray mb-15px alt-font">Abroad Study Handbook</h3>
                  <p>Getting assured that all the relevant documents required to start the visa process have been collected, students should get notified about the necessary conditions for lodging visa applications as the visa requirements differ from country to country.</p>
                </div>
              </div>
            </div>
          </div>
          <!-- end tab content --> 
          
          <!-- start tab content -->
          <div class="tab-pane fade in h-100 active show" id="tab_seven4" role="tabpanel">
            <div class="row g-0 h-100 lg-h-auto">
              <div class="col-xl-6">
                <div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/australia-day.jpg)">
                  <div class="position-absolute right-0px bottom-0 d-flex">
                    <div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
                      <div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
                    </div>
                    <div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
                      now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
                  </div>
                </div>
              </div>
              <div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
                <div class="d-flex align-items-xl-start align-items-center text-center text-xl-start flex-column justify-content-center h-100">
                  <h3 class="text-dark-gray mb-15px alt-font">Australian Education System</h3>
                  <p>The Australian Education System has three levels of education in practice. Primary, secondary and tertiary are the three distinct levels of education. The university level of education is the highest level of education in the country. </p>
                </div>
              </div>
            </div>
          </div>
          <!-- end tab content --> 
          
          <!-- start tab content -->
          <div class="tab-pane fade in h-100" id="tab_seven5" role="tabpanel">
            <div class="row g-0 h-100 lg-h-auto">
              <div class="col-xl-6">
                <div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/test.jpg)">
                  <div class="position-absolute right-0px bottom-0 d-flex">
                    <div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
                      <div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
                    </div>
                    <div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
                      now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
                  </div>
                </div>
              </div>
              <div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
                <div class="d-flex align-items-xl-start align-items-center text-center text-xl-start flex-column justify-content-center h-100">
                  <h3 class="text-dark-gray mb-15px alt-font">Test Preprations</h3>
                  <p>Preparation for the test is a crucial job. Students should be determined and dedicated in due course of preparation for scoring high.</p>
                </div>
              </div>
            </div>
          </div>
          <!-- end tab content --> 
        </div>
      </div>
    </div>
  </div>
</section>
<!--Service Section End-->