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

933 lines
58 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> Blog || 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="blog.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="blog.html#"><i class="fab fa-twitter"></i></a>
<a href="blog.html#"><i class="fab fa-facebook"></i></a>
<a href="blog.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="blog.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="blog.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="blog.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="blog.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="blog.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="blog.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="blog.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="blog.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>Blog Posts</h2>
<ul class="thm-breadcrumb list-unstyled">
<li><a href="index.html">Home</a></li>
<li><span>-</span></li>
<li class="active">Blog Posts</li>
</ul>
</div>
</div>
</section>
<!--Page Header End-->
<!--Blog One Start-->
<section class="blog-page">
<div class="container">
<div class="row">
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img">
<img src="assets/images/blog/blog-1-1.jpg" alt="">
<a href="blog-details.html">
<span class="blog-one__plus"></span>
</a>
</div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img">
<img src="assets/images/blog/blog-one-user-img-1.jpg" alt="">
</div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.html">Vaccination Requirements for
Immigrant
Visa Applicants</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img">
<img src="assets/images/blog/blog-1-2.jpg" alt="">
<a href="blog-details.html">
<span class="blog-one__plus"></span>
</a>
</div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img">
<img src="assets/images/blog/blog-one-user-img-1.jpg" alt="">
</div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.html">How to Ensure Direct for the
Hassle-Free Visa Process</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img">
<img src="assets/images/blog/blog-1-3.jpg" alt="">
<a href="blog-details.html">
<span class="blog-one__plus"></span>
</a>
</div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img">
<img src="assets/images/blog/blog-one-user-img-1.jpg" alt="">
</div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.html">Citizenship Concept on How to
Become a UK Resident</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img">
<img src="assets/images/blog/blog-1-4.jpg" alt="">
<a href="blog-details.html">
<span class="blog-one__plus"></span>
</a>
</div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img">
<img src="assets/images/blog/blog-one-user-img-1.jpg" alt="">
</div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.html">It has survived not only five
centuries, but also</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img">
<img src="assets/images/blog/blog-1-5.jpg" alt="">
<a href="blog-details.html">
<span class="blog-one__plus"></span>
</a>
</div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img">
<img src="assets/images/blog/blog-one-user-img-1.jpg" alt="">
</div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.html">When an unknown printer took a
galley of type</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
<!--Blog One Single Start-->
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="blog-one__single">
<div class="blog-one__img-box">
<div class="blog-one__img">
<img src="assets/images/blog/blog-1-6.jpg" alt="">
<a href="blog-details.html">
<span class="blog-one__plus"></span>
</a>
</div>
<div class="blog-one__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-one__content">
<div class="blog-one__tag-and-user">
<div class="blog-one__tag">
<p>Immigration</p>
</div>
<div class="blog-one__user">
<div class="img">
<img src="assets/images/blog/blog-one-user-img-1.jpg" alt="">
</div>
<div class="text">
<p>by Admin</p>
</div>
</div>
</div>
<h3 class="blog-one__title"><a href="blog-details.html">There are many of simple lorem
available for not</a></h3>
<div class="blog-one__comment-and-arrow">
<div class="blog-one__comment">
<p><span class="fas fa-comments"></span> 02 Comments</p>
</div>
<div class="blog-one__arrow">
<a href="blog-details.html"><i class="icon-up-right"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--Blog One Single End-->
</div>
</div>
</section>
<!--Blog 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="blog.html#"><i class="fab fa-twitter"></i></a>
<a href="blog.html#"><i class="fab fa-facebook"></i></a>
<a href="blog.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="blog.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="blog.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="blog.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="blog.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="blog.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="blog.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="blog.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="blog.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="blog.html#" class="fab fa-twitter"></a>
<a href="blog.html#" class="fab fa-facebook-square"></a>
<a href="blog.html#" class="fab fa-pinterest-p"></a>
<a href="blog.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="blog.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>