rohini/pages/products.html

1015 lines
69 KiB
HTML
Raw Permalink 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> Products || 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="products.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="products.html#"><i class="fab fa-twitter"></i></a>
<a href="products.html#"><i class="fab fa-facebook"></i></a>
<a href="products.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="products.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="products.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="products.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="products.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="products.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="products.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="products.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="products.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>Products</h2>
<ul class="thm-breadcrumb list-unstyled">
<li><a href="index.html">Home</a></li>
<li><span>-</span></li>
<li class="active">Shop</li>
</ul>
</div>
</div>
</section>
<!--Page Header End-->
<!--Product Start-->
<section class="product">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-3">
<div class="product__sidebar">
<div class="shop-search product__sidebar-single">
<form action="#">
<input type="text" placeholder="Keywrord...">
</form>
</div>
<div class="product__price-ranger product__sidebar-single">
<h3 class="product__sidebar-title">Price</h3>
<div class="price-ranger">
<div id="slider-range"></div>
<div class="ranger-min-max-block">
<input type="text" readonly class="min">
<span>-</span>
<input type="text" readonly class="max">
<input type="submit" value="Filter">
</div>
</div>
</div>
<div class="shop-category product__sidebar-single">
<h3 class="product__sidebar-title">Categories</h3>
<ul class="list-unstyled">
<li><a href="products.html#">Immigration</a></li>
<li class="active"><a href="products.html#">Visa Process</a></li>
<li><a href="products.html#">Permanent Residency</a></li>
<li><a href="products.html#">Citizenship</a></li>
<li><a href="products.html#">Government</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-9">
<div class="product__items">
<div class="row">
<div class="col-xl-12">
<div class="product__showing-result">
<div class="product__showing-text-box">
<p class="product__showing-text">Showing 19 of 12 results</p>
</div>
<div class="product__showing-sort">
<select class="selectpicker" aria-label="Default select example">
<option selected>Sort by popular</option>
<option value="1">Sort by popular-01</option>
<option value="2">Sort by popular-02</option>
<option value="3">Sort by popular-03</option>
</select>
</div>
</div>
</div>
</div>
<div class="product__all">
<div class="row">
<!--Product All Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="product__all-single">
<div class="product__all-single-inner">
<div class="product__all-img">
<img src="assets/images/shop/shop-product-1-1.jpg" alt="">
</div>
<div class="product__all-content">
<div class="product__all-review">
<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>
<h4 class="product__all-title"><a href="product-details.html">Boss
Sofa</a></h4>
<p class="product__all-price">$82.00</p>
<div class="product__all-btn-box">
<a href="cart.html" class="thm-btn product__all-btn">Add to
Cart</a>
</div>
</div>
<div class="products__all-icon-boxes">
<a href="products.html#"><i class="far fa-heart"></i></a>
<a href="products.html#"><i class="fas fa-eye"></i></a>
</div>
</div>
</div>
</div>
<!--Product All Single End-->
<!--Product All Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="product__all-single">
<div class="product__all-single-inner">
<div class="product__all-img">
<img src="assets/images/shop/shop-product-1-2.jpg" alt="">
</div>
<div class="product__all-content">
<div class="product__all-review">
<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>
<h4 class="product__all-title"><a href="product-details.html">Office
Chair</a></h4>
<p class="product__all-price">$78.00</p>
<div class="product__all-btn-box">
<a href="cart.html" class="thm-btn product__all-btn">Add to
Cart</a>
</div>
</div>
<div class="products__all-icon-boxes">
<a href="products.html#"><i class="far fa-heart"></i></a>
<a href="products.html#"><i class="fas fa-eye"></i></a>
</div>
</div>
</div>
</div>
<!--Product All Single End-->
<!--Product All Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="product__all-single">
<div class="product__all-single-inner">
<div class="product__all-img">
<img src="assets/images/shop/shop-product-1-3.jpg" alt="">
</div>
<div class="product__all-content">
<div class="product__all-review">
<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>
<h4 class="product__all-title"><a href="product-details.html">Long
Stool</a></h4>
<p class="product__all-price">$33.00</p>
<div class="product__all-btn-box">
<a href="cart.html" class="thm-btn product__all-btn">Add to
Cart</a>
</div>
</div>
<div class="products__all-icon-boxes">
<a href="products.html#"><i class="far fa-heart"></i></a>
<a href="products.html#"><i class="fas fa-eye"></i></a>
</div>
</div>
</div>
</div>
<!--Product All Single End-->
<!--Product All Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="product__all-single">
<div class="product__all-single-inner">
<div class="product__all-img">
<img src="assets/images/shop/shop-product-1-4.jpg" alt="">
</div>
<div class="product__all-content">
<div class="product__all-review">
<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>
<h4 class="product__all-title"><a href="product-details.html">Round
Chair</a></h4>
<p class="product__all-price">$49.00</p>
<div class="product__all-btn-box">
<a href="cart.html" class="thm-btn product__all-btn">Add to
Cart</a>
</div>
</div>
<div class="products__all-icon-boxes">
<a href="products.html#"><i class="far fa-heart"></i></a>
<a href="products.html#"><i class="fas fa-eye"></i></a>
</div>
</div>
</div>
</div>
<!--Product All Single End-->
<!--Product All Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="product__all-single">
<div class="product__all-single-inner">
<div class="product__all-img">
<img src="assets/images/shop/shop-product-1-5.jpg" alt="">
</div>
<div class="product__all-content">
<div class="product__all-review">
<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>
<h4 class="product__all-title"><a href="product-details.html">Sofa
Chair</a></h4>
<p class="product__all-price">$31.00</p>
<div class="product__all-btn-box">
<a href="cart.html" class="thm-btn product__all-btn">Add to
Cart</a>
</div>
</div>
<div class="products__all-icon-boxes">
<a href="products.html#"><i class="far fa-heart"></i></a>
<a href="products.html#"><i class="fas fa-eye"></i></a>
</div>
</div>
</div>
</div>
<!--Product All Single End-->
<!--Product All Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="product__all-single">
<div class="product__all-single-inner">
<div class="product__all-img">
<img src="assets/images/shop/shop-product-1-6.jpg" alt="">
</div>
<div class="product__all-content">
<div class="product__all-review">
<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>
<h4 class="product__all-title"><a href="product-details.html">White
Chair</a></h4>
<p class="product__all-price">$50.00</p>
<div class="product__all-btn-box">
<a href="cart.html" class="thm-btn product__all-btn">Add to
Cart</a>
</div>
</div>
<div class="products__all-icon-boxes">
<a href="products.html#"><i class="far fa-heart"></i></a>
<a href="products.html#"><i class="fas fa-eye"></i></a>
</div>
</div>
</div>
</div>
<!--Product All Single End-->
<!--Product All Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="product__all-single">
<div class="product__all-single-inner">
<div class="product__all-img">
<img src="assets/images/shop/shop-product-1-7.jpg" alt="">
</div>
<div class="product__all-content">
<div class="product__all-review">
<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>
<h4 class="product__all-title"><a href="product-details.html">Wood
Stool</a></h4>
<p class="product__all-price">$15.00</p>
<div class="product__all-btn-box">
<a href="cart.html" class="thm-btn product__all-btn">Add to
Cart</a>
</div>
</div>
<div class="products__all-icon-boxes">
<a href="products.html#"><i class="far fa-heart"></i></a>
<a href="products.html#"><i class="fas fa-eye"></i></a>
</div>
</div>
</div>
</div>
<!--Product All Single End-->
<!--Product All Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="product__all-single">
<div class="product__all-single-inner">
<div class="product__all-img">
<img src="assets/images/shop/shop-product-1-8.jpg" alt="">
</div>
<div class="product__all-content">
<div class="product__all-review">
<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>
<h4 class="product__all-title"><a href="product-details.html">Sofa
Seat</a></h4>
<p class="product__all-price">$27.00</p>
<div class="product__all-btn-box">
<a href="cart.html" class="thm-btn product__all-btn">Add to
Cart</a>
</div>
</div>
<div class="products__all-icon-boxes">
<a href="products.html#"><i class="far fa-heart"></i></a>
<a href="products.html#"><i class="fas fa-eye"></i></a>
</div>
</div>
</div>
</div>
<!--Product All Single End-->
<!--Product All Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="product__all-single">
<div class="product__all-single-inner">
<div class="product__all-img">
<img src="assets/images/shop/shop-product-1-9.jpg" alt="">
</div>
<div class="product__all-content">
<div class="product__all-review">
<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>
<h4 class="product__all-title"><a href="product-details.html">Long
Chair</a></h4>
<p class="product__all-price">$86.00</p>
<div class="product__all-btn-box">
<a href="cart.html" class="thm-btn product__all-btn">Add to
Cart</a>
</div>
</div>
<div class="products__all-icon-boxes">
<a href="products.html#"><i class="far fa-heart"></i></a>
<a href="products.html#"><i class="fas fa-eye"></i></a>
</div>
</div>
</div>
</div>
<!--Product All Single End-->
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Product 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="products.html#"><i class="fab fa-twitter"></i></a>
<a href="products.html#"><i class="fab fa-facebook"></i></a>
<a href="products.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="products.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="products.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="products.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="products.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="products.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="products.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="products.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="products.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="products.html#" class="fab fa-twitter"></a>
<a href="products.html#" class="fab fa-facebook-square"></a>
<a href="products.html#" class="fab fa-pinterest-p"></a>
<a href="products.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="products.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>