home page changes with testimonials and location added

This commit is contained in:
sujan
2024-09-10 11:02:46 +05:45
parent a313b04108
commit f2733e5854
6 changed files with 159 additions and 27 deletions

View File

@ -10,11 +10,11 @@
<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>
<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="service-icon 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 service-radius"></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="service-icon 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 service-radius"></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="service-icon 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 service-radius"></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="service-icon 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 service-radius service-radius"></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="service-icon 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 service-radius"></span> </a> </li>
</ul>
</div>
<div class="col-xl-9 col-lg-8 col-md-7">
@ -23,8 +23,8 @@
<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="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>
@ -32,7 +32,7 @@
<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">
@ -49,8 +49,8 @@
<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="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>
@ -58,7 +58,7 @@
<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">
@ -75,8 +75,8 @@
<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="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>
@ -84,7 +84,7 @@
<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">
@ -101,8 +101,8 @@
<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="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>
@ -110,7 +110,7 @@
<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">
@ -127,8 +127,8 @@
<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="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>
@ -136,7 +136,7 @@
<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">