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

1206 lines
73 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> Countries || 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="countries.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="countries.html#"><i class="fab fa-twitter"></i></a>
<a href="countries.html#"><i class="fab fa-facebook"></i></a>
<a href="countries.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="countries.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="countries.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="countries.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="countries.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="countries.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="countries.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="countries.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="countries.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>Countries</h2>
<ul class="thm-breadcrumb list-unstyled">
<li><a href="index.html">Home</a></li>
<li><span>-</span></li>
<li class="active">Countries</li>
</ul>
</div>
</div>
</section>
<!--Page Header End-->
<!--Countries-Four Start-->
<section class="countries-four">
<div class="container">
<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="countries.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="countries.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="countries.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="countries.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="countries.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="countries.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="countries.html#"><span class="icon-up-right"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Countries-Four End-->
<!--Excellence One Start -->
<section class="excellence-one">
<div class="container">
<div class="excellence-one__inner">
<div class="excellence-one__bg"
style="background-image: url('assets/images/backgrounds/excellence-one-bg.png');"></div>
<div class="excellence-one__shape-1 img-bounce">
<img src="assets/images/shapes/excellence-one-shape-1.png" alt="">
</div>
<div class="excellence-one__shape-2 float-bob-x">
<img src="assets/images/shapes/excellence-one-shape-2.png" alt="">
</div>
<h3 class="excellence-one__title">Excellence
<br> in Visa & Immigration</h3>
<div class="excellence-one__btn-box">
<a href="contact.html" class="excellence-one__btn thm-btn">Apply for Visa</a>
</div>
</div>
</div>
</section>
<!--Excellence One End-->
<!--Travel One Start-->
<section class="travel-one">
<div class="travel-one__bg" style="background-image: url('assets/images/backgrounds/travel-one-bg.jpg');">
</div>
<div class="travel-one__bg-two"
style="background-image: url('assets/images/backgrounds/travel-one-bg-two.png');">
</div>
<div class="container">
<div class="section-title text-center">
<div class="section-title__tagline-box">
<span class="section-title__tagline">Countries of your choice</span>
<div class="section-title__border-box"></div>
</div>
<h2 class="section-title__title">Ready to Travel the World</h2>
</div>
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="travel-one__left">
<div class="travel-one__img">
<img src="assets/images/resources/travel-one-img-1.jpg" alt="">
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="travel-one__right">
<p class="travel-one__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="travel-one__text-2">There are many variations of passages of available but the
majority have suffered alteration in some form.</p>
<ul class="travel-one__points list-unstyled">
<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>
<div class="travel-one__btn-box">
<a href="contact.html" class="travel-one__btn thm-btn">Discover More</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Travel One End-->
<!--Gallery Two Start-->
<section class="gallery-two ">
<div class="container">
<div class="gallery-one__carousel owl-carousel owl-theme thm-owl__carousel" data-owl-options='{
"loop": true,
"autoplay": true,
"margin": 10,
"nav": false,
"dots": false,
"smartSpeed": 500,
"autoplayTimeout": 10000,
"navText": ["<span class=\"icon-up-arrow\"></span>","<span class=\"icon-down-arrow\"></span>"],
"responsive": {
"0": {
"items": 1
},
"768": {
"items": 3
},
"992": {
"items": 4
},
"1200": {
"items": 5
}
}
}'>
<!--Gallery One Single Start-->
<div class="item">
<div class="gallery-one__single">
<div class="gallery-one__img">
<img src="assets/images/gallery/gallery-1-1.jpg" alt="">
<div class="gallery-one__icon">
<a href="assets/images/gallery/gallery-1-1.jpg" class="img-popup"><i
class="icon-plus"></i></a>
</div>
</div>
</div>
</div>
<!--Gallery one Single End-->
<!--Gallery One Single Start-->
<div class="item">
<div class="gallery-one__single">
<div class="gallery-one__img">
<img src="assets/images/gallery/gallery-1-2.jpg" alt="">
<div class="gallery-one__icon">
<a href="assets/images/gallery/gallery-1-2.jpg" class="img-popup"><i
class="icon-plus"></i></a>
</div>
</div>
</div>
</div>
<!--Gallery one Single End-->
<!--Gallery One Single Start-->
<div class="item">
<div class="gallery-one__single">
<div class="gallery-one__img">
<img src="assets/images/gallery/gallery-1-3.jpg" alt="">
<div class="gallery-one__icon">
<a href="assets/images/gallery/gallery-1-3.jpg" class="img-popup"><i
class="icon-plus"></i></a>
</div>
</div>
</div>
</div>
<!--Gallery one Single End-->
<!--Gallery One Single Start-->
<div class="item">
<div class="gallery-one__single">
<div class="gallery-one__img">
<img src="assets/images/gallery/gallery-1-4.jpg" alt="">
<div class="gallery-one__icon">
<a href="assets/images/gallery/gallery-1-4.jpg" class="img-popup"><i
class="icon-plus"></i></a>
</div>
</div>
</div>
</div>
<!--Gallery one Single End-->
<!--Gallery One Single Start-->
<div class="item">
<div class="gallery-one__single">
<div class="gallery-one__img">
<img src="assets/images/gallery/gallery-1-5.jpg" alt="">
<div class="gallery-one__icon">
<a href="assets/images/gallery/gallery-1-5.jpg" class="img-popup"><i
class="icon-plus"></i></a>
</div>
</div>
</div>
</div>
<!--Gallery one Single End-->
</div>
</div>
</section>
<!--Gallery Two End-->
<!--Countries One Start-->
<section class="countries-one">
<div class="countries-one__bg"
style="background-image: url('assets/images/backgrounds/countries-one-bg.png');"></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="row">
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-1.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Germany</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-2.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">London</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-3.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Italy</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-4.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Australia</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-5.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Canada</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
<!--Countries One Single Start-->
<div class="col-xl-2 col-lg-4 col-md-6">
<div class="countries-one__single">
<div class="countries-one__img-box">
<div class="countries-one__img">
<img src="assets/images/countries/countries-1-6.jpg" alt="">
</div>
</div>
<h3 class="countries-one__title"><a href="countries-details.html">Turkey</a></h3>
<p class="countries-one__text">Nulla ut elemen
tum sapien</p>
<div class="countries-one__arrow-box">
<a href="countries-details.html" class="countries-one__arrow"><i
class="icon-right-arrow"></i></a>
</div>
</div>
</div>
<!--Countries One Single End-->
</div>
</div>
</section>
<!--Countries One End-->
<!--Brand One Start-->
<section class="brand-one countries-page-brand">
<div class="container">
<div class="brand-one__inner">
<div class="thm-swiper__slider swiper-container" data-swiper-options='{"spaceBetween": 100,
"slidesPerView": 5,
"loop": true,
"navigation": {
"nextEl": "#brand-one__swiper-button-next",
"prevEl": "#brand-one__swiper-button-prev"
},
"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-1-1.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-2.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-3.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-4.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-5.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-6.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-1.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-2.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-3.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-4.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-5.png" alt="">
</div><!-- /.swiper-slide -->
<div class="swiper-slide">
<img src="assets/images/brand/brand-1-6.png" alt="">
</div><!-- /.swiper-slide -->
</div>
</div>
</div>
</div>
</section>
<!--Brand One 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="countries.html#"><i class="fab fa-twitter"></i></a>
<a href="countries.html#"><i class="fab fa-facebook"></i></a>
<a href="countries.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="countries.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="countries.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="countries.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="countries.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="countries.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="countries.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="countries.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="countries.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="countries.html#" class="fab fa-twitter"></a>
<a href="countries.html#" class="fab fa-facebook-square"></a>
<a href="countries.html#" class="fab fa-pinterest-p"></a>
<a href="countries.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="countries.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>