rohini/pages/contact.html
2024-09-27 17:13:00 +05:45

1053 lines
69 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title> Contact || treck || treck HTML 5 Template </title>
<!-- favicons Icons -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png" />
<link rel="manifest" href="assets/images/favicons/site.webmanifest" />
<meta name="description" content="treck HTML 5 Template " />
<!-- fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/vendors/animate/animate.min.css" />
<link rel="stylesheet" href="assets/vendors/animate/custom-animate.css" />
<link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css" />
<link rel="stylesheet" href="assets/vendors/jarallax/jarallax.css" />
<link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css" />
<link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css" />
<link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css" />
<link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css" />
<link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css" />
<link rel="stylesheet" href="assets/vendors/treck-icons/style.css">
<link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css" />
<link rel="stylesheet" href="assets/vendors/reey-font/stylesheet.css" />
<link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css" />
<link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css" />
<link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css" />
<link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css" />
<link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css" />
<link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css" />
<link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css" />
<!-- template styles -->
<link rel="stylesheet" href="assets/css/treck.css" />
<link rel="stylesheet" href="assets/css/treck-responsive.css" />
</head>
<body class="custom-cursor">
<div class="custom-cursor__cursor"></div>
<div class="custom-cursor__cursor-two"></div>
<div class="preloader">
<div class="preloader__image"></div>
</div>
<!-- /.preloader -->
<div class="page-wrapper">
<header class="main-header">
<nav class="main-menu">
<div class="main-menu__wrapper">
<div class="main-menu__wrapper-inner">
<div class="main-menu__logo">
<a href="index.html"><img src="assets/images/resources/logo-1.png" alt=""></a>
</div>
<div class="main-menu__search-box">
<a href="contact.html#"
class="main-menu__search search-toggler icon-magnifying-glass"><span>Search...</span></a>
</div>
<div class="main-menu__wrapper-inner-content">
<div class="main-menu__update-box">
<div class="main-menu__update-box-inner">
<div class="main-menu__update-box-left">
<div class="main-menu__update-icon-box">
<div class="main-menu__update-icon">
<span class="icon-megaphone"></span>
</div>
<div class="main-menu__update-icon-text">
<p>Updates</p>
</div>
</div>
<div class="main-menu__update-carousel-box">
<div class="main-menu__update-carousel thm-owl__carousel owl-theme owl-carousel"
data-owl-options='{
"items": 1,
"margin": 30,
"smartSpeed": 700,
"loop":true,
"autoplay": false,
"nav":true,
"dots":false,
"navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"],
"responsive":{
"0":{
"items":1
},
"768":{
"items":1
},
"992":{
"items": 1
}
}
}'>
<div class="item">
<div class="main-menu__update-single">
<p class="main-menu__update-text">The United States Mission is
Pleased to Announce the Expansion of Interview.</p>
</div>
</div>
<div class="item">
<div class="main-menu__update-single">
<p class="main-menu__update-text">The United States Mission is
Pleased to Announce the Expansion of Interview.</p>
</div>
</div>
<div class="item">
<div class="main-menu__update-single">
<p class="main-menu__update-text">The United States Mission is
Pleased to Announce the Expansion of Interview.</p>
</div>
</div>
</div>
</div>
</div>
<div class="main-menu__update-box-right">
<div class="main-menu__social-box">
<h4 class="main-menu__social-title">Follow us:</h4>
<div class="main-menu__social">
<a href="contact.html#"><i class="fab fa-twitter"></i></a>
<a href="contact.html#"><i class="fab fa-facebook"></i></a>
<a href="contact.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="contact.html#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="main-menu__top">
<div class="main-menu__top-inner">
<div class="main-menu__top-left">
<ul class="list-unstyled main-menu__contact-list">
<li>
<div class="icon">
<i class="fas fa-map-marker"></i>
</div>
<div class="text">
<p>30 Broklyn Golden Street. USA</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="text">
<p><a href="mailto:Info@company.com">Info@company.com</a>
</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-clock"></i>
</div>
<div class="text">
<p>Mon - Fri 8.00 am - 6.00 pm</p>
</div>
</li>
</ul>
</div>
<div class="main-menu__top-right">
<ul class="list-unstyled main-menu__top-menu">
<li><a href="login.html">Login</a></li>
<li><a href="faq.html">Faqs</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="main-menu__bottom">
<div class="main-menu__bottom-inner">
<div class="main-menu__main-menu-box">
<a href="contact.html#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
<ul class="main-menu__list">
<li class="dropdown megamenu">
<a href="index.html">Home </a>
<ul>
<li>
<section class="home-showcase">
<div class="container">
<div class="home-showcase__inner">
<div class="row">
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-1.jpg"
alt="">
<div class="home-showcase__buttons">
<a href="index.html"
class="thm-btn home-showcase__buttons__item">Multi
Page</a>
<a href="index-one-page.html"
class="thm-btn home-showcase__buttons__item">One
Page</a>
</div>
<!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home
Page
01</h3>
<!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-2.jpg"
alt="">
<div class="home-showcase__buttons">
<a href="index2.html"
class="thm-btn home-showcase__buttons__item">Multi
Page</a>
<a href="index2-one-page.html"
class="thm-btn home-showcase__buttons__item">One
Page</a>
</div>
<!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home
Page
02
</h3><!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-3.jpg"
alt="">
<div class="home-showcase__buttons">
<a href="index3.html"
class="thm-btn home-showcase__buttons__item">Multi
Page</a>
<a href="index3-one-page.html"
class="thm-btn home-showcase__buttons__item">One
Page</a>
</div>
<!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home
Page
03
</h3><!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
<div class="col-lg-3">
<div class="home-showcase__item">
<div class="home-showcase__image">
<img src="assets/images/home-showcase/home-showcase-1-4.jpg"
alt="">
<div class="home-showcase__buttons">
<a href="index-dark.html"
class="thm-btn home-showcase__buttons__item">View
Page</a>
</div>
<!-- /.home-showcase__buttons -->
</div><!-- /.home-showcase__image -->
<h3 class="home-showcase__title">Home
Page
04
</h3><!-- /.home-showcase__title -->
</div><!-- /.home-showcase__item -->
</div><!-- /.col-lg-3 -->
</div><!-- /.row -->
</div><!-- /.home-showcase__inner -->
</div><!-- /.container -->
</section>
</li>
</ul>
</li>
<li class="dropdown">
<a href="contact.html#">Pages</a>
<ul class="sub-menu">
<li><a href="about.html">About Us</a></li>
<li><a href="team.html">Team Members</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="success-stories.html">Success Stories</a></li>
<li><a href="story-details.html">Story Details</a></li>
<li><a href="visa-offers.html">Visa Offers</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="pricing-tables.html">Pricing Tables</a></li>
<li><a href="faq.html">Faqs</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="404.html">404 Error</a></li>
</ul>
</li>
<li class="dropdown">
<a href="contact.html#">Coaching</a>
<ul class="sub-menu">
<li><a href="coaching.html">Coaching</a></li>
<li><a href="coaching-details.html">Coaching Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="contact.html#">Visa</a>
<ul class="sub-menu">
<li><a href="visa.html">Visa</a></li>
<li><a href="visa-details.html">Visa Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="contact.html#">Countries</a>
<ul class="sub-menu">
<li><a href="countries.html">Countries</a></li>
<li><a href="countries-details.html">Countries Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="contact.html#">Blog</a>
<ul class="sub-menu">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-sidebar.html">Blog Sidebar</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="contact.html#">Shop</a>
<ul class="sub-menu">
<li><a href="products.html">Products</a></li>
<li><a href="product-details.html">Product Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
<div class="main-menu__right">
<div class="main-menu__call">
<div class="main-menu__call-icon">
<img src="assets/images/icon/main-menu-comment-icon.png" alt="">
</div>
<div class="main-menu__call-content">
<p class="main-menu__call-sub-title">Have Question?</p>
<h5 class="main-menu__call-number"><a
href="tel:9288009850"><span>Free</span> +92 (8800) - 9850</a>
</h5>
</div>
</div>
<div class="main-menu__btn-box">
<a href="contact.html" class="thm-btn main-menu__btn">Book Appointment</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<div class="stricky-header stricked-menu main-menu">
<div class="sticky-header__content"></div><!-- /.sticky-header__content -->
</div><!-- /.stricky-header -->
<!--Page Header Start-->
<section class="page-header">
<div class="page-header-bg" style="background-image: url('assets/images/backgrounds/page-header-bg.jpg')">
</div>
<div class="container">
<div class="page-header__inner">
<h2>Contact</h2>
<ul class="thm-breadcrumb list-unstyled">
<li><a href="index.html">Home</a></li>
<li><span>-</span></li>
<li class="active">Contact</li>
</ul>
</div>
</div>
</section>
<!--Page Header End-->
<!--Contact Five Start-->
<section class="contact-five">
<div class="contact-five__bg" style="background-image: url('assets/images/backgrounds/contact-five-bg.png');">
</div>
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline">contact with us</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Feel Free to Get in <br> Touch with us</h2>
</div>
<div class="contact-five__form-box">
<form action="assets/inc/sendemail.php" class="contact-five__form contact-form-validated"
novalidate="novalidate">
<div class="row">
<div class="col-xl-6">
<div class="contact-five__input-box">
<input type="text" placeholder="Your Name" name="name">
</div>
</div>
<div class="col-xl-6">
<div class="contact-five__input-box">
<input type="email" placeholder="Email Address" name="email">
</div>
</div>
<div class="col-xl-6">
<div class="contact-five__input-box">
<input type="text" placeholder="Phone Number" name="Phone">
</div>
</div>
<div class="col-xl-6">
<div class="contact-five__input-box">
<input type="text" placeholder="Subject" name="Subject">
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="contact-five__input-box text-message-box">
<textarea name="message" placeholder="Write a Message"></textarea>
</div>
<div class="contact-five__btn-box">
<button type="submit" class="thm-btn contact-five__btn">Send a
Message</button>
</div>
</div>
</div>
</form>
<div class="result"></div>
</div>
</div>
</section>
<!--Contact Five End-->
<!--Location One Start-->
<section class="location-one">
<div class="container">
<div class="location-one__top">
<div class="row">
<div class="col-xl-7 col-lg-6">
<div class="location-one__top-left">
<div class="section-title text-left">
<div class="section-title__tagline-box">
<span class="section-title__tagline">checkout our locations</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Our Visa Consultancy <br>
Offices in World</h2>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-6">
<div class="location-one__top-right">
<p class="ocation-one__top-text">There are many variations of passages of available but
the majority have suffered alteration in some form, by injected hum randomised words
which don't slightly.</p>
</div>
</div>
</div>
</div>
<div class="location-one__bottom">
<div class="location-one__main-tab-box tabs-box">
<ul class="tab-buttons clearfix list-unstyled">
<li data-tab="#south-america" class="tab-btn active-btn"><span>South America</span></li>
<li data-tab="#canada" class="tab-btn"><span>Canada</span></li>
<li data-tab="#australia" class="tab-btn"><span>Australia</span></li>
<li data-tab="#dubai" class="tab-btn"><span>Dubai</span></li>
</ul>
<div class="tabs-content">
<!--tab-->
<div class="tab active-tab" id="south-america">
<div class="location-one__tab-content-box">
<div class="location-one__tab-content-box-inner">
<div class="location-one__bg"
style="background-image: url('assets/images/backgrounds/location-one-bg.png');">
</div>
<div class="location-one__tab-content-left">
<div class="location-one__tab-content-img">
<img src="assets/images/resources/location-one-tab-content-img-1.jpg"
alt="">
</div>
<div class="location-one__tab-content-contact">
<h5 class="location-one__tab-content-contact-title">Were Always Here
for
You</h5>
<ul class="list-unstyled location-one__tab-content-contact-list">
<li>
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="content">
<p>30 Commercial Road <br>
Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="content">
<p><a
href="mailto:needhelp@company.com">needhelp@company.com</a>
</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-phone"></i>
</div>
<div class="content">
<p><a href="tel:9288009850 ">+92 (8800) - 9850 </a></p>
</div>
</li>
</ul>
</div>
</div>
<div class="location-one__tab-content-right">
<ul class="list-unstyled location-one__tab-content-time">
<li>
<p class="location-one__tab-content-day-name">Monday</p>
<h4 class="location-one__tab-content-time-box">12:00 pm - 19:00 pm
</h4>
</li>
<li>
<p class="location-one__tab-content-day-name">Tuesday to Friday</p>
<h4 class="location-one__tab-content-time-box">8:00 am - 19:00 pm
</h4>
</li>
<li>
<p class="location-one__tab-content-day-name">Saturday</p>
<h4 class="location-one__tab-content-time-box">8:00 am to 3:30 pm
</h4>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--tab-->
<div class="tab " id="canada">
<div class="location-one__tab-content-box">
<div class="location-one__tab-content-box-inner">
<div class="location-one__bg"
style="background-image: url('assets/images/backgrounds/location-one-bg.png');">
</div>
<div class="location-one__tab-content-left">
<div class="location-one__tab-content-img">
<img src="assets/images/resources/location-one-tab-content-img-2.jpg"
alt="">
</div>
<div class="location-one__tab-content-contact">
<h5 class="location-one__tab-content-contact-title">Were Always Here
for
You</h5>
<ul class="list-unstyled location-one__tab-content-contact-list">
<li>
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="content">
<p>30 Commercial Road <br>
Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="content">
<p><a
href="mailto:needhelp@company.com">needhelp@company.com</a>
</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-phone"></i>
</div>
<div class="content">
<p><a href="tel:9288009850 ">+92 (8800) - 9850 </a></p>
</div>
</li>
</ul>
</div>
</div>
<div class="location-one__tab-content-right">
<ul class="list-unstyled location-one__tab-content-time">
<li>
<p class="location-one__tab-content-day-name">Monday</p>
<h4 class="location-one__tab-content-time-box">12:00 pm - 19:00 pm
</h4>
</li>
<li>
<p class="location-one__tab-content-day-name">Tuesday to Friday</p>
<h4 class="location-one__tab-content-time-box">8:00 am - 19:00 pm
</h4>
</li>
<li>
<p class="location-one__tab-content-day-name">Saturday</p>
<h4 class="location-one__tab-content-time-box">8:00 am to 3:30 pm
</h4>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--tab-->
<div class="tab " id="australia">
<div class="location-one__tab-content-box">
<div class="location-one__tab-content-box-inner">
<div class="location-one__bg"
style="background-image: url('assets/images/backgrounds/location-one-bg.png');">
</div>
<div class="location-one__tab-content-left">
<div class="location-one__tab-content-img">
<img src="assets/images/resources/location-one-tab-content-img-3.jpg"
alt="">
</div>
<div class="location-one__tab-content-contact">
<h5 class="location-one__tab-content-contact-title">Were Always Here
for
You</h5>
<ul class="list-unstyled location-one__tab-content-contact-list">
<li>
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="content">
<p>30 Commercial Road <br>
Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="content">
<p><a
href="mailto:needhelp@company.com">needhelp@company.com</a>
</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-phone"></i>
</div>
<div class="content">
<p><a href="tel:9288009850 ">+92 (8800) - 9850 </a></p>
</div>
</li>
</ul>
</div>
</div>
<div class="location-one__tab-content-right">
<ul class="list-unstyled location-one__tab-content-time">
<li>
<p class="location-one__tab-content-day-name">Monday</p>
<h4 class="location-one__tab-content-time-box">12:00 pm - 19:00 pm
</h4>
</li>
<li>
<p class="location-one__tab-content-day-name">Tuesday to Friday</p>
<h4 class="location-one__tab-content-time-box">8:00 am - 19:00 pm
</h4>
</li>
<li>
<p class="location-one__tab-content-day-name">Saturday</p>
<h4 class="location-one__tab-content-time-box">8:00 am to 3:30 pm
</h4>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--tab-->
<div class="tab " id="dubai">
<div class="location-one__tab-content-box">
<div class="location-one__tab-content-box-inner">
<div class="location-one__bg"
style="background-image: url('assets/images/backgrounds/location-one-bg.png');">
</div>
<div class="location-one__tab-content-left">
<div class="location-one__tab-content-img">
<img src="assets/images/resources/location-one-tab-content-img-4.jpg"
alt="">
</div>
<div class="location-one__tab-content-contact">
<h5 class="location-one__tab-content-contact-title">Were Always Here
for
You</h5>
<ul class="list-unstyled location-one__tab-content-contact-list">
<li>
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="content">
<p>30 Commercial Road <br>
Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="content">
<p><a
href="mailto:needhelp@company.com">needhelp@company.com</a>
</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-phone"></i>
</div>
<div class="content">
<p><a href="tel:9288009850 ">+92 (8800) - 9850 </a></p>
</div>
</li>
</ul>
</div>
</div>
<div class="location-one__tab-content-right">
<ul class="list-unstyled location-one__tab-content-time">
<li>
<p class="location-one__tab-content-day-name">Monday</p>
<h4 class="location-one__tab-content-time-box">12:00 pm - 19:00 pm
</h4>
</li>
<li>
<p class="location-one__tab-content-day-name">Tuesday to Friday</p>
<h4 class="location-one__tab-content-time-box">8:00 am - 19:00 pm
</h4>
</li>
<li>
<p class="location-one__tab-content-day-name">Saturday</p>
<h4 class="location-one__tab-content-time-box">8:00 am to 3:30 pm
</h4>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Location One End-->
<!--Google Map Two Start-->
<section class="google-map-two">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4562.753041141002!2d-118.80123790098536!3d34.152323469614075!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80e82469c2162619:0xba03efb7998eef6d!2sCostco+Wholesale!5e0!3m2!1sbn!2sbd!4v1562518641290!5m2!1sbn!2sbd"
class="google-map__two" allowfullscreen></iframe>
</section>
<!--Google Map Two End-->
<!--Site Footer Start-->
<footer class="site-footer">
<div class="container">
<div class="site-footer__top">
<div class="site-footer__map float-bob-x">
<img src="assets/images/shapes/site-footer-map-1.png" alt="">
</div>
<div class="site-footer__top-left">
<div class="site-footer__visa-box">
<ul class="list-unstyled site-footer__visa-list">
<li>
<div class="site-footer__visa-img">
<img src="assets/images/resources/site-footer-visa-img-1-1.jpg" alt="">
</div>
</li>
<li>
<div class="site-footer__visa-img">
<img src="assets/images/resources/site-footer-visa-img-1-2.jpg" alt="">
</div>
</li>
<li>
<div class="site-footer__visa-img">
<img src="assets/images/resources/site-footer-visa-img-1-3.jpg" alt="">
</div>
</li>
</ul>
<div class="site-footer__visa-content">
<p class="site-footer__visa-text">Approved Traveler Visa Applications. <a
href="visa-details.html">Get
Your Visa</a></p>
</div>
</div>
</div>
<div class="site-footer__call">
<div class="site-footer__call-icon">
<img src="assets/images/icon/site-footer-icon-comment.png" alt="">
</div>
<div class="site-footer__call-content">
<p class="site-footer__call-sub-title">Have Question?</p>
<h5 class="site-footer__call-number"><a href="tel:9288009850"><span>Free</span> +92 (8800) -
9850</a></h5>
</div>
</div>
</div>
<div class="site-footer__middle">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="100ms">
<div class="footer-widget__column footer-widget__about">
<div class="footer-widget__logo">
<a href="index.html"><img src="assets/images/resources/footer-logo.png" alt=""></a>
</div>
<p class="footer-widget__about-text">Aliqua id fugiat nostrud irure ex duis ea quis id
quis ad et. Sunt qui esse pariatur duis deserunt.</p>
<div class="site-footer__social">
<a href="contact.html#"><i class="fab fa-twitter"></i></a>
<a href="contact.html#"><i class="fab fa-facebook"></i></a>
<a href="contact.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="contact.html#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="col-xl-1 col-lg-2 col-md-6 wow fadeInUp" data-wow-delay="200ms">
<div class="footer-widget__column footer-widget__link">
<div class="footer-widget__title-box">
<h3 class="footer-widget__title">Explore</h3>
</div>
<ul class="footer-widget__link-list list-unstyled">
<li><a href="about.html">About</a></li>
<li><a href="team.html">Meet Experts</a></li>
<li><a href="blog.html">News & Media</a></li>
<li><a href="visa-details.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="col-xl-2 col-lg-2 col-md-6 wow fadeInUp" data-wow-delay="300ms">
<div class="footer-widget__column footer-widget__visa">
<div class="footer-widget__title-box">
<h3 class="footer-widget__title">Visa</h3>
</div>
<ul class="footer-widget__visa-list list-unstyled">
<li><a href="visa-details.html">Work Visa</a></li>
<li><a href="visa-details.html">Students Visa</a></li>
<li><a href="visa-details.html">Business Visa</a></li>
<li><a href="visa-details.html">Family Visa</a></li>
<li><a href="visa-details.html">Travel Visa</a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6 wow fadeInUp" data-wow-delay="400ms">
<div class="footer-widget__column footer-widget__gallery">
<div class="footer-widget__title-box">
<h3 class="footer-widget__title">Instagram</h3>
</div>
<ul class="footer-widget__gallery-list list-unstyled clearfix">
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-1.jpg" alt="">
<a href="contact.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-2.jpg" alt="">
<a href="contact.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-3.jpg" alt="">
<a href="contact.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-4.jpg" alt="">
<a href="contact.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-5.jpg" alt="">
<a href="contact.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
<li>
<div class="footer-widget__gallery-img">
<img src="assets/images/gallery/footer-widget-gallery-img-6.jpg" alt="">
<a href="contact.html#"><span class="fab fa-instagram"></span></a>
</div>
</li>
</ul>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 wow fadeInUp" data-wow-delay="500ms">
<div class="footer-widget__column footer-widget__Contact">
<div class="footer-widget__title-box">
<h3 class="footer-widget__title">Contact</h3>
</div>
<ul class="footer-widget__Contact-list list-unstyled">
<li>
<div class="icon">
<span class="fas fa-envelope"></span>
</div>
<div class="text">
<p><a href="mailto:needhelp@company.com">needhelp@company.com</a></p>
</div>
</li>
<li>
<div class="icon">
<span class="fas fa-map-marker-alt"></span>
</div>
<div class="text">
<p>30 Commercial Road <br> Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<span class="fas fa-clock"></span>
</div>
<div class="text">
<p>Mon Sat: 8:00 am to 6:00 pm <br> Sunday: Closed</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="site-footer__bottom">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="site-footer__bottom-inner">
<p class="site-footer__bottom-text">© Copyright 2023 by <a href="contact.html#">Treck.com</a></p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--Site Footer End-->
</div><!-- /.page-wrapper -->
<div class="mobile-nav__wrapper">
<div class="mobile-nav__overlay mobile-nav__toggler"></div>
<!-- /.mobile-nav__overlay -->
<div class="mobile-nav__content">
<span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>
<div class="logo-box">
<a href="index.html" aria-label="logo image"><img src="assets/images/resources/logo-2.png" width="135"
alt="" /></a>
</div>
<!-- /.logo-box -->
<div class="mobile-nav__container"></div>
<!-- /.mobile-nav__container -->
<ul class="mobile-nav__contact list-unstyled">
<li>
<i class="fa fa-envelope"></i>
<a href="mailto:needhelp@packageName__.com">needhelp@treck.com</a>
</li>
<li>
<i class="fa fa-phone-alt"></i>
<a href="tel:666-888-0000">666 888 0000</a>
</li>
</ul><!-- /.mobile-nav__contact -->
<div class="mobile-nav__top">
<div class="mobile-nav__social">
<a href="contact.html#" class="fab fa-twitter"></a>
<a href="contact.html#" class="fab fa-facebook-square"></a>
<a href="contact.html#" class="fab fa-pinterest-p"></a>
<a href="contact.html#" class="fab fa-instagram"></a>
</div><!-- /.mobile-nav__social -->
</div><!-- /.mobile-nav__top -->
</div>
<!-- /.mobile-nav__content -->
</div>
<!-- /.mobile-nav__wrapper -->
<div class="search-popup">
<div class="search-popup__overlay search-toggler"></div>
<!-- /.search-popup__overlay -->
<div class="search-popup__content">
<form action="#">
<label for="search" class="sr-only">search here</label><!-- /.sr-only -->
<input type="text" id="search" placeholder="Search Here..." />
<button type="submit" aria-label="search submit" class="thm-btn">
<i class="icon-magnifying-glass"></i>
</button>
</form>
</div>
<!-- /.search-popup__content -->
</div>
<!-- /.search-popup -->
<a href="contact.html#" data-target="html" class="scroll-to-target scroll-to-top"><i class="icon-right-arrow"></i></a>
<script src="assets/vendors/jquery/jquery-3.6.4.min.js"></script>
<script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendors/jarallax/jarallax.min.js"></script>
<script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
<script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
<script src="assets/vendors/jquery-circle-progress/jquery.circle-progress.min.js"></script>
<script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
<script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
<script src="assets/vendors/nouislider/nouislider.min.js"></script>
<script src="assets/vendors/odometer/odometer.min.js"></script>
<script src="assets/vendors/swiper/swiper.min.js"></script>
<script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script>
<script src="assets/vendors/wnumb/wNumb.min.js"></script>
<script src="assets/vendors/wow/wow.js"></script>
<script src="assets/vendors/isotope/isotope.js"></script>
<script src="assets/vendors/countdown/countdown.min.js"></script>
<script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
<script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
<script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="assets/vendors/vegas/vegas.min.js"></script>
<script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
<script src="assets/vendors/timepicker/timePicker.js"></script>
<script src="assets/vendors/circleType/jquery.circleType.js"></script>
<script src="assets/vendors/circleType/jquery.lettering.min.js"></script>
<!-- template js -->
<script src="assets/js/treck.js"></script>
</body>
</html>