rohini/pages/index3-one-page.html

1848 lines
113 KiB
HTML
Raw Normal View History

2024-09-27 11:28:00 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title> Home Three || 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-three">
<nav class="main-menu main-menu-three">
<div class="main-menu-three__wrapper">
<div class="main-menu-three__wrapper-inner">
<div class="main-menu-three__logo">
<a href="index.html"><img src="assets/images/resources/logo-1.png" alt=""></a>
</div>
<div class="main-menu-three__top">
<div class="main-menu-three__top-inner">
<div class="main-menu-three__top-left">
<ul class="list-unstyled main-menu-three__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-three__top-right">
<div class="main-menu-three__social">
<a href="index3-one-page.html#"><i class="fab fa-twitter"></i></a>
<a href="index3-one-page.html#"><i class="fab fa-facebook"></i></a>
<a href="index3-one-page.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="index3-one-page.html#"><i class="fab fa-instagram"></i></a>
</div>
<ul class="list-unstyled main-menu-three__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-three__bottom">
<div class="main-menu-three__bottom-inner">
<div class="main-menu-three__main-menu-box">
<a href="index3-one-page.html#" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a>
<ul class="main-menu__list one-page-scroll-menu">
<li class="dropdown current megamenu scrollToLink">
<a href="index3-one-page.html#home">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="scrollToLink">
<a href="index3-one-page.html#about">About</a>
</li>
<li class="scrollToLink">
<a href="index3-one-page.html#visa">Visa</a>
</li>
<li class="scrollToLink">
<a href="index3-one-page.html#countries">Countries</a>
</li>
<li class="scrollToLink">
<a href="index3-one-page.html#coaching">Coaching</a>
</li>
<li class="scrollToLink">
<a href="index3-one-page.html#blog">Blog</a>
</li>
<li class="scrollToLink">
<a href="index3-one-page.html#contact">Contact</a>
</li>
</ul>
</div>
<div class="main-menu-three__right">
<div class="main-menu-three__call">
<div class="main-menu-three__call-icon">
<img src="assets/images/icon/main-menu-three-comment-icon.png" alt="">
</div>
<div class="main-menu-three__call-content">
<p class="main-menu-three__call-sub-title">Have Question?</p>
<h5 class="main-menu-three__call-number"><a
href="tel:9288009850"><span>Free</span>
+92 (8800) - 9850</a>
</h5>
</div>
</div>
<div class="main-menu-three__search-cart-box">
<div class="main-menu-three__search-box">
<a href="index3-one-page.html#"
class="main-menu-three__search search-toggler icon-magnifying-glass"></a>
</div>
<div class="main-menu-three__cart-box">
<a href="index3-one-page.html#" class="main-menu-three__cart icon-shopping-cart"></a>
</div>
</div>
<div class="main-menu-three__btn">
<a href="contact.html">Book Appointment</a>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
</header>
<div class="stricky-header stricked-menu main-menu main-menu-three">
<div class="sticky-header__content"></div><!-- /.sticky-header__content -->
</div><!-- /.stricky-header -->
<!-- Main Sllider Start -->
<section class="main-slider-three" id="home">
<div class="main-slider__carousel owl-carousel owl-theme thm-owl__carousel"
data-owl-options='{"loop": true, "items": 1, "navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"], "margin": 0, "dots": true, "nav": true, "animateOut": "slideOutDown", "animateIn": "fadeIn", "active": true, "smartSpeed": 1000, "autoplay": true, "autoplayTimeout": 7000, "autoplayHoverPause": false}'>
<div class="item main-slider-three__slide-1">
<div class="main-slider-three__bg"
style="background-image: url('assets/images/backgrounds/slider-3-1.jpg');">
</div><!-- /.slider-one__bg -->
<div class="container">
<div class="main-slider-three__content">
<p class="main-slider-three__sub-title">Plan Your Trip of Dream Country</p>
<h2 class="main-slider-three__title">Trusted Immigration <br>
<span>Consultancy</span></h2>
<div class="main-slider-three__btn-box">
<a href="contact.html" class="main-slider-three__btn-one thm-btn">Book Appointment</a>
<a href="about.html" class="main-slider-three__btn-two thm-btn">Discover More</a>
</div>
</div>
</div>
</div>
<div class="item main-slider-three__slide-2">
<div class="main-slider-three__bg"
style="background-image: url('assets/images/backgrounds/slider-3-2.jpg');">
</div><!-- /.slider-one__bg -->
<div class="container">
<div class="main-slider-three__content">
<p class="main-slider-three__sub-title">Plan Your Trip of Dream Country</p>
<h2 class="main-slider-three__title">Trusted Immigration <br>
<span>Consultancy</span></h2>
<div class="main-slider-three__btn-box">
<a href="contact.html" class="main-slider-three__btn-one thm-btn">Book Appointment</a>
<a href="about.html" class="main-slider-three__btn-two thm-btn">Discover More</a>
</div>
</div>
</div>
</div>
<div class="item main-slider-three__slide-3">
<div class="main-slider-three__bg"
style="background-image: url('assets/images/backgrounds/slider-3-3.jpg');">
</div><!-- /.slider-one__bg -->
<div class="container">
<div class="main-slider-three__content">
<p class="main-slider-three__sub-title">Plan Your Trip of Dream Country</p>
<h2 class="main-slider-three__title">Trusted Immigration <br>
<span>Consultancy</span></h2>
<div class="main-slider-three__btn-box">
<a href="contact.html" class="main-slider-three__btn-one thm-btn">Book Appointment</a>
<a href="about.html" class="main-slider-three__btn-two thm-btn">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Main Sllider Start -->
<!--Feature Two Start-->
<section class="feature-two">
<div class="feature-two__shape-3 float-bob-y">
<img src="assets/images/shapes/feature-two-shape-3.png" alt="">
</div>
<div class="feature-two__wrap">
<div class="container">
<div class="row">
<!--Feature Two Single Start-->
<div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms">
<div class="feature-two__single">
<div class="feature-two__single-inner">
<div class="feature-two__shape-1">
<div class="feature-two__shape-2">
<div class="feature-two__icon">
<span class="icon-passport"></span>
</div>
</div>
</div>
<div class="feature-two__content-box">
<p class="feature-two__sub-title">Taking care</p>
<h3 class="feature-two__title"><a href="visa-details.html">Immigration & Visa
<br> Process</a>
</h3>
</div>
</div>
</div>
</div>
<!--Feature Two Single End-->
<!--Feature Two Single Start-->
<div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
<div class="feature-two__single">
<div class="feature-two__single-inner">
<div class="feature-two__shape-1">
<div class="feature-two__shape-2">
<div class="feature-two__icon">
<span class="icon-application"></span>
</div>
</div>
</div>
<div class="feature-two__content-box">
<p class="feature-two__sub-title">Apply Online</p>
<h3 class="feature-two__title"><a href="visa-details.html">Quick & Easy Visa
<br>
Application</a>
</h3>
</div>
</div>
</div>
</div>
<!--Feature Two Single End-->
<!--Feature Two Single Start-->
<div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="300ms">
<div class="feature-two__single">
<div class="feature-two__single-inner">
<div class="feature-two__shape-1">
<div class="feature-two__shape-2">
<div class="feature-two__icon">
<span class="icon-exchange"></span>
</div>
</div>
</div>
<div class="feature-two__content-box">
<p class="feature-two__sub-title">free advice</p>
<h3 class="feature-two__title"><a href="team-details.html">Expert & Experince
<br>
Consultants</a>
</h3>
</div>
</div>
</div>
</div>
<!--Feature Two Single End-->
</div>
</div>
</div>
</section>
<!--Feature Two Start -->
<!--About Three Start-->
<section class="about-three" id="about">
<div class="about-thre__shape-1 img-bounce">
<img src="assets/images/shapes/about-three-shape-1.png" alt="">
</div>
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline">our company intro</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Welcome to Visa & <br> Immigration Consultancy</h2>
</div>
<div class="row">
<div class="col-xl-6">
<div class="about-three__left">
<div class="about-three__img-box">
<div class="about-three__img">
<img src="assets/images/resources/about-three-img-1.jpg" alt="">
</div>
<div class="about-three__img-two">
<img src="assets/images/resources/about-three-img-2.jpg" alt="">
</div>
<div class="about-three__img-three">
<img src="assets/images/resources/about-three-img-3.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="about-three__right">
<div class="about-three__top">
<div class="about-three__icon">
<span class="icon-group"></span>
</div>
<div class="about-three__content">
<h4>The Global Leaders in Visa & Immigration <br> Since 2013</h4>
</div>
</div>
<p class="about-three__text-1">There are many variations of passag of lorem ipsum available
but the jority have suffered alteration in some form by injected randomised words which
don't look even slightly believable.</p>
<p class="about-three__text-2">There are many variations of passages of available but the
majority have suffered alteration in some form.</p>
<ul class="list-unstyled about-three__points">
<li>
<div class="icon">
<span class="icon-check"></span>
</div>
<div class="text">
<p>Praesent laoreet dictum justo.</p>
</div>
</li>
<li>
<div class="icon">
<span class="icon-check"></span>
</div>
<div class="text">
<p>Mauris imperdiet non ligula et lobortis.</p>
</div>
</li>
<li>
<div class="icon">
<span class="icon-check"></span>
</div>
<div class="text">
<p>Donec scelerisque egestas purus eget fringilla</p>
</div>
</li>
</ul>
<a href="about.html" class="about-three__btn thm-btn">Discover More</a>
</div>
</div>
</div>
</div>
</section>
<!--About Three End-->
<!--Services Three Start-->
<section class="services-three" id="visa">
<div class="services-three__bg-one"
style="background-image: url('assets/images/backgrounds/services-three-bg-1.png');"></div>
<div class="services-three__bg-two"
style="background-image: url('assets/images/backgrounds/services-three-bg-2.jpg');"></div>
<div class="container">
<div class="services-three__top">
<div class="row">
<div class="col-xl-7 col-lg-6">
<div class="services-three__top-left">
<div class="section-title text-left">
<div class="section-title__tagline-box">
<span class="section-title__tagline">our Visa categories</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">We Offers Citizenship <br>
& Immigration Services</h2>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-6">
<div class="services-three__top-right">
<p class="services-three__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="services-three__bottom">
<div class="row">
<!--Services Three Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="services-three__single">
<div class="services-three__img-box">
<div class="services-three__img">
<img src="assets/images/services/services-3-1.jpg" alt="">
<div class="services-three__icon-two">
<span class="icon-tour-guide"></span>
</div>
</div>
<div class="services-three__icon">
<span class="icon-tour-guide"></span>
</div>
</div>
<div class="services-three__content">
<div class="services-three__title-box">
<h3 class="services-three__title"><a href="visa-details.html">Tourist Visa</a>
</h3>
</div>
<p class="services-three__text">Desire that they can forese <br> trouble bound
ensue.</p>
<div class="services-three__arrow">
<a href="visa-details.html"><span class="icon-right-arrow"></span></a>
</div>
</div>
</div>
</div>
<!--Services Three Single End-->
<!--Services Three Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="services-three__single">
<div class="services-three__img-box">
<div class="services-three__img">
<img src="assets/images/services/services-3-2.jpg" alt="">
<div class="services-three__icon-two">
<span class="icon-suitcase"></span>
</div>
</div>
<div class="services-three__icon">
<span class="icon-suitcase"></span>
</div>
</div>
<div class="services-three__content">
<div class="services-three__title-box">
<h3 class="services-three__title"><a href="visa-details.html">Business Visa</a>
</h3>
</div>
<p class="services-three__text">Desire that they can forese <br> trouble bound
ensue.</p>
<div class="services-three__arrow">
<a href="visa-details.html"><span class="icon-right-arrow"></span></a>
</div>
</div>
</div>
</div>
<!--Services Three Single End-->
<!--Services Three Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="services-three__single">
<div class="services-three__img-box">
<div class="services-three__img">
<img src="assets/images/services/services-3-3.jpg" alt="">
<div class="services-three__icon-two">
<span class="icon-reading-book"></span>
</div>
</div>
<div class="services-three__icon">
<span class="icon-reading-book"></span>
</div>
</div>
<div class="services-three__content">
<div class="services-three__title-box">
<h3 class="services-three__title"><a href="visa-details.html">Student Visa</a>
</h3>
</div>
<p class="services-three__text">Desire that they can forese <br> trouble bound
ensue.</p>
<div class="services-three__arrow">
<a href="visa-details.html"><span class="icon-right-arrow"></span></a>
</div>
</div>
</div>
</div>
<!--Services Three Single End-->
<!--Services Three Single Start-->
<div class="col-xl-3 col-lg-6 col-md-6">
<div class="services-three__single">
<div class="services-three__img-box">
<div class="services-three__img">
<img src="assets/images/services/services-3-4.jpg" alt="">
<div class="services-three__icon-two">
<span class="icon-real-estate"></span>
</div>
</div>
<div class="services-three__icon">
<span class="icon-real-estate"></span>
</div>
</div>
<div class="services-three__content">
<div class="services-three__title-box">
<h3 class="services-three__title"><a href="visa-details.html">Residence Visa</a>
</h3>
</div>
<p class="services-three__text">Desire that they can forese <br> trouble bound
ensue.</p>
<div class="services-three__arrow">
<a href="visa-details.html"><span class="icon-right-arrow"></span></a>
</div>
</div>
</div>
</div>
<!--Services Three Single End-->
</div>
</div>
</div>
</section>
<!--Services Three End-->
<!--Countries-Three Start-->
<section class="countries-three" id="countries">
<div class="countries-three__shape-1 float-bob-y">
<img src="assets/images/shapes/countries-three-shape-1.png" alt="">
</div>
<div class="countries-three__shape-2 float-bob-y">
<img src="assets/images/shapes/countries-three-shape-2.png" alt="">
</div>
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline">Our countries list</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Select the Country of <br> Your Choice</h2>
</div>
<div class="countries-three__top">
<div class="countries-three__main-tab-box tabs-box">
<ul class="tab-buttons clearfix list-unstyled">
<li data-tab="#one" class="tab-btn">
<div class="img-box">
<img src="assets/images/resources/flag-1-1.jpg" alt="">
</div>
</li>
<li data-tab="#two" class="tab-btn active-btn">
<div class="img-box">
<img src="assets/images/resources/flag-1-2.jpg" alt="">
</div>
</li>
<li data-tab="#three" class="tab-btn">
<div class="img-box">
<img src="assets/images/resources/flag-1-3.jpg" alt="">
</div>
</li>
<li data-tab="#four" class="tab-btn">
<div class="img-box">
<img src="assets/images/resources/flag-1-4.jpg" alt="">
</div>
</li>
<li data-tab="#five" class="tab-btn">
<div class="img-box">
<img src="assets/images/resources/flag-1-5.jpg" alt="">
</div>
</li>
<li data-tab="#six" class="tab-btn">
<div class="img-box">
<img src="assets/images/resources/flag-1-6.jpg" alt="">
</div>
</li>
<li data-tab="#seven" class="tab-btn">
<div class="img-box">
<img src="assets/images/resources/flag-1-7.jpg" alt="">
</div>
</li>
</ul>
<div class="tabs-content">
<!--tab-->
<div class="tab" id="one">
<div class="countries-three__main-content-box">
<div class="countries-three__title-box">
<h4 class="countries-three__title">Germany</h4>
</div>
<p class="countries-three__text">There are many variations of passages the <br>
majority dolore magna.</p>
<div class="countries-three__arrow">
<a href="index3-one-page.html#"><span class="icon-up-right"></span></a>
</div>
</div>
</div>
<!--tab-->
<div class="tab active-tab" id="two">
<div class="countries-three__main-content-box">
<div class="countries-three__title-box">
<h4 class="countries-three__title">United Kingdom</h4>
</div>
<p class="countries-three__text">There are many variations of passages the <br>
majority dolore magna.</p>
<div class="countries-three__arrow">
<a href="index3-one-page.html#"><span class="icon-up-right"></span></a>
</div>
</div>
</div>
<!--tab-->
<div class="tab " id="three">
<div class="countries-three__main-content-box">
<div class="countries-three__title-box">
<h4 class="countries-three__title">Italy</h4>
</div>
<p class="countries-three__text">There are many variations of passages the <br>
majority dolore magna.</p>
<div class="countries-three__arrow">
<a href="index3-one-page.html#"><span class="icon-up-right"></span></a>
</div>
</div>
</div>
<!--tab-->
<div class="tab " id="four">
<div class="countries-three__main-content-box">
<div class="countries-three__title-box">
<h4 class="countries-three__title">Australia</h4>
</div>
<p class="countries-three__text">There are many variations of passages the <br>
majority dolore magna.</p>
<div class="countries-three__arrow">
<a href="index3-one-page.html#"><span class="icon-up-right"></span></a>
</div>
</div>
</div>
<!--tab-->
<div class="tab " id="five">
<div class="countries-three__main-content-box">
<div class="countries-three__title-box">
<h4 class="countries-three__title">Canada</h4>
</div>
<p class="countries-three__text">There are many variations of passages the <br>
majority dolore magna.</p>
<div class="countries-three__arrow">
<a href="index3-one-page.html#"><span class="icon-up-right"></span></a>
</div>
</div>
</div>
<!--tab-->
<div class="tab " id="six">
<div class="countries-three__main-content-box">
<div class="countries-three__title-box">
<h4 class="countries-three__title">United States</h4>
</div>
<p class="countries-three__text">There are many variations of passages the <br>
majority dolore magna.</p>
<div class="countries-three__arrow">
<a href="index3-one-page.html#"><span class="icon-up-right"></span></a>
</div>
</div>
</div>
<!--tab-->
<div class="tab " id="seven">
<div class="countries-three__main-content-box">
<div class="countries-three__title-box">
<h4 class="countries-three__title">Turkish</h4>
</div>
<p class="countries-three__text">There are many variations of passages the <br>
majority dolore magna.</p>
<div class="countries-three__arrow">
<a href="index3-one-page.html#"><span class="icon-up-right"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="countries-three__bottom">
<div class="countries-three__bottom-shape">
<img src="assets/images/shapes/countries-three-bottom-shape.png" alt="">
</div>
<div class="countries-three__bottom-content">
<p class="countries-three__bottom-text">Need Visa & Immigration Consultation? <a
href="about.html">Send a
Free Request!</a></p>
</div>
<div class="countries-three__btn-box">
<a href="contact.html" class="countries-three__btn thm-btn">Book Appointment</a>
</div>
</div>
</div>
</section>
<!--Countries-Three End-->
<!--Benefits One Start-->
<section class="benefits-one">
<div class="benefits-one__shape-1 float-bob-y">
<img src="assets/images/shapes/benefits-one-shape-1.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-xl-6">
<div class="benefits-one__left">
<div class="benefits-one__img-box">
<div class="benefits-one__img-one">
<img src="assets/images/resources/benefits-one-img-1.jpg" alt="">
</div>
<div class="benefits-one__img-two">
<img src="assets/images/resources/benefits-one-img-2.jpg" alt="">
</div>
<div class="benefits-one__solution">
<div class="benefits-one__solution-icon">
<span class="icon-marketing"></span>
</div>
<h4 class="benefits-one__solution-title">Best Immigration <br>
Solutions</h4>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="benefits-one__right">
<div class="section-title text-left">
<div class="section-title__tagline-box">
<span class="section-title__tagline">Our benefits list</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">See Why You Should <br>
Choose Treck</h2>
</div>
<p class="benefits-one__text">There are many variations of passages of available but the
majority have suffered. Alteration in some form, lipsum is simply free text by injected
humou or randomised words even believable.</p>
<ul class="list-unstyled benefits-one__points">
<li>
<div class="icon">
<span class="icon-clock"></span>
</div>
<div class="content">
<p>Benefit 01</p>
<h4>Our Process is Very Fast</h4>
</div>
</li>
<li>
<div class="icon">
<span class="icon-consultant"></span>
</div>
<div class="content">
<p>Benefit 02</p>
<h4>Professional Consultants</h4>
</div>
</li>
<li>
<div class="icon">
<span class="icon-international-passport"></span>
</div>
<div class="content">
<p>Benefit 03</p>
<h4>100% Visa Guarantee</h4>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--Benefits One End-->
<!--Coaching Three Start-->
<section class="coaching-three" id="coaching">
<div class="coaching-three__bg jarallax" data-jarallax data-speed="0.2" data-imgPosition="50% 0%"
style="background-image: url('assets/images/backgrounds/coaching-three-bg.jpg');"></div>
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline">Coaching we offer</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Get the Best Trainings <br>
You Deserve</h2>
</div>
<div class="coaching-three__carousel owl-carousel owl-theme thm-owl__carousel" data-owl-options='{
"loop": true,
"autoplay": true,
"margin": 30,
"nav": true,
"dots": false,
"smartSpeed": 500,
"autoplayTimeout": 10000,
"navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
"responsive": {
"0": {
"items": 1
},
"768": {
"items": 2
},
"992": {
"items": 3
},
"1200": {
"items": 3
}
}
}'>
<!--Coaching Three Single Start-->
<div class="item">
<div class="coaching-three__single">
<div class="coaching-three__img">
<img src="assets/images/resources/coaching-three-1-1.jpg" alt="">
<div class="coaching-three__img-content">
<p>2 weeks preparation</p>
</div>
<div class="coaching-three__hover">
<p>2 weeks preparation</p>
<div class="coaching-three__arrow">
<a href="coaching-details.html"><span class="icon-up-right"></span></a>
</div>
</div>
</div>
<div class="coaching-three__content">
<div class="coaching-three__title-box">
<h3 class="coaching-three__title"><a href="coaching-details.html">OET Coaching</a>
</h3>
</div>
<p class="coaching-three__text">There are many variations of passages the majority
dolore magna.</p>
</div>
</div>
</div>
<!--Coaching Three Single End-->
<!--Coaching Three Single Start-->
<div class="item">
<div class="coaching-three__single">
<div class="coaching-three__img">
<img src="assets/images/resources/coaching-three-1-2.jpg" alt="">
<div class="coaching-three__img-content">
<p>2 weeks preparation</p>
</div>
<div class="coaching-three__hover">
<p>2 weeks preparation</p>
<div class="coaching-three__arrow">
<a href="coaching-details.html"><span class="icon-up-right"></span></a>
</div>
</div>
</div>
<div class="coaching-three__content">
<div class="coaching-three__title-box">
<h3 class="coaching-three__title"><a href="coaching-details.html">IELTS Coaching</a>
</h3>
</div>
<p class="coaching-three__text">There are many variations of passages the majority
dolore magna.</p>
</div>
</div>
</div>
<!--Coaching Three Single End-->
<!--Coaching Three Single Start-->
<div class="item">
<div class="coaching-three__single">
<div class="coaching-three__img">
<img src="assets/images/resources/coaching-three-1-3.jpg" alt="">
<div class="coaching-three__img-content">
<p>2 weeks preparation</p>
</div>
<div class="coaching-three__hover">
<p>2 weeks preparation</p>
<div class="coaching-three__arrow">
<a href="coaching-details.html"><span class="icon-up-right"></span></a>
</div>
</div>
</div>
<div class="coaching-three__content">
<div class="coaching-three__title-box">
<h3 class="coaching-three__title"><a href="coaching-details.html">TOFEL Coaching</a>
</h3>
</div>
<p class="coaching-three__text">There are many variations of passages the majority
dolore magna.</p>
</div>
</div>
</div>
<!--Coaching Three Single End-->
</div>
</div>
</section>
<!--Coaching Three End-->
<!--Testimonial Three Start-->
<section class="testimonial-three">
<div class="testimonial-three__map float-bob-y">
<img src="assets/images/shapes/testimonial-three-map.png" alt="">
</div>
<div class="container">
<div class="row">
<div class="col-xl-7 col-lg-7">
<div class="testimonial-three__left">
<div class="testimonial-three__shape-2 img-bounce">
<img src="assets/images/shapes/testimonial-three-shape-2.png" alt="">
</div>
<div class="testimonial-three__slider">
<div class="testimonial-three__thumb-outer-box">
<div class="testimonial-three__thumb-carousel owl-carousel owl-theme">
<div class="testimonial-three__thumb-item">
<div class="testimonial-three__img-holder-box">
<div class="testimonial-three__img-holder">
<img src="assets/images/testimonial/testimonial-3-1.jpg" alt="">
</div>
<div class="testimonial-three__quote">
<img src="assets/images/icon/testimonial-three-quote.png" alt="">
</div>
</div>
</div>
<div class="testimonial-three__thumb-item">
<div class="testimonial-three__img-holder-box">
<div class="testimonial-three__img-holder">
<img src="assets/images/testimonial/testimonial-3-2.jpg" alt="">
</div>
<div class="testimonial-three__quote">
<img src="assets/images/icon/testimonial-three-quote.png" alt="">
</div>
</div>
</div>
<div class="testimonial-three__thumb-item">
<div class="testimonial-three__img-holder-box">
<div class="testimonial-three__img-holder">
<img src="assets/images/testimonial/testimonial-3-3.jpg" alt="">
</div>
<div class="testimonial-three__quote">
<img src="assets/images/icon/testimonial-three-quote.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-three__main-content">
<div class="testimonial-three__carousel owl-carousel owl-theme">
<div class="testimonial-three__item">
<div class="testimonial-three__inner-content">
<div class="testimonial-three__rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<p class="testimonial-three__text">Thanks for making the process of
getting a Canada visa so easy. Your phone and email response was
prompt and courteous. I received my passport with the visa one
day earlier.</p>
<div class="testimonial-three__client-info">
<h4 class="testimonial-three__client-name">Kevin Martin</h4>
<p class="testimonial-three__client-sub-title">CEO of Treck
Consultancy</p>
</div>
</div>
</div>
<div class="testimonial-three__item">
<div class="testimonial-three__inner-content">
<div class="testimonial-three__rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<p class="testimonial-three__text">Thanks for making the process of
getting a Canada visa so easy. Your phone and email response was
prompt and courteous. I received my passport with the visa one
day earlier.</p>
<div class="testimonial-three__client-info">
<h4 class="testimonial-three__client-name">Aleesha Brown</h4>
<p class="testimonial-three__client-sub-title">CEO of Treck
Consultancy</p>
</div>
</div>
</div>
<div class="testimonial-three__item">
<div class="testimonial-three__inner-content">
<div class="testimonial-three__rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<p class="testimonial-three__text">Thanks for making the process of
getting a Canada visa so easy. Your phone and email response was
prompt and courteous. I received my passport with the visa one
day earlier.</p>
<div class="testimonial-three__client-info">
<h4 class="testimonial-three__client-name">Mike Hardson</h4>
<p class="testimonial-three__client-sub-title">CEO of Treck
Consultancy</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-5 col-lg-5">
<div class="testimonial-three__right">
<div class="testimonial-three__shape-1">
<img src="assets/images/shapes/testimonial-three-shape-1.png" alt="">
</div>
<ul class="list-unstyled testimonial-three__counter-box">
<li>
<div class="testimonial-three__counter-single">
<div class="testimonial-three__counter-icon">
<span class="icon-life-insurance"></span>
</div>
<div class="testimonial-three__counter-content-box">
<div class="testimonial-three__counter-count-box count-box">
<h3 class="count-text" data-stop="68" data-speed="1500">00</h3>
<span class="testimonial-three__counter-plus">k</span>
</div>
<p>We Process Visas</p>
</div>
</div>
</li>
<li>
<div class="testimonial-three__counter-single">
<div class="testimonial-three__counter-icon">
<span class="icon-success"></span>
</div>
<div class="testimonial-three__counter-content-box">
<div class="testimonial-three__counter-count-box count-box">
<h3 class="count-text" data-stop="99" data-speed="1500">00</h3>
<span class="testimonial-three__counter-plus">+</span>
</div>
<p>Our Success Rate</p>
</div>
</div>
</li>
<li>
<div class="testimonial-three__counter-single">
<div class="testimonial-three__counter-icon">
<span class="icon-group"></span>
</div>
<div class="testimonial-three__counter-content-box">
<div class="testimonial-three__counter-count-box count-box">
<h3 class="count-text" data-stop="23" data-speed="1500">00</h3>
<span class="testimonial-three__counter-plus">k</span>
</div>
<p>Experience Consultants</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!--Testimonial Three End-->
<!--Blog Three Start-->
<section class="blog-three" id="blog">
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline">NEWS & UPDATES</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Latest News & Articles
<br> From the Blog</h2>
</div>
<div class="row">
<!--Blog Three Single Start-->
<div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="100ms">
<div class="blog-two__single">
<div class="blog-two__img-box">
<div class="blog-two__img">
<img src="assets/images/blog/blog-2-1.jpg" alt="">
</div>
<div class="blog-two__date">
<p>20<br><span>Feb</span></p>
</div>
<div class="blog-two__content">
<div class="blog-two__tag">
<p>Immigration</p>
</div>
<h3 class="blog-two__title"><a href="blog-details.html">Vaccination Requirements for
Immigrant Visa Applicants</a></h3>
<div class="blog-two__comment-and-arrow">
<div class="blog-two__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-two__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Blog Three Single End-->
<!--Blog Three Single Start-->
<div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="200ms">
<div class="blog-two__single">
<div class="blog-two__img-box">
<div class="blog-two__img">
<img src="assets/images/blog/blog-2-2.jpg" alt="">
</div>
<div class="blog-two__date">
<p>20<br><span>Feb</span></p>
</div>
<div class="blog-two__content">
<div class="blog-two__tag">
<p>Immigration</p>
</div>
<h3 class="blog-two__title"><a href="blog-details.html">How to Ensure Direct for the
Hassle-Free Visa Process</a></h3>
<div class="blog-two__comment-and-arrow">
<div class="blog-two__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-two__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Blog Three Single End-->
<!--Blog Three Single Start-->
<div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay="300ms">
<div class="blog-two__single">
<div class="blog-two__img-box">
<div class="blog-two__img">
<img src="assets/images/blog/blog-2-3.jpg" alt="">
</div>
<div class="blog-two__date">
<p>20<br><span>Feb</span></p>
</div>
<div class="blog-two__content">
<div class="blog-two__tag">
<p>Immigration</p>
</div>
<h3 class="blog-two__title"><a href="blog-details.html">Pearson English Language
Test Aapproved by Canadian</a></h3>
<div class="blog-two__comment-and-arrow">
<div class="blog-two__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-two__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Blog Three Single End-->
</div>
</div>
</section>
<!--Blog Three End-->
<!--Contact Three Start-->
<section class="contact-three" id="contact">
<div class="contact-three__bg"
style="background-image: url('assets/images/backgrounds/contact-three-bg.png');"></div>
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-7">
<div class="contact-three__left">
<div class="section-title text-left">
<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">Contact Treck for Visa <br>
& Immigration</h2>
</div>
<div class="contact-three__main-tab-box tabs-box">
<ul class="tab-buttons clearfix list-unstyled">
<li data-tab="#canada" class="tab-btn active-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="canada">
<div class="contact-three__tab-content-inner">
<p class="contact-three__tab-content-text">There are many variations of
passages the simply free text available in the market majority dolore
magna.</p>
<div class="contact-three__contact-details">
<div class="contact-three__contact-details-img">
<img src="assets/images/resources/contact-three-contact-details-img.jpg"
alt="">
</div>
<ul class="list-unstyled contact-three__contact-list">
<li>
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="text">
<p>30 Commercial Road <br> Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="text">
<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="text">
<p><a href="tel:9288009850 ">+92 (8800) - 9850</a></p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--tab-->
<div class="tab " id="australia">
<div class="contact-three__tab-content-inner">
<p class="contact-three__tab-content-text">There are many variations of
passages the simply free text available in the market majority dolore
magna.</p>
<div class="contact-three__contact-details">
<div class="contact-three__contact-details-img">
<img src="assets/images/resources/contact-three-contact-details-img.jpg"
alt="">
</div>
<ul class="list-unstyled contact-three__contact-list">
<li>
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="text">
<p>30 Commercial Road <br> Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="text">
<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="text">
<p><a href="tel:9288009850 ">+92 (8800) - 9850</a></p>
</div>
</li>
</ul>
</div>
</div>
</div>
<!--tab-->
<div class="tab " id="dubai">
<div class="contact-three__tab-content-inner">
<p class="contact-three__tab-content-text">There are many variations of
passages the simply free text available in the market majority dolore
magna.</p>
<div class="contact-three__contact-details">
<div class="contact-three__contact-details-img">
<img src="assets/images/resources/contact-three-contact-details-img.jpg"
alt="">
</div>
<ul class="list-unstyled contact-three__contact-list">
<li>
<div class="icon">
<i class="fas fa-map-marker-alt"></i>
</div>
<div class="text">
<p>30 Commercial Road <br> Fratton, Australia</p>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="text">
<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="text">
<p><a href="tel:9288009850 ">+92 (8800) - 9850</a></p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-5">
<div class="contact-three__right">
<div class="contact-three__form-box">
<div class="contact-three__form-top">
<p>Request a Appointment</p>
</div>
<form action="assets/inc/sendemail.php"
class="contact-three__form contact-form-validated" novalidate="novalidate">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="contact-three__form-input-box">
<input type="text" placeholder="Full Name" name="name">
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="contact-three__form-input-box">
<input type="email" placeholder="Email Address" name="email">
</div>
</div>
<div class="col-xl-12">
<div class="contact-three__form-input-box">
<input type="text" placeholder="Phone" name="phone">
</div>
</div>
<div class="col-xl-12">
<div class="contact-three__form-input-box">
<select class="selectpicker" aria-label="Default select example">
<option selected>Visa Type</option>
<option value="1">Tourist Visa</option>
<option value="2">Business Visa</option>
<option value="3">Student Visa</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-12">
<div class="contact-three__form-input-box text-message-box">
<textarea name="message" placeholder="Write a Message"></textarea>
</div>
<div class="contact-three__form-btn-box">
<button type="submit" class="thm-btn contact-three__form-btn">Send a
Message</button>
</div>
</div>
</div>
</form>
<div class="result"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Contact Three End-->
<!--Brand Two Start-->
<section class="brand-two">
<div class="container">
<h4 class="brand-two__title">Our partners & suppoters</h4>
<div class="thm-swiper__slider swiper-container" data-swiper-options='{"spaceBetween": 100, "slidesPerView": 5, "autoplay": { "delay": 5000 }, "breakpoints": {
"0": {
"spaceBetween": 30,
"slidesPerView": 2
},
"375": {
"spaceBetween": 30,
"slidesPerView": 2
},
"575": {
"spaceBetween": 30,
"slidesPerView": 3
},
"767": {
"spaceBetween": 50,
"slidesPerView": 4
},
"991": {
"spaceBetween": 50,
"slidesPerView": 5
},
"1199": {
"spaceBetween": 100,
"slidesPerView": 6
}
}}'>
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-1.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-2.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-3.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-4.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-5.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-6.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-1.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-2.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-3.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-4.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-5.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-2-6.png" alt="">
</div><!-- /.swiper-slide -->
</div>
</div>
</div>
</section>
<!--Brand 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="index3-one-page.html#"><i class="fab fa-twitter"></i></a>
<a href="index3-one-page.html#"><i class="fab fa-facebook"></i></a>
<a href="index3-one-page.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="index3-one-page.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="index3-one-page.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="index3-one-page.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="index3-one-page.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="index3-one-page.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="index3-one-page.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="index3-one-page.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="index3-one-page.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="index3-one-page.html#" class="fab fa-twitter"></a>
<a href="index3-one-page.html#" class="fab fa-facebook-square"></a>
<a href="index3-one-page.html#" class="fab fa-pinterest-p"></a>
<a href="index3-one-page.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="index3-one-page.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>