update
This commit is contained in:
Roshan476
@@ -100,6 +100,7 @@
|
||||
***************************************/
|
||||
/*-- Variables --*/
|
||||
:root {
|
||||
--color-white1:white;
|
||||
--color-btn:#F5821F;
|
||||
--color-primary: #0383d3;
|
||||
--color-primary-alt: #F5821F;
|
||||
@@ -12576,7 +12577,7 @@ Primary style
|
||||
}
|
||||
}
|
||||
.tmp-section-title-border .subtitle .subtitle-text {
|
||||
color: var(--color-body);
|
||||
color: var(--color-primary);
|
||||
font-weight: 700;
|
||||
width: max-content;
|
||||
}
|
||||
@@ -31860,3 +31861,51 @@ transition: 0.3s all ease-out;
|
||||
.time-box:hover .uni img{
|
||||
background-color: var(--color-btn);
|
||||
}
|
||||
.branch-area {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12px;
|
||||
justify-content: space-around;
|
||||
background-color: var(--color-white1);
|
||||
border-radius: 8px;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
/* Mobile view: 2 buttons per row */
|
||||
@media (max-width: 576px) {
|
||||
.branch-area > .tmp-load-more {
|
||||
flex: 0 0 calc(50% - 6px);
|
||||
max-width: calc(50% - 6px);
|
||||
}
|
||||
.tmp-btn.btn-large{
|
||||
|
||||
line-height: 42px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Make the <a> fill its container */
|
||||
.branch-area .tmp-load-more a.tmp-btn {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
white-space: normal; /* allow text wrap */
|
||||
word-break: break-word; /* wrap long text */
|
||||
display: inline-block; /* fix flex shrinking issue */
|
||||
padding: 10px 12px;
|
||||
line-height: 38px;
|
||||
}
|
||||
|
||||
|
||||
/* contact form */
|
||||
/* Smooth transition for dynamic content */
|
||||
.aapoiment-left-area-thumbnail img,
|
||||
.tmp-map-area iframe,
|
||||
.tmp-contact-address {
|
||||
transition: opacity 0.35s ease, transform 0.35s ease;
|
||||
}
|
||||
|
||||
/* Fade-out state */
|
||||
.branch-fade-out {
|
||||
opacity: 0;
|
||||
transform: translateY(8px);
|
||||
}
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
|
||||
// preloader
|
||||
function preloader() {
|
||||
$('#xb-loadding').delay(2500).fadeOut(500);
|
||||
$('#xb-loadding').delay(1800).fadeOut(500);
|
||||
};
|
||||
// preloader end
|
||||
|
||||
@@ -1478,6 +1478,10 @@
|
||||
|
||||
invJs.m();
|
||||
|
||||
|
||||
|
||||
|
||||
})(jQuery, window)
|
||||
|
||||
|
||||
//
|
||||
208
blog-detail.php
208
blog-detail.php
@@ -0,0 +1,208 @@
|
||||
<?php include("header.php") ?>
|
||||
|
||||
<!-- Start Advance Pricing Area -->
|
||||
<div class="tmp-blog-details-area">
|
||||
<div class="post-page-banner tmp-section-gapTop">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="content text-center">
|
||||
<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">01</span>
|
||||
<span class="subtitle-text">Blog Details</span>
|
||||
</span>
|
||||
<div class="line-separator line-right"></div>
|
||||
</div>
|
||||
<h2 class="title w-700 mt--20 tmp-title-split">Best Corporate Tips You <br> <span class="theme-gradient">Will
|
||||
Read This Year.</span></h2>
|
||||
</div>
|
||||
<ul class="tmp-meta-list">
|
||||
<li>
|
||||
<i class="feather-user"></i>
|
||||
<a href="#">John Deaon</a>
|
||||
</li>
|
||||
<li>
|
||||
<i class="feather-calendar"></i>
|
||||
10 Dec 2025
|
||||
</li>
|
||||
</ul>
|
||||
<div class="thumbnail position-relative blog-details-thumbnail-large mt--60">
|
||||
<img class="w-100 radius" src="assets/images/blog/blog-01.jpg" alt="Blog Images">
|
||||
<ul class="social-icon social-default justify-content-start">
|
||||
<li><a target="_blank" href="https://www.facebook.com/">
|
||||
<i class="feather-facebook"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li><a target="_blank" href="https://www.twitter.com/">
|
||||
<i class="feather-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li><a target="_blank" href="https://www.instagram.com/">
|
||||
<i class="feather-instagram"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li><a target="_blank" href="https://www.linkdin.com/">
|
||||
<i class="feather-linkedin"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="blog-details-content pt--60 tmp-section-gapBottom">
|
||||
<div class="container">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-8">
|
||||
<div class="content">
|
||||
<p>But the majority have suffered alteration in some form, by injected humour, or
|
||||
randomised words which don't look even slightly believable. If you are going to
|
||||
use a passage of Lorem Ipsum, you need to be sure there isn't anything
|
||||
embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the
|
||||
Internet tend to repeat predefined chunks as necessary, making this the first
|
||||
true generator on the Internet. It uses a dictionary of over 200 Latin words,
|
||||
combined with a handful of model sentence structures, to generate Lorem Ipsum
|
||||
which looks reasonable.</p>
|
||||
|
||||
<h4>There are many variations of passages.</h4>
|
||||
|
||||
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem
|
||||
Ipsum has been the industry's standard dummy text ever since the 1500s, when an
|
||||
unknown printer took a galley of type and scrambled it to make a type specimen
|
||||
book.There are many variations of passages of Lorem Ipsum available.</p>
|
||||
|
||||
<h4>It was popularised in the 1960s with the</h4>
|
||||
|
||||
<p>It has survived not only five centuries, but also the leap into electronic
|
||||
typesetting, remaining essentially unchanged. It was popularised in the 1960s
|
||||
with the release of Letraset sheets containing Lorem Ipsum passages, and more
|
||||
recently with desktop publishing software like Aldus PageMaker including
|
||||
versions of Lorem Ipsum.</p>
|
||||
|
||||
<div class="wp-block-gallery columns-3 is-cropped">
|
||||
<ul class="blocks-gallery-grid">
|
||||
<li class="blocks-gallery-item">
|
||||
<figure>
|
||||
<img class="radius-4" src="assets/images/blog/blog-04.jpg" alt="Blog Images">
|
||||
</figure>
|
||||
</li>
|
||||
<li class="blocks-gallery-item">
|
||||
<figure>
|
||||
<img class="radius-4" src="assets/images/blog/blog-03.jpg" alt="Blog Images">
|
||||
</figure>
|
||||
</li>
|
||||
<li class="blocks-gallery-item">
|
||||
<figure>
|
||||
<img class="radius-4" src="assets/images/blog/blog-02.jpg" alt="Blog Images">
|
||||
</figure>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots
|
||||
in a piece of classical Latin literature from 45 BC, making it over 2000 years
|
||||
old. Richard McClintock, a Latin professor at Hampden-Sydney College in
|
||||
Virginia, looked up one of the more obscure Latin words.</p>
|
||||
|
||||
<p>There are many variations of passages of Lorem Ipsum available, but the majority
|
||||
have suffered alteration in some form, by injected humour, or randomised words
|
||||
which don't look even slightly believable.</p>
|
||||
|
||||
<p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't
|
||||
anything embarrassing hidden in the middle of text. All the Lorem Ipsum
|
||||
generators on the Internet tend to repeat predefined chunks as necessary, making
|
||||
this the first true generator on the Internet.</p>
|
||||
|
||||
<p>There are many variations of passages of Lorem Ipsum available, but the majority
|
||||
have suffered alteration in some form, by injected humour, or randomised words
|
||||
which don't look even slightly believable. If you are going to use a passage of
|
||||
Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the
|
||||
middle of text. All the Lorem Ipsum generators on the Internet tend to repeat
|
||||
predefined chunks as necessary, making this the first true generator on the
|
||||
Internet. It uses a dictionary of over 200 Latin words, combined with a handful
|
||||
of model sentence structures, to generate Lorem Ipsum which looks reasonable.
|
||||
</p>
|
||||
|
||||
<div class="category-meta">
|
||||
<span class="text">Share:</span>
|
||||
<ul class="social-icon social-default justify-content-start">
|
||||
<li><a target="_blank" href="https://www.facebook.com/">
|
||||
<i class="feather-facebook"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li><a target="_blank" href="https://www.twitter.com/">
|
||||
<i class="feather-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li><a target="_blank" href="https://www.instagram.com/">
|
||||
<i class="feather-instagram"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li><a target="_blank" href="https://www.linkdin.com/">
|
||||
<i class="feather-linkedin"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
|
||||
<div class="left-sidebar sticky-top top-120">
|
||||
<div class="single-wrapper-details-right-p similar-post bg-card tmponhover">
|
||||
<h4>Related Posts</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="blog-details-white.html">How to Analyze Your Best Pages for SEO</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="blog-details-white.html">Every Startup Needs a Business Consultant</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="blog-details-white.html">Business Consulting in Transformation</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="blog-details-white.html">Future of Business Consulting</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="blog-details-white.html">Business Consulting vs. Coaching</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="single-wrapper-details-right-p similar-post bg-card tmponhover">
|
||||
<h4>Related Posts</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="blog-details-white.html">How to Analyze Your Best Pages for SEO</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="blog-details-white.html">Every Startup Needs a Business Consultant</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="blog-details-white.html">Business Consulting in Transformation</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="blog-details-white.html">Future of Business Consulting</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="blog-details-white.html">Business Consulting vs. Coaching</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Advance Pricing Area -->
|
||||
<?php include("footer.php") ?>
|
||||
150
blog-list.php
Normal file
150
blog-list.php
Normal file
@@ -0,0 +1,150 @@
|
||||
<?php include("header.php") ?>
|
||||
<!-- Start Breadcarumb area -->
|
||||
<div class="breadcrumb-area breadcarumb-style-1 ptb--90 pb_sm--50">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="breadcrumb-inner">
|
||||
<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"><a href="#">01</a></span>
|
||||
<span class="subtitle-text">Blog List</span>
|
||||
</span>
|
||||
<div class="line-separator line-right"></div>
|
||||
</div>
|
||||
<h1 class="title w-700 tmp-title-split">Our Blog List.</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Breadcarumb area -->
|
||||
|
||||
|
||||
<!-- Start Blog List View -->
|
||||
<div class="main-content">
|
||||
<div class="tmp-blog-area tmp-section-gapBottom">
|
||||
<div class="container">
|
||||
<div class="row mt_dec--30">
|
||||
<div class="col-lg-12">
|
||||
<div class="row row--15 g-5">
|
||||
<div class="col-lg-6">
|
||||
<div class="tmp-card box-card-style-default card-list-view tmponhover">
|
||||
<div class="inner">
|
||||
<div class="thumbnail">
|
||||
<a class="image" href="./blog-detail.php">
|
||||
<img src="assets/images/blog/blog-01.jpg" alt="Blog Image">
|
||||
</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h4 class="title"><a href="./blog-detail.php">How to Analyze Your Best
|
||||
Pages for SEO Performance</a></h4>
|
||||
<p class="descriptiion">It is a long established fact that a reader.</p>
|
||||
<div class="read-more-btn">
|
||||
<a class="btn-read-more" href="./blog-detail.php"><span>Read More</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="tmp-card box-card-style-default card-list-view tmponhover">
|
||||
<div class="inner">
|
||||
<div class="thumbnail">
|
||||
<a class="image" href="./blog-detail.php"><img src="assets/images/blog/blog-02.jpg" alt="Blog Image">
|
||||
</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
<h4 class="title"><a href="./blog-detail.php">Corporate Success: How to
|
||||
Achieve Your Goals</a></h4>
|
||||
<p class="descriptiion">Corporate Success established fact that.</p>
|
||||
<div class="read-more-btn">
|
||||
<a class="btn-read-more" href="./blog-detail.php"><span>Read More</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="tmp-card box-card-style-default card-list-view tmponhover">
|
||||
<div class="inner">
|
||||
<div class="thumbnail"><a class="image" href="./blog-detail.php"><img src="assets/images/blog/blog-03.jpg" alt="Blog Image"></a></div>
|
||||
<div class="content">
|
||||
<h4 class="title"><a href="./blog-detail.php">Corporate Leadership: How
|
||||
to Lead with Confidence</a></h4>
|
||||
<p class="descriptiion">Leadership established fact that a reader.</p>
|
||||
<div class="read-more-btn">
|
||||
<a class="btn-read-more" href="./blog-detail.php"><span>Read More</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="tmp-card box-card-style-default card-list-view tmponhover">
|
||||
<div class="inner">
|
||||
<div class="thumbnail"><a class="image" href="./blog-detail.php"><img src="assets/images/blog/blog-04.jpg" alt="Blog Image"></a></div>
|
||||
<div class="content">
|
||||
<h4 class="title"><a href="./blog-detail.php">Navigating the Corporate
|
||||
Landscape: A Guide</a></h4>
|
||||
<p class="descriptiion">Navigating long established fact that a reader.
|
||||
</p>
|
||||
<div class="read-more-btn">
|
||||
<a class="btn-read-more" href="./blog-detail.php"><span>Read More</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="tmp-card box-card-style-default card-list-view tmponhover">
|
||||
<div class="inner">
|
||||
<div class="thumbnail"><a class="image" href="./blog-detail.php"><img src="assets/images/blog/blog-05.jpg" alt="Blog Image"></a></div>
|
||||
<div class="content">
|
||||
<h4 class="title"><a href="./blog-detail.php">How to Utilize Corporate
|
||||
Resources for Maximum</a></h4>
|
||||
<p class="descriptiion">Utilize long established fact that a reader.</p>
|
||||
<div class="read-more-btn">
|
||||
<a class="btn-read-more" href="./blog-detail.php"><span>Read More</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="tmp-card box-card-style-default card-list-view tmponhover">
|
||||
<div class="inner">
|
||||
<div class="thumbnail"><a class="image" href="./blog-detail.php"><img src="assets/images/blog/blog-06.jpg" alt="Blog Image"></a></div>
|
||||
<div class="content">
|
||||
<h4 class="title"><a href="./blog-detail.php">How to Analyze Your Best
|
||||
Pages for SEO Performance</a></h4>
|
||||
<p class="descriptiion">It is a long established fact that a reader.</p>
|
||||
<div class="read-more-btn">
|
||||
<a class="btn-read-more" href="./blog-detail.php"><span>Read More</span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12 mt--50">
|
||||
<nav>
|
||||
<ul class="tmp-pagination justify-content-center">
|
||||
<li><a href="#" aria-label="Previous"><i class="feather-chevron-left"></i></a></li>
|
||||
<li><a href="#">1</a></li>
|
||||
<li class="active"><a href="#">2</a></li>
|
||||
<li><a href="#">3</a></li>
|
||||
<li><a href="#" aria-label="Next"><i class="feather-chevron-right"></i></a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- End Blog List View -->
|
||||
<?php include("footer.php") ?>
|
||||
143
contact.php
143
contact.php
@@ -6,59 +6,68 @@
|
||||
<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>
|
||||
<div class="title-flex-between">
|
||||
<div class="tmp-section-title-border text-start">
|
||||
<div class="pres-line-separator-wrapper text-start mb--10">
|
||||
<span class="subtitle">
|
||||
<span class="number"><a href="index.html">01</a></span>
|
||||
<span class="subtitle-text">Contact With Us</span>
|
||||
<span class="subtitle-text">Available Branch</span>
|
||||
</span>
|
||||
<div class="line-separator line-right"></div>
|
||||
</div>
|
||||
<h2 class="title w-700 mt--20 tmp-title-split">Let's Contact With Us</h2>
|
||||
<h2 class="title w-700 tmp-title-split">
|
||||
Get in Touch with Pathfinder <br>
|
||||
Expert Guidance for Your International Education Plans
|
||||
</h2>
|
||||
<div class="tmp-load-more d-flex justify-content-center">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5 mt--30">
|
||||
<div class="col-lg-12">
|
||||
<div class="tmp-contact-address mt_dec--30">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-4 col-md-6 col-12">
|
||||
<div class="tmp-address tmponhover">
|
||||
<div class="icon">
|
||||
<i class="feather-headphones"></i>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<h4 class="title">Call us todays</h4>
|
||||
<p><a href="#">+444 555 666 777</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-12">
|
||||
<div class="tmp-address tmponhover">
|
||||
<div class="icon">
|
||||
<i class="feather-mail"></i>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<h4 class="title">Send an Email</h4>
|
||||
<p><a href="mailto:admin@gmail.com">admin@gmail.com</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-12">
|
||||
<div class="tmp-address tmponhover">
|
||||
<div class="icon">
|
||||
<i class="feather-map-pin"></i>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<h4 class="title">Visit our HQ</h4>
|
||||
<p>Dhaka, Bangladesh</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5 mb--60 mt--0">
|
||||
<div class="col-lg-12">
|
||||
<div class="branch-area d-flex gap-12">
|
||||
<div class="tmp-load-more d-flex justify-content-center">
|
||||
<a class="tmp-btn btn-large hover-icon-reverse" href="#" data-branch="thamel">
|
||||
<span class="icon-reverse-wrapper">
|
||||
<span class="btn-text">Pathfinder-Thamel</span>
|
||||
<span class="btn-icon"><i class="feather-loader"></i></span>
|
||||
<span class="btn-icon"><i class="feather-loader"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tmp-load-more d-flex justify-content-center">
|
||||
<a class="tmp-btn btn-large hover-icon-reverse" href="#" data-branch="damauli">
|
||||
<span class="icon-reverse-wrapper">
|
||||
<span class="btn-text">Pathfinder-Damauli</span>
|
||||
<span class="btn-icon"><i class="feather-loader"></i></span>
|
||||
<span class="btn-icon"><i class="feather-loader"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="tmp-load-more d-flex justify-content-center" >
|
||||
<a class="tmp-btn btn-large hover-icon-reverse" href="#" data-branch="gorkha">
|
||||
<span class="icon-reverse-wrapper">
|
||||
<span class="btn-text">Pathfinder-Gorkha</span>
|
||||
<span class="btn-icon"><i class="feather-loader"></i></span>
|
||||
<span class="btn-icon"><i class="feather-loader"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="tmp-load-more d-flex justify-content-center">
|
||||
<a class="tmp-btn btn-large hover-icon-reverse" href="#" data-branch="australia">
|
||||
<span class="icon-reverse-wrapper">
|
||||
<span class="btn-text">Pathfinder-NSW</span>
|
||||
<span class="btn-icon"><i class="feather-loader"></i></span>
|
||||
<span class="btn-icon"><i class="feather-loader"></i></span>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -72,7 +81,7 @@
|
||||
|
||||
<div class="col-lg-5">
|
||||
<div class="aapoiment-left-area-thumbnail">
|
||||
<img src="assets/images/appoinment/01.webp" alt="appoinment">
|
||||
<img src="assets/images/appoinment/02.webp" alt="appoinment">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-7">
|
||||
@@ -112,8 +121,48 @@
|
||||
<div class="tmp-map-area tmp-section-gapBottom">
|
||||
<div class="container">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-12">
|
||||
<div class="tmp-contact-address mt_dec--30">
|
||||
<div class="row g-5">
|
||||
<div class="col-lg-4 col-md-6 col-12">
|
||||
<div class="tmp-address tmponhover phone-block">
|
||||
<div class="icon">
|
||||
<i class="feather-headphones"></i>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<h4 class="title">Call us todays</h4>
|
||||
<p><a href="#">+977 01 5361805 | +977 01 5361853</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-12">
|
||||
<div class="tmp-address tmponhover email-block">
|
||||
<div class="icon">
|
||||
<i class="feather-mail"></i>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<h4 class="title">Send an Email</h4>
|
||||
<p><a href="mailto: info@pathfinders.com.np"> info@pathfinders.com.np</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 col-md-6 col-12">
|
||||
<div class="tmp-address tmponhover address-block">
|
||||
<div class="icon">
|
||||
<i class="feather-map-pin"></i>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<h4 class="title">Visit our HQ</h4>
|
||||
<p>Putalisadak, Kathmandu. Nepal</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 sal-animate">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d235495.62780269101!2d-73.932551722484!3d41.33466214858558!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e1!3m2!1sen!2sbd!4v1637254792714!5m2!1sen!2sbd" height="550" style="border:0;" allowfullscreen="" loading="lazy" spellcheck="false" aria-label="To enrich screen reader interactions, please activate Accessibility in Grammarly extension settings"></iframe>
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d28258.99604218634!2d85.322709!3d27.705721!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19075467bfbf%3A0x6b7bdcbb90b8c6ca!2sPathfinder%20International%20Education%20Consultancy!5e0!3m2!1sen!2snp!4v1767856641557!5m2!1sen!2snp" height="550" style="border:0;" allowfullscreen="" loading="lazy" spellcheck="false" aria-label="To enrich screen reader interactions, please activate Accessibility in Grammarly extension settings"></iframe>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
117
footer.php
117
footer.php
@@ -6,7 +6,7 @@
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="icon">
|
||||
<a href="call-to_%2b00449922097788.html"><i class="feather-phone"></i></a>
|
||||
<a href="tel:+977015361805"><i class="feather-phone"></i></a>
|
||||
</div>
|
||||
<div class="text">
|
||||
<h4 class="title">Have Any Questions? Call Us free</h4>
|
||||
@@ -420,6 +420,121 @@
|
||||
|
||||
<!-- JS
|
||||
============================================ -->
|
||||
<!-- contact page button click trasition -->
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
|
||||
const branchData = {
|
||||
thamel: {
|
||||
image: "assets/images/appoinment/01.webp",
|
||||
map: "https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d56517.99208437268!2d85.322709!3d27.705721!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19075467bfbf%3A0x6b7bdcbb90b8c6ca!2sPathfinder%20International%20Education%20Consultancy!5e0!3m2!1sen!2snp!4v1767857994789!5m2!1sen!2snp",
|
||||
phone: "+977 01 4444444",
|
||||
email: "thamel@pathfinder.com",
|
||||
address: "Thamel, Kathmandu, Nepal"
|
||||
},
|
||||
damauli: {
|
||||
image: "assets/images/appoinment/03.webp",
|
||||
map: "https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d56517.99208437268!2d85.322709!3d27.705721!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19075467bfbf%3A0x6b7bdcbb90b8c6ca!2sPathfinder%20International%20Education%20Consultancy!5e0!3m2!1sen!2snp!4v1767858202998!5m2!1sen!2snp",
|
||||
phone: "+977 065 560000",
|
||||
email: "damauli@pathfinder.com",
|
||||
address: "Damauli, Tanahun, Nepal"
|
||||
},
|
||||
gorkha: {
|
||||
image: "assets/images/appoinment/01.webp",
|
||||
map: "https://www.google.com/maps/embed?pb=GORKHA_MAP_URL",
|
||||
phone: "+977 064 420000",
|
||||
email: "gorkha@pathfinder.com",
|
||||
address: "Gorkha, Nepal"
|
||||
},
|
||||
australia: {
|
||||
image: "assets/images/appoinment/01.webp",
|
||||
map: "https://www.google.com/maps/embed?pb=AUSTRALIA_MAP_URL",
|
||||
phone: "+61 2 9000 0000",
|
||||
email: "australia@pathfinder.com",
|
||||
address: "Parramatta, NSW, Australia"
|
||||
}
|
||||
};
|
||||
|
||||
const buttons = document.querySelectorAll(".branch-area a[data-branch]");
|
||||
const appImage = document.querySelector(".aapoiment-left-area-thumbnail img");
|
||||
const mapIframe = document.querySelector(".tmp-map-area iframe");
|
||||
const contactBlock = document.querySelector(".tmp-contact-address");
|
||||
|
||||
const phoneEl = document.querySelector(".phone-block p a");
|
||||
const emailEl = document.querySelector(".email-block p a");
|
||||
const addressEl = document.querySelector(".address-block p");
|
||||
|
||||
|
||||
buttons.forEach(button => {
|
||||
button.addEventListener("click", function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
const key = this.dataset.branch;
|
||||
const data = branchData[key];
|
||||
if (!data) return;
|
||||
|
||||
// Fade out
|
||||
appImage.classList.add("branch-fade-out");
|
||||
mapIframe.classList.add("branch-fade-out");
|
||||
contactBlock.classList.add("branch-fade-out");
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
// Update content
|
||||
appImage.src = data.image;
|
||||
mapIframe.src = data.map;
|
||||
|
||||
phoneEl.textContent = data.phone;
|
||||
phoneEl.href = "tel:" + data.phone.replace(/\s+/g, "");
|
||||
|
||||
emailEl.textContent = data.email;
|
||||
emailEl.href = "mailto:" + data.email;
|
||||
|
||||
addressEl.textContent = data.address;
|
||||
|
||||
// Fade in
|
||||
appImage.classList.remove("branch-fade-out");
|
||||
mapIframe.classList.remove("branch-fade-out");
|
||||
contactBlock.classList.remove("branch-fade-out");
|
||||
|
||||
}, 300);
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
appImage.classList.add("branch-fade-out");
|
||||
mapIframe.classList.add("branch-fade-out");
|
||||
contactBlock.classList.add("branch-fade-out");
|
||||
|
||||
setTimeout(() => {
|
||||
|
||||
// Force browser repaint
|
||||
appImage.src = "";
|
||||
appImage.offsetHeight; // force reflow
|
||||
appImage.src = data.image;
|
||||
|
||||
mapIframe.src = data.map;
|
||||
|
||||
phoneEl.textContent = data.phone;
|
||||
phoneEl.href = "tel:" + data.phone.replace(/\s+/g, "");
|
||||
|
||||
emailEl.textContent = data.email;
|
||||
emailEl.href = "mailto:" + data.email;
|
||||
|
||||
addressEl.textContent = data.address;
|
||||
|
||||
requestAnimationFrame(() => {
|
||||
appImage.classList.remove("branch-fade-out");
|
||||
mapIframe.classList.remove("branch-fade-out");
|
||||
contactBlock.classList.remove("branch-fade-out");
|
||||
});
|
||||
|
||||
}, 350);
|
||||
|
||||
</script>
|
||||
|
||||
<script src="assets/js/vendor/jquery.min.js" defer></script>
|
||||
<script src="assets/js/vendor/bootstrap.min.js" defer></script>
|
||||
<script src="assets/js/vendor/waypoint.min.js" defer></script>
|
||||
|
||||
10
header.php
10
header.php
@@ -121,7 +121,7 @@
|
||||
<div class="row align-items-center row--0">
|
||||
<div class="col-xl-2 col-lg-2 col-md-6 col-4">
|
||||
<div class="logo">
|
||||
<a href="index.html">
|
||||
<a href="./index.php">
|
||||
<img class="logo-light" src="assets/images/logo/dark-logo.png" alt="PathFinder Logo">
|
||||
<img class="logo-dark" src="assets/images/logo/image.png" alt="PathFinder Logo">
|
||||
</a>
|
||||
@@ -132,7 +132,7 @@
|
||||
|
||||
<nav class="mainmenu-nav d-none d-lg-block">
|
||||
<ul class="mainmenu">
|
||||
<li class="with-megamenu active"><a href="#">Home</a>
|
||||
<li class="with-megamenu active"><a href="./index.php">Home</a>
|
||||
|
||||
</li>
|
||||
<li class="has-droupdown has-menu-child-item"><a href="#">Company Profile</a>
|
||||
@@ -160,19 +160,19 @@
|
||||
<li><a href="#"><img src="https://www.pathfinders.com.np/upload/StudyAbroad/Flag_1724416115592ireland.webp" alt="" data-no-retina="">Ireland</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="./service.html">Services</a></li>
|
||||
<li><a href="./service.php">Services</a></li>
|
||||
<li><a href="#">Uni./Colleges</a></li>
|
||||
|
||||
<li class="has-droupdown has-menu-child-item"><a href="#">Other</a>
|
||||
<ul class="submenu">
|
||||
<li><a href="#">Blogs</a></li>
|
||||
<li><a href="./blog-list.php">Blogs</a></li>
|
||||
<li><a href="#">Events</a></li>
|
||||
<li><a href="#">Gallery</a></li>
|
||||
<li><a href="#">Career</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li><a href="./contact.php">Contact</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
|
||||
Reference in New Issue
Block a user