RoshanPaudel/PathFinder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Roshan476
2026-01-13 10:35:43 +05:45
parent ef6545f40d
commit c4d714c9bb
26 changed files with 829 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files

148
about.php
View File

@@ -9,117 +9,44 @@
</div> </div>
</section> </section>
<div class="about-area about-style-4 tmp-section-gap">
<div class="container"> <!-- Srart About Area -->
<div class="row row--5 align-items-center"> <div class="about-area about-style-4 tmp-section-gapTop">
<div class="col-lg-7 pr--40 pr_sm--0"> <div class="container">
<div class="about-2-thumbnail-left-wrapper"> <div class="row row--40 align-items-center">
<div class="single-thumbnail invers-anime"> <div class="col-lg-6">
<img loading="lazy" src="assets/images/about/02.webp" alt="about"> <div class="video-btn">
</div> <div class="video-popup icon-center">
<div class="single-thumbnail invers-anime mt--80"> <div class="overlay-content">
<img loading="lazy" src="assets/images/about/02.webp" alt="about"> <div class="thumbnail wow fadeInUp"><img class="radius-small rts-reveal-image-one" src="assets/images/about/contact-image.png" alt="Corporate Image"></div>
<div class="video-icon"> </div>
<a class="tmp-btn rounded-player popup-video" href="assets/images/video/01.mp4"> </div>
<span><i class="feather-play"></i></span> <div class="video-lightbox-wrapper"></div>
</a>
</div> </div>
</div> </div>
<div class="absolute-rating-area images-left-right-float image"> <div class="col-lg-6 mt_md--40 mt_sm--40">
<div class="stars-area"> <div class="content">
<img loading="lazy" src="assets/images/icons/stars.svg" alt="small-image"> <div class="inner">
<img loading="lazy" src="assets/images/icons/stars.svg" alt="small-image"> <div class="tmp-section-title-border text-start hero__sub-title">
<img loading="lazy" src="assets/images/icons/stars.svg" alt="small-image"> <div class="pres-line-separator-wrapper mb--10">
<img loading="lazy" src="assets/images/icons/stars.svg" alt="small-image"> <span class="subtitle"><span class="number">01</span> <span class="subtitle-text">ABOUT Pathfinder</span></span>
<img loading="lazy" src="assets/images/icons/stars.svg" alt="small-image"> <div class="line-separator"></div>
<span>(4.99+)</span> </div>
</div> </div>
<p><span class="odometer" data-count="599">00</span> Review form our <br> Best Clients</p>
<div class="profile-share justify-content-start"> <h3 class="title w-700 tmp-title-split">Welcome to Pathfinder
<a href="#" class="avatar" data-tooltip="Mark JOrdan" tabindex="0"><img src="assets/images/about/about11.webp" alt="education"></a> </h3>
<a href="#" class="avatar" data-tooltip="Mark" tabindex="0"><img src="assets/images/testimonial/tooltip-02.png" alt="education"></a> <p>Pathfinder International Education is a premier institution in Nepal committed to shaping global careers through quality education counseling. Founded with a vision to transform lives, Pathfinder has become a beacon of trust and excellence in the international education sector. Our success is not a result of mere chance but stems from the efficiency of our operations, supported by a robust infrastructure. More importantly, it is driven by our dedicated human resources, who are clear in their roles, confident in their approach, and efficient in execution. Our unwavering dedication to ethical guidance, transparent processes and personalized services sets us apart in the field.</p>
<a href="#" class="avatar" data-tooltip="Jordan" tabindex="0"><img src="assets/images/testimonial/tooltip-03.png" alt="education"></a>
</div>
</div>
</div>
</div>
<div class="col-lg-5 mt_md--40 mt_sm--40">
<div class="content">
<div class="inner">
<div class="tmp-section-title-border text-start hero__sub-title">
<div class="pres-line-separator-wrapper mb--10">
<span class="subtitle"><span class="number">01</span> <span class="subtitle-text">ABOUT PATHFINDER</span></span>
<div class="line-separator"></div>
</div> </div>
</div> </div>
<h2 class="title w-700 tmp-title-split">
Shaping Global Careers Through Expert Education Guidance
</h2>
<ul class="feature-list">
<li>
<div class="icon">
<i class="feather-check"></i>
</div>
<div class="title-wrapper">
<h4 class="title">Trusted Expertise</h4>
<p class="text">Years of proven excellence in guiding students to top institutions worldwide.</p>
</div>
</li>
<li>
<div class="icon">
<i class="feather-check"></i>
</div>
<div class="title-wrapper">
<h4 class="title">Personalized Counseling</h4>
<p class="text">One-on-one guidance tailored to each student's academic and career goals.</p>
</div>
</li>
<li>
<div class="icon">
<i class="feather-check"></i>
</div>
<div class="title-wrapper">
<h4 class="title">Global Network</h4>
<p class="text">Strong affiliations with reputed institutions in Australia, UK, USA, Canada, and more.</p>
</div>
</li>
<li>
<div class="icon">
<i class="feather-check"></i>
</div>
<div class="title-wrapper">
<h4 class="title">High Visa Success Rate</h4>
<p class="text">Proven strategies and support to maximize approval chances for international studies.</p>
</div>
</li>
</ul>
<div class="about-btn mt--30">
<a class="tmp-btn round text-center" href="#">Learn More About Us</a>
</div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> <!-- End About Area -->
</div>
<!-- tmp video section start -->
<div class="tmp-video-section-start-one">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="large-video-playing grow-thumbnail-1">
<video autoplay="" muted="" loop="" playsinline="" preload="metadata">
<source src="assets/images/video/02.mp4" type="video/mp4">
</video>
<div class="grow-thumbnail-1-overlay"></div>
</div>
</div>
</div>
</div>
</div>
<!-- tmp video section end -->
<!-- Timeline Area Start --> <!-- Timeline Area Start -->
<section class="tmp-timeline-area tmp-section-gap"> <section class="tmp-timeline-area tmp-section-gap">
<div class="container"> <div class="container">
@@ -203,7 +130,22 @@
</section> </section>
<!-- Timeline Area End --> <!-- Timeline Area End -->
<!-- tmp video section start -->
<div class="tmp-video-section-start-one">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="large-video-playing grow-thumbnail-1">
<video autoplay="" muted="" loop="" playsinline="" preload="metadata">
<source src="assets/images/video/02.mp4" type="video/mp4">
</video>
<div class="grow-thumbnail-1-overlay"></div>
</div>
</div>
</div>
</div>
</div>
<!-- tmp video section end -->
<!-- Start Vision, Mission & Goals Section --> <!-- Start Vision, Mission & Goals Section -->
<div class="sticky-wrapper-about-fluid tmp-section-gap"> <div class="sticky-wrapper-about-fluid tmp-section-gap">

