From 2acb32d6a10df2b821357401d25c7e7eae31b8ba Mon Sep 17 00:00:00 2001
From: Roshan476 <roshanpoudel864@gmail.com>
Date: Thu, 8 Jan 2026 15:12:49 +0545
Subject: [PATCH] update

---
 assets/css/style16eb.css |  53 +++++++++-
 assets/js/main.js        |   6 +-
 blog-detail.php          | 208 +++++++++++++++++++++++++++++++++++++++
 blog-list.php            | 150 ++++++++++++++++++++++++++++
 contact.php              | 143 ++++++++++++++++++---------
 footer.php               | 117 +++++++++++++++++++++-
 header.php               |  10 +-
 7 files changed, 631 insertions(+), 56 deletions(-)
 create mode 100644 blog-list.php

diff --git a/assets/css/style16eb.css b/assets/css/style16eb.css
index 83b3764..0430922 100644
--- a/assets/css/style16eb.css
+++ b/assets/css/style16eb.css
@@ -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;
 }
@@ -31859,4 +31860,52 @@ transition: 0.3s all ease-out;
 }
 .time-box:hover .uni img{
   background-color: var(--color-btn);
-}
\ No newline at end of file
+}
+.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);
+}
diff --git a/assets/js/main.js b/assets/js/main.js
index e053cdd..a57b665 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -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)
 
 
+// 
\ No newline at end of file
diff --git a/blog-detail.php b/blog-detail.php
index e69de29..6b65439 100644
--- a/blog-detail.php
+++ b/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") ?>
\ No newline at end of file
diff --git a/blog-list.php b/blog-list.php
new file mode 100644
index 0000000..3e074cc
--- /dev/null
+++ b/blog-list.php
@@ -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") ?>
\ No newline at end of file
diff --git a/contact.php b/contact.php
index 471e05c..def35e6 100644
--- a/contact.php
+++ b/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>
diff --git a/footer.php b/footer.php
index 27e4550..0c7f0c8 100644
--- a/footer.php
+++ b/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>
diff --git a/header.php b/header.php
index 94232ac..4489126 100644
--- a/header.php
+++ b/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>