177
assets/css/style16eb.css
View File

@@ -223,9 +223,9 @@
--line-height-b2: 1.7; --line-height-b2: 1.7;
--line-height-b3: 1.6; --line-height-b3: 1.6;
--line-height-b4: 1.3; --line-height-b4: 1.3;
--h1: 46px; --h1: 40px;
--h2: 44px; --h2: 36px;
--h3: 36px; --h3: 30px;
--h4: 24px; --h4: 24px;
--h5: 18px; --h5: 18px;
--h6: 16px; --h6: 16px;
@@ -35025,7 +35025,6 @@ body.tmp-body-star::before {
margin-right: 12px; margin-right: 12px;
margin-bottom: 10px; margin-bottom: 10px;
padding: 12px 8px; padding: 12px 8px;
margin-bottom: 1px;
display: inline-block; display: inline-block;
transition: all 500ms ease; transition: all 500ms ease;
text-transform: uppercase; text-transform: uppercase;
@@ -36882,6 +36881,7 @@ body.tmp-body-star::before {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
position: relative; position: relative;
transition: transform 0.3s ease; transition: transform 0.3s ease;
margin: 0px 12px 12px 0px;
} }
.process-card:hover { .process-card:hover {
@@ -37095,3 +37095,172 @@ body.tmp-body-star::before {
font-size: 14px; font-size: 14px;
} }
} }
.country12{
height: 392px;
}
hr{
background: white;
height: 5px !important;
}
.page-title::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
z-index: 1;
}
.page-title * {
position: relative;
z-index: 2;
}
.active-light-mode .social-default li a {
transition: 0.3s all ease-out;
}
.active-light-mode .social-default li a:hover {
background-color: var(--color-btn);
color: white !important;
}
/* class detail */
section { padding: 70px 0; }
.section-title h2 { font-size: 32px; margin-bottom: 10px; }
.section-title p { color: #666; }
.ielts-overview-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
}
.why-ielts-grid,
.band-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 25px;
}
.why-card,
.band-card {
background: #fff;
padding: 25px;
border-radius: 12px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.details-list li {
margin-bottom: 12px;
}
.join-list p {
font-size: 18px;
margin: 10px 0;
}
@media (max-width: 768px) {
.ielts-overview-grid {
grid-template-columns: 1fr;
text-align: center;
}
.ielts-overview-grid img {
max-width: 100%;
margin: 0 auto;
}
section {
padding: 50px 0;
}
.section-title h2 {
font-size: 26px;
}
}
.ielts-scale {
padding: 80px 0;
background: #f9fbfd;
font-family: 'Segoe UI', sans-serif;
}
.section-title {
text-align: center;
margin-bottom: 50px;
}
.section-title h2 {
font-size: 32px;
margin-bottom: 10px;
}
.section-title p {
color: #666;
}
.band-wrapper {
max-width: 800px;
margin: auto;
}
.band-card {
display: flex;
align-items: center;
background: #fff;
padding: 18px 22px;
border-radius: 12px;
margin-bottom: 15px;
box-shadow: 0 8px 25px rgba(0,0,0,0.05);
transition: transform .3s;
}
.band-card:hover {
transform: translateY(-4px);
}
.band-score {
font-size: 28px;
font-weight: bold;
width: 50px;
height: 50px;
background: #e3e9f1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-right: 20px;
}
.band-info h4 {
margin-bottom: 6px;
}
.bar {
width: 100%;
height: 6px;
background: #e5e7eb;
border-radius: 5px;
overflow: hidden;
}
.bar span {
display: block;
height: 100%;
background: linear-gradient(90deg, #2563eb, #1e40af);
}
.bar span {
width: 0;
transition: width 1.5s ease-in-out;
}
/* Responsive */
@media(max-width: 600px){
.band-card {
flex-direction: column;
align-items: flex-start;
}
.band-score {
margin-bottom: 10px;
}
}

BIN
assets/images/banner/audio.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
assets/images/photos/analytics.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
assets/images/photos/audio.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
assets/images/photos/businessman.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
assets/images/photos/content.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
assets/images/photos/energy-system.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
assets/images/photos/ielts.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 101 KiB

BIN
assets/images/photos/ielts1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 349 KiB

BIN
assets/images/photos/ielts2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 809 KiB

BIN
assets/images/photos/open-book.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

BIN
assets/images/photos/pathways.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
assets/images/photos/success.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 631 KiB

BIN
assets/images/photos/top-three.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
assets/images/photos/usa-banner.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

BIN
assets/images/photos/usa-feature.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 391 KiB

BIN
assets/images/photos/usa-feature1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

207
country-detail.php
View File

@@ -1,5 +1,5 @@
<?php include("header.php") ?> <?php include("header.php") ?>
<section class="page-title" style="background-image: url(./assets/images/about/destination1.jpg);"> <section class="page-title" style="background-image: url(./assets/images/photos/usa-banner.png);">
<div class="auto-container"> <div class="auto-container">
<div class="pres-line-separator-wrapper text-start mb--10"> <div class="pres-line-separator-wrapper text-start mb--10">
<div class="tmp-section-title-border text-start"> <div class="tmp-section-title-border text-start">
@@ -21,6 +21,168 @@
</div> </div>
</section> </section>
<div class="latest-service-area pt--60">
<div class="container">
<div class="row g-5 service-wrapper">
<!-- USA Universities -->
<div class="col-lg-3 col-md-4 col-sm-6 col-12" data-sal="slide-up" data-sal-duration="700" data-sal-delay="200">
<div class="service-feature-main-wrapper-splash">
<div class="inner">
<div class="front-service-feature">
<div class="service-small-default service service__style--1 bg-color-card radius text-center tmponhover">
<div class="icon">
<img src="assets/images/photos/top-three.png" alt="Corporate Images">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">Top-Ranked Universities</a>
</h4>
<p class="description mb--0">
Study at Ivy League and globally recognized public universities in the USA.
</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
<div class="back-service-feature">
<div class="service-small-default service service__style--1 bg-color-card radius text-center tmponhover">
<div class="content">
<h4 class="title w-600">
<a href="#">Top-Ranked Universities</a>
</h4>
<p class="description mb--0">
The USA is home to world-leading universities known for academic excellence, strong global rankings, and internationally respected degrees.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Flexible Academics -->
<div class="col-lg-3 col-md-4 col-sm-6 col-12" data-sal="slide-up" data-sal-duration="700" data-sal-delay="400">
<div class="service-feature-main-wrapper-splash">
<div class="inner">
<div class="front-service-feature">
<div class="service-small-default service service__style--1 bg-color-card radius text-center tmponhover">
<div class="icon">
<img src="assets/images/photos/energy-system.png" alt="Corporate Images">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">Flexible Academic System</a>
</h4>
<p class="description mb--0">
Choose majors freely with options to change or combine fields of study.
</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
<div class="back-service-feature">
<div class="service-small-default service service__style--1 bg-color-card radius text-center tmponhover">
<div class="content">
<h4 class="title w-600">
<a href="#">Flexible Academic System</a>
</h4>
<p class="description mb--0">
The US education system encourages interdisciplinary learning, major changes, electives, and customized academic pathways.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Cutting-Edge Research -->
<div class="col-lg-3 col-md-4 col-sm-6 col-12" data-sal="slide-up" data-sal-duration="700" data-sal-delay="600">
<div class="service-feature-main-wrapper-splash">
<div class="inner">
<div class="front-service-feature">
<div class="service-small-default service service__style--1 bg-color-card radius text-center tmponhover">
<div class="icon">
<img src="assets/images/photos/analytics.png" alt="Corporate Images">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">Cutting-Edge Research</a>
</h4>
<p class="description mb--0">
Learn in innovation-driven environments with advanced labs and facilities.
</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
<div class="back-service-feature">
<div class="service-small-default service service__style--1 bg-color-card radius text-center tmponhover">
<div class="content">
<h4 class="title w-600">
<a href="#">Cutting-Edge Research</a>
</h4>
<p class="description mb--0">
US universities provide state-of-the-art research labs, innovation hubs, and strong industry partnerships.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- OPT & CPT -->
<div class="col-lg-3 col-md-4 col-sm-6 col-12" data-sal="slide-up" data-sal-duration="700" data-sal-delay="600">
<div class="service-feature-main-wrapper-splash">
<div class="inner">
<div class="front-service-feature">
<div class="service-small-default service service__style--1 bg-color-card radius text-center tmponhover">
<div class="icon">
<img src="assets/images/photos/pathways.png" alt="Corporate Images">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">OPT & CPT Pathways</a>
</h4>
<p class="description mb--0">
Gain paid work experience during and after your studies in the USA.
</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
<div class="back-service-feature">
<div class="service-small-default service service__style--1 bg-color-card radius text-center tmponhover">
<div class="content">
<h4 class="title w-600">
<a href="#">OPT & CPT Pathways</a>
</h4>
<p class="description mb--0">
International students can access CPT during studies and up to three years of OPT after graduation, especially for STEM programs.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="blog-details-content pt--60 tmp-section-gapBottom"> <div class="blog-details-content pt--60 tmp-section-gapBottom">
<div class="container"> <div class="container">
@@ -38,6 +200,14 @@
<li><a href="./country-detail.php"><img src="https://www.pathfinders.com.np/upload/StudyAbroad/Flag_17129002663UK.png" alt="" data-no-retina="">UK</a></li> <li><a href="./country-detail.php"><img src="https://www.pathfinders.com.np/upload/StudyAbroad/Flag_17129002663UK.png" alt="" data-no-retina="">UK</a></li>
<li><a href="./country-detail.php"><img src="https://www.pathfinders.com.np/upload/StudyAbroad/Flag_1724416115592ireland.webp" alt="" data-no-retina="">Ireland</a></li> <li><a href="./country-detail.php"><img src="https://www.pathfinders.com.np/upload/StudyAbroad/Flag_1724416115592ireland.webp" alt="" data-no-retina="">Ireland</a></li>
</ul> </ul>
</div>
<div class="single-wrapper-details-right-p similar-post bg-card tmponhover">
<h4>Test Preparation Classes</h4>
<ul class="submenu">
<li><a href="./country-detail.php"><i class="feather-headphones"></i>IELTS Class</a></li>
<li><a href="./country-detail.php">PTE Class</a></li>
<li><a href="./country-detail.php">TOFEL Class</a></li>
</ul>
</div> </div>
<div class="single-wrapper-details-right-p similar-post bg-card tmponhover query11"> <div class="single-wrapper-details-right-p similar-post bg-card tmponhover query11">
<h4>Do You Have Any Query?</h4> <h4>Do You Have Any Query?</h4>
@@ -55,11 +225,7 @@
</ul> </ul>
</div> </div>
<div class="single-wrapper-details-right-p similar-post bg-card tmponhover">
</div>
</div> </div>
</div> </div>
@@ -71,11 +237,11 @@
<h2 class="title w-700 tmp-title">Introducing the USA: Your Study Abroad Destination</h2> <h2 class="title w-700 tmp-title">Introducing the USA: Your Study Abroad Destination</h2>
</div> </div>
<div class="about-2-thumbnail-left-wrapper"> <div class="about-2-thumbnail-left-wrapper">
<div class="single-thumbnail invers-anime"> <div class="single-thumbnail invers-anime country12">
<img loading="lazy" src="assets/images/about/02.webp" alt="about"> <img loading="lazy" src="assets/images/photos/usa-feature.png" alt="about">
</div> </div>
<div class="single-thumbnail invers-anime mt--80"> <div class="single-thumbnail invers-anime country12 mt--80">
<img loading="lazy" src="assets/images/about/02.webp" alt="about"> <img loading="lazy" src="assets/images/photos/usa-feature1.png" alt="about">
</div> </div>
</div> </div>
@@ -93,7 +259,11 @@
</p> </p>
</div> </div>
<div class="time-table-area-wrapper tab-content12">
</div>
</div>
<div class="time-table-area-wrapper tab-content12">
<div class="inner-container"> <div class="inner-container">
<div class="table-outer"> <div class="table-outer">
<div class="table-inner table-inner12"> <div class="table-inner table-inner12">
@@ -101,6 +271,7 @@
<div class="timetable-tabs tabs-box"> <div class="timetable-tabs tabs-box">
<!--Tab Btns--> <!--Tab Btns-->
<hr>
<ul class="tab-btns tab-buttons clearfix"> <ul class="tab-btns tab-buttons clearfix">
<li data-tab="#usa" class="tab-btn tab-btn11 active-btn">Application Process</li> <li data-tab="#usa" class="tab-btn tab-btn11 active-btn">Application Process</li>
@@ -109,11 +280,12 @@
<li data-tab="#canada" class="tab-btn tab-btn11">Admission Criteria</li> <li data-tab="#canada" class="tab-btn tab-btn11">Admission Criteria</li>
<li data-tab="#australia" class="tab-btn tab-btn11">Universities</li> <li data-tab="#australia" class="tab-btn tab-btn11">Universities/Colleges</li>
<li data-tab="#newzeland" class="tab-btn tab-btn11">FAQ</li> <li data-tab="#newzeland" class="tab-btn tab-btn11">FAQ</li>
</ul> </ul>
<hr>
<!--Tabs Container--> <!--Tabs Container-->
<div class="tabs-content"> <div class="tabs-content">
@@ -123,7 +295,7 @@
<section class="usa-application-process"> <section class="usa-application-process">
<div class="container"> <div class="container">
<!-- Section Header --> <!-- Section Header -->
<div class="section-header text-center mb-5"> <div class="section-header mb-5">
<h2>Application Process to Apply for USA Universities from Nepal</h2> <h2>Application Process to Apply for USA Universities from Nepal</h2>
<p>Follow these steps to successfully apply to your dream universities in the USA.</p> <p>Follow these steps to successfully apply to your dream universities in the USA.</p>
</div> </div>
@@ -284,11 +456,11 @@
</div> </div>
<div class="tab" id="canada"> <div class="tab" id="canada">
<section class="usa-admission-criteria tmp-section-gap"> <section class="usa-admission-criteria">
<div class="container"> <div class="container">
<!-- Section Header --> <!-- Section Header -->
<div class="section-header text-center mb-5"> <div class="section-header mb-5">
<h2>Admission Criteria to Study in USA from Nepal</h2> <h2>Admission Criteria to Study in USA from Nepal</h2>
<p>Here are the common admission requirements for most universities in the USA.</p> <p>Here are the common admission requirements for most universities in the USA.</p>
</div> </div>
@@ -401,7 +573,7 @@
<div class="content content121"> <div class="content content121">
<div class=" col-lg-7 clearfix"> <div class=" col-lg-8 clearfix">
@@ -516,7 +688,7 @@
</div> </div>
</div> </div>
<div class="col-lg-5 image-section"> <div class="col-lg-4 image-section">
<div class="thumbnail country-image1"> <div class="thumbnail country-image1">
<img class="w-100" src="./assets/images/photos/usa copy.png" alt=""> <img class="w-100" src="./assets/images/photos/usa copy.png" alt="">
@@ -607,9 +779,6 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div> </div>
</div> </div>

35
footer.php
View File

@@ -220,6 +220,41 @@
<!-- JS <!-- JS
============================================ --> ============================================ -->
<script>
document.addEventListener("DOMContentLoaded", () => {
// Counter animation
const counters = document.querySelectorAll(".counter");
counters.forEach(counter => {
const target = +counter.getAttribute("data-score");
let count = 0;
const updateCounter = () => {
if (count < target) {
count++;
counter.innerText = count;
setTimeout(updateCounter, 120);
} else {
counter.innerText = target;
}
};
updateCounter();
});
// Progress bar animation
const bars = document.querySelectorAll(".bar span");
setTimeout(() => {
bars.forEach(bar => {
const width = bar.getAttribute("data-progress");
bar.style.width = width + "%";
});
}, 300);
});
</script>
<script src="assets/js/vendor/jquery.min.js" defer></script> <script src="assets/js/vendor/jquery.min.js" defer></script>

4
header.php
View File

@@ -139,14 +139,14 @@
<li class="has-droupdown has-menu-child-item"><a href="#">Company Profile</a> <li class="has-droupdown has-menu-child-item"><a href="#">Company Profile</a>
<ul class="submenu"> <ul class="submenu">
<li><a href="./about.php">About Us</a></li> <li><a href="./about.php">About Us</a></li>
<li><a href="#">Message from CEO</a></li>
<li><a href="team.php">Team</a></li> <li><a href="team.php">Team</a></li>
<li><a href="#">Organization Hierarchy</a></li>
<li><a href="#">Visa Success</a></li> <li><a href="#">Visa Success</a></li>
</ul> </ul>
</li> </li>
<li class="has-droupdown has-menu-child-item"><a href="#">Classes</a> <li class="has-droupdown has-menu-child-item"><a href="#">Classes</a>
<ul class="submenu"> <ul class="submenu">
<li><a href="#">IELTS Preparation Class</a></li> <li><a href="./ielts-detail.php">IELTS Preparation Class</a></li>
<li><a href="#">PTE Preparation Class</a></li> <li><a href="#">PTE Preparation Class</a></li>
<li><a href="#">TOFEL Preparation Class</a></li> <li><a href="#">TOFEL Preparation Class</a></li>
</ul> </ul>

309
ielts-detail.php Normal file
View File

@@ -0,0 +1,309 @@
<?php include("header.php") ?>
<section class="ielts-overview-section pt--120">
<div class="container">
<div class="ielts-overview-grid">
<div class="ielts-image">
<img src="assets/images/photos/ielts2.jpg" alt="IELTS Preparation Class">
</div>
<div class="ielts-content">
<h2>IELTS Preparation Class</h2>
<p>
Our IELTS Preparation Class is designed to help students achieve their desired band
score through structured lessons, expert guidance, and continuous practice.
Whether you aim to study, work, or migrate abroad, we prepare you with the skills
and confidence needed to succeed.
</p>
<p>
We focus on all four modules—Listening, Reading, Writing, and Speaking—using
real exam patterns, proven strategies, and regular assessments.
</p>
</div>
</div>
</div>
</section>
<div class="tmp-service-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="tmp-section-title-border text-center">
<div class="pres-line-separator-wrapper text-center mb--10">
</div>
<h2 class="title w-700 tmp-title-split">Why Study IELTS at Pathfinder?</h2>
<p>Your trusted partner for IELTS success</p>
</div>
</div>
</div>
<div class="row g-5 service-wrapper mt--10">
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
<div class="service service__style--1 bg-color-card radius text-start tmp-border-none tmponhover">
<div class="icon">
<!-- <i class="feather-activity"></i> -->
<img src="assets/images/services/icons/01.png" alt="service">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">Expert Trainers</a>
</h4>
<p class="description mb--0">Learn from experienced IELTS instructors who understand exam patterns and scoring criteria in detail.</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
<div class="service service__style--1 bg-color-card radius text-start tmp-border-none tmponhover">
<div class="icon">
<!-- <i class="feather-cast"></i> -->
<img src="assets/images/services/icons/02.png" alt="service">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">Comprehensive Curriculum</a>
</h4>
<p class="description mb--0">Our course covers grammar, vocabulary, exam strategies, and time management for all IELTS modules.</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
<div class="service service__style--1 bg-color-card radius text-start tmp-border-none tmponhover">
<div class="icon">
<!-- <i class="feather-map"></i> -->
<img src="assets/images/services/icons/03.png" alt="service">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">Personalized Feedback</a>
</h4>
<p class="description mb--0">Individual evaluation for writing and speaking helps you improve faster and target weak areas effectively.</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
<div class="service service__style--1 bg-color-card radius text-start tmp-border-none tmponhover">
<div class="icon">
<!-- <i class="feather-map"></i> -->
<img src="assets/images/services/icons/03.png" alt="service">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">Mock Tests & Practice</a>
</h4>
<p class="description mb--0">Regular mock tests simulate real exam conditions and boost your confidence before the actual test.</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
</div>
</div>
</div>
<section class="ielts-course-details">
<div class="container">
<div class="details-wrapper">
<h3>Course Details</h3>
<ul class="details-list">
<li><strong>Course Duration:</strong> 6–8 Weeks</li>
<li><strong>Class Mode:</strong> Physical / Online</li>
<li><strong>Class Schedule:</strong> Morning & Evening Batches</li>
<li><strong>Modules Covered:</strong> Listening, Reading, Writing & Speaking</li>
<li><strong>Mock Tests:</strong> Weekly Full-Length Tests</li>
<li><strong>Study Materials:</strong> Provided</li>
</ul>
</div>
</div>
</section>
<div class="tmp-service-area">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="tmp-section-title-border text-center">
<div class="pres-line-separator-wrapper text-center mb--10">
</div>
<h2 class="title w-700 tmp-title-split">Focused Band Score Improvement</h2>
<p>Smart strategies to achieve your target score</p>
</div>
</div>
</div>
<div class="row g-5 service-wrapper mt--10">
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
<div class="service service__style--1 bg-color-card radius text-start tmp-border-none tmponhover">
<div class="icon">
<!-- <i class="feather-activity"></i> -->
<img src="./assets/images/photos/audio.png" alt="Listening icon">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">Listening</a>
</h4>
<p class="description mb--0">Techniques to improve concentration, prediction skills, and accuracy.</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
<div class="service service__style--1 bg-color-card radius text-start tmp-border-none tmponhover">
<div class="icon">
<!-- <i class="feather-cast"></i> -->
<img src="assets/images/photos/open-book.png" alt="service">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">Reading</a>
</h4>
<p class="description mb--0">Skimming, scanning, and question-type strategies for faster comprehension.</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
<div class="service service__style--1 bg-color-card radius text-start tmp-border-none tmponhover">
<div class="icon">
<!-- <i class="feather-map"></i> -->
<img src="assets/images/photos/content.png" alt="service">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">Writing</a>
</h4>
<p class="description mb--0">Task 1 & Task 2 structures, vocabulary enhancement, and band-based correction.</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
<div class="service service__style--1 bg-color-card radius text-start tmp-border-none tmponhover">
<div class="icon">
<!-- <i class="feather-map"></i> -->
<img src="assets/images/photos/businessman.png" alt="service">
</div>
<div class="content">
<h4 class="title w-600">
<a href="#">Speaking</a>
</h4>
<p class="description mb--0">Fluency building, pronunciation correction, and real interview practice.</p>
</div>
<div class="shape-service-1">
<img src="assets/images/services/shape/01.png" alt="service">
</div>
</div>
</div>
</div>
</div>
</div>
<section class="ielts-scale">
<div class="container">
<div class="section-title">
<h2>IELTS Band Scale</h2>
<p>Understand what each IELTS band score represents</p>
</div>
<div class="band-wrapper">
<div class="band-card expert">
<span class="band-score counter" data-score="9">0</span>
<div class="band-info">
<h4>Expert User</h4>
<div class="bar">
<span data-progress="100"></span>
</div>
</div>
</div>
<div class="band-card very-good">
<span class="band-score counter" data-score="8">0</span>
<div class="band-info">
<h4>Very Good User</h4>
<div class="bar">
<span data-progress="90"></span>
</div>
</div>
</div>
<div class="band-card good">
<span class="band-score counter" data-score="7">0</span>
<div class="band-info">
<h4>Good User</h4>
<div class="bar">
<span data-progress="80"></span>
</div>
</div>
</div>
<div class="band-card good">
<span class="band-score counter" data-score="7">0</span>
<div class="band-info">
<h4>Good User</h4>
<div class="bar">
<span data-progress="80"></span>
</div>
</div>
</div>
<div class="band-card competent">
<span class="band-score counter" data-score="6">0</span>
<div class="band-info">
<h4>Competent User</h4>
<div class="bar">
<span data-progress="70"></span>
</div>
</div>
</div>
<div class="band-card modest">
<span class="band-score counter" data-score="5">0</span>
<div class="band-info">
<h4>Modest User</h4>
<div class="bar">
<span data-progress="60"></span>
</div>
</div>
</div>
<div class="band-card limited">
<span class="band-score counter" data-score="4">0</span>
<div class="band-info">
<h4>Limited User</h4>
<div class="bar">
<span data-progress="50"></span>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="who-should-join">
<div class="container">
<h2 class="text-center">Who Should Join This Class?</h2>
<div class="join-list">
<p>✔ Students planning to study abroad</p>
<p>✔ Professionals applying for work visas</p>
<p>✔ Applicants for PR or migration</p>
<p>✔ Anyone aiming to improve English proficiency</p>
</div>
</div>
</section>
<?php include("footer.php") ?>

BIN
ielts.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 349 KiB

14
style/styles.css
View File

@@ -1,14 +0,0 @@
/* Estilos básicos - Go Live Server */
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
padding: 20px;
line-height: 1.6;
background-color: #f5f5f5;
}
h1 {
color: #333;
border-bottom: 2px solid #007acc;
padding-bottom: 10px;
}

75
success-story.php Normal file
View File

@@ -0,0 +1,75 @@
<?php include("header.php") ?>
<!-- Start Testimonial Style Two -->
<div class="tmp-testimonial-area tmp-section-gapTop">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="tmp-section-title-border text-center">
<div class="pres-line-separator-wrapper text-center mb--10">
<div class="line-separator line-left"></div>
<span class="subtitle">
<span class="number">04</span>
<span class="subtitle-text">Success Story</span>
</span>
<div class="line-separator line-right"></div>
</div>
<h2 class="title w-700 tmp-title-split">Visa <span class="theme-gradient">Success</span>Story.</h2>
</div>
</div>
</div>
<div class="tmp-slick-dot tmp-slick-arrow testimonial-activation-2 slick-gutter-15 mt--30 mb--60">
<!-- Start Single card -->
<a href="./assets/images/photos/success.png" data-sal="slide-up" data-sal-duration="700" >
<div class="tmp-box-card card-style-default testimonial-style-one variation-2 tmponhover">
<div class="inner">
<div class="content">
<img src="./assets/images/photos/success.png" alt="">
</div>
</div>
</div>
</a>
<!-- End Single card -->
<!-- Start Single card -->
<a href="./assets/images/photos/success.png" data-sal="slide-up" data-sal-duration="700" >
<div class="tmp-box-card card-style-default testimonial-style-one variation-2 tmponhover">
<div class="inner">
<div class="content">
<img src="./assets/images/photos/success.png" alt="">
</div>
</div>
</div>
</a>
<!-- End Single card -->
<!-- Start Single card -->
<a href="./assets/images/photos/success.png" data-sal="slide-up" data-sal-duration="700" >
<div class="tmp-box-card card-style-default testimonial-style-one variation-2 tmponhover">
<div class="inner">
<div class="content">
<img src="./assets/images/photos/success.png" alt="">
</div>
</div>
</div>
</a>
<!-- End Single card -->
<!-- Start Single card -->
<a href="./assets/images/photos/success.png" data-sal="slide-up" data-sal-duration="700" ></a>
<div class="tmp-box-card card-style-default testimonial-style-one variation-2 tmponhover">
<div class="inner">
<div class="content">
<img src="./assets/images/photos/success.png" alt="">
</div>
</div>
</div>
</a>
<!-- End Single card -->
</div>
</div>
</div>
<!-- End Testimonial Style Two -->
<?php include("footer.php") ?>

16
views/index.html
View File

@@ -1,16 +0,0 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Go Live Server - Proyecto</title>
<link rel="stylesheet" href="/style/styles.css">
</head>
<body>
<h1>¡Bienvenido a Go Live Server!</h1>
<p>Tu servidor de desarrollo está funcionando correctamente.</p>
<p>Edita este archivo en <code>views/index.html</code> para comenzar.</p>
</body>
</html>