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

973 lines
64 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 Sidebar || 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-sidebar.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-sidebar.html#"><i class="fab fa-twitter"></i></a>
<a href="blog-sidebar.html#"><i class="fab fa-facebook"></i></a>
<a href="blog-sidebar.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="blog-sidebar.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-sidebar.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-sidebar.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-sidebar.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-sidebar.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-sidebar.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-sidebar.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-sidebar.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 Sidebar</h2>
<ul class="thm-breadcrumb list-unstyled">
<li><a href="index.html">Home</a></li>
<li><span>-</span></li>
<li class="active">Blog Sidebar</li>
</ul>
</div>
</div>
</section>
<!--Page Header End-->
<!--Blog Sidebar Start-->
<section class="blog-sidebar">
<div class="container">
<div class="row">
<div class="col-xl-8 col-lg-7">
<div class="blog-sidebar__left">
<div class="blog-sidebar__content-box">
<div class="blog-sidebar__single">
<div class="blog-sidebar__img">
<img src="assets/images/blog/blog-sidebar-1-1.jpg" alt="">
<div class="blog-sidebar__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-sidebar__content">
<ul class="blog-sidebar__meta list-unstyled">
<li>
<a href="blog-details.html"><i class="fas fa-user-circle"></i>by
Admin</a>
</li>
<li>
<a href="blog-details.html"><i class="fas fa-comments"></i>02
Comments</a>
</li>
</ul>
<h3 class="blog-sidebar__title"><a href="blog-details.html">How to Ensure Direct
for the
Hassle-Free Visa Process</a></h3>
<p class="blog-sidebar__text">There are many variations of passages of Lorem
Ipsum available, but majority have suffered alteration in some form, by
injected humour, or randomised words which don't look even slightly
believable. If you are going to use a passage of Lorem Ipsum.</p>
<div class="blog-sidebar__btn">
<a href="blog-details.html">Read More</a>
</div>
</div>
</div>
<div class="blog-sidebar__single">
<div class="blog-sidebar__img">
<img src="assets/images/blog/blog-sidebar-1-2.jpg" alt="">
<div class="blog-sidebar__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-sidebar__content">
<ul class="blog-sidebar__meta list-unstyled">
<li>
<a href="blog-details.html"><i class="fas fa-user-circle"></i>by
Admin</a>
</li>
<li>
<a href="blog-details.html"><i class="fas fa-comments"></i>02
Comments</a>
</li>
</ul>
<h3 class="blog-sidebar__title"><a href="blog-details.html">Vaccination
Requirements for
Immigrant Visa Applicants</a></h3>
<p class="blog-sidebar__text">There are many variations of passages of Lorem
Ipsum available, but majority have suffered alteration in some form, by
injected humour, or randomised words which don't look even slightly
believable. If you are going to use a passage of Lorem Ipsum.</p>
<div class="blog-sidebar__btn">
<a href="blog-details.html">Read More</a>
</div>
</div>
</div>
<div class="blog-sidebar__single">
<div class="blog-sidebar__img">
<img src="assets/images/blog/blog-sidebar-1-3.jpg" alt="">
<div class="blog-sidebar__date">
<p>20 <span>Feb</span></p>
</div>
</div>
<div class="blog-sidebar__content">
<ul class="blog-sidebar__meta list-unstyled">
<li>
<a href="blog-details.html"><i class="fas fa-user-circle"></i>by
Admin</a>
</li>
<li>
<a href="blog-details.html"><i class="fas fa-comments"></i>02
Comments</a>
</li>
</ul>
<h3 class="blog-sidebar__title"><a href="blog-details.html">Citizenship Concept
on How to Become
a UK Resident</a></h3>
<p class="blog-sidebar__text">There are many variations of passages of Lorem
Ipsum available, but majority have suffered alteration in some form, by
injected humour, or randomised words which don't look even slightly
believable. If you are going to use a passage of Lorem Ipsum.</p>
<div class="blog-sidebar__btn">
<a href="blog-details.html">Read More</a>
</div>
</div>
</div>
</div>
<div class="blog-sidebar__bottom-box">
<div class="blog-sidebar__bottom-box-icon">
<img src="assets/images/icon/blog-sidebar-bottom-box-icon.png" alt="">
</div>
<p class="blog-sidebar__bottom-box-text">There are many variations of passages of Lorem
Ipsum available, but majority have suffered alteration in some form, by injected
humour, or randomised words which don't look even slightly believable.</p>
</div>
<div class="blog-sidebar__provide-services">
<div class="blog-sidebar__provide-services-icon">
<a href="blog-details.html"><img
src="assets/images/icon/blog-sidebar-provide-services-icon.png" alt=""></a>
</div>
<h3 class="blog-sidebar__provide-services-title"><a href="blog-details.html">Providing
the Best Visa Services</a></h3>
</div>
<div class="blog-sidebar__load-more">
<a href="blog-details.html" class="thm-btn blog-sidebar__load-more-btn">Load More
Posts</a>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-5 blog-sidebar__col">
<div class="blog-sidebar__right">
<div class="sidebar">
<div class="sidebar__search">
<form action="#" class="sidebar__search-form">
<input type="search" placeholder="Keywrord...">
<button type="submit"><i class="icon-magnifying-glass"></i></button>
</form>
</div>
<div class="sidebar__post">
<h3 class="sidebar__title">Latest Posts</h3>
<ul class="sidebar__post-list list-unstyled">
<li>
<div class="sidebar__post-image">
<img src="assets/images/blog/lp-1-1.jpg" alt="">
</div>
<div class="sidebar__post-content">
<h3>
<a href="blog-details.html">Learn How to Apply for <br> a Canada
Visa</a>
</h3>
<span class="sidebar__post-content-meta"><i class="fas fa-clock"></i>20
Feb, 2023</span>
</div>
</li>
<li>
<div class="sidebar__post-image">
<img src="assets/images/blog/lp-1-2.jpg" alt="">
</div>
<div class="sidebar__post-content">
<h3>
<a href="blog-details.html">Bring to the table <br> win-win
survival</a>
</h3>
<span class="sidebar__post-content-meta"><i class="fas fa-clock"></i>20
Feb, 2023</span>
</div>
</li>
<li>
<div class="sidebar__post-image">
<img src="assets/images/blog/lp-1-3.jpg" alt="">
</div>
<div class="sidebar__post-content">
<div class="sidebar__post-content">
<h3>
<a href="blog-details.html">There are many <br> variations
of</a>
</h3>
<span class="sidebar__post-content-meta"><i
class="fas fa-clock"></i>20
Feb, 2023</span>
</div>
</div>
</li>
</ul>
</div>
<div class="sidebar__category">
<h3 class="sidebar__title">Categories</h3>
<ul class="sidebar__category-list list-unstyled">
<li><a href="blog-details.html">Immigration<span
class="fas fa-caret-right"></span></a>
</li>
<li><a href="blog-details.html">Visa Process<span
class="fas fa-caret-right"></span></a>
</li>
<li><a href="blog-details.html">Permanent Residency<span
class="fas fa-caret-right"></span></a>
</li>
<li><a href="blog-details.html">Citizenship<span
class="fas fa-caret-right"></span></a>
</li>
<li><a href="blog-details.html">Government<span
class="fas fa-caret-right"></span></a>
</li>
</ul>
</div>
<div class="sidebar__project">
<h3 class="sidebar__title">Projects</h3>
<div class="sidebar__project-box">
<div class="sidebar__project-carousel owl-carousel owl-theme thm-owl__carousel"
data-owl-options='{
"loop": true,
"autoplay": true,
"margin": 30,
"nav": false,
"dots": true,
"smartSpeed": 500,
"autoplayTimeout": 10000,
"navText": ["<span class=\"icon-right-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"],
"responsive": {
"0": {
"items": 1
},
"768": {
"items": 1
},
"992": {
"items": 1
},
"1200": {
"items": 1
}
}
}'>
<div class="item">
<div class="sidebar__project-single">
<div class="sidebar__project-bg"
style="background-image: url('assets/images/backgrounds/sidebar-project-bg.jpg');">
</div>
<p>Traveling Visa</p>
</div>
</div>
<div class="item">
<div class="sidebar__project-single">
<div class="sidebar__project-bg"
style="background-image: url('assets/images/backgrounds/sidebar-project-bg-2.jpg');">
</div>
<p>Student Visa</p>
</div>
</div>
</div>
</div>
</div>
<div class="sidebar__tags">
<h3 class="sidebar__title">Tags</h3>
<div class="sidebar__tags-list">
<a href="blog-sidebar.html#">Immigration</a>
<a href="blog-sidebar.html#">Citizenship</a>
<a href="blog-sidebar.html#">Visa</a>
<a href="blog-sidebar.html#">Traveling</a>
<a href="blog-sidebar.html#">Consulting</a>
</div>
</div>
<div class="sidebar__comments">
<h3 class="sidebar__title">Comments</h3>
<ul class="sidebar__comments-list list-unstyled">
<li>
<div class="sidebar__comments-icon">
<i class="fas fa-comment"></i>
</div>
<div class="sidebar__comments-text-box">
<p>A Wordpress Commenter
<br> on Launch New Mobile App</p>
</div>
</li>
<li>
<div class="sidebar__comments-icon">
<i class="fas fa-comment"></i>
</div>
<div class="sidebar__comments-text-box">
<p> <span>John Doe</span> on Template:
Comments</p>
</div>
</li>
<li>
<div class="sidebar__comments-icon">
<i class="fas fa-comment"></i>
</div>
<div class="sidebar__comments-text-box">
<p>A Wordpress Commenter on
<br> Launch New Mobile App</p>
</div>
</li>
<li>
<div class="sidebar__comments-icon">
<i class="fas fa-comment"></i>
</div>
<div class="sidebar__comments-text-box">
<p> <span>John Doe</span> on Template:
Comments</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Blog Sidebar 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-sidebar.html#"><i class="fab fa-twitter"></i></a>
<a href="blog-sidebar.html#"><i class="fab fa-facebook"></i></a>
<a href="blog-sidebar.html#"><i class="fab fa-pinterest-p"></i></a>
<a href="blog-sidebar.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-sidebar.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-sidebar.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-sidebar.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-sidebar.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-sidebar.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-sidebar.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-sidebar.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-sidebar.html#" class="fab fa-twitter"></a>
<a href="blog-sidebar.html#" class="fab fa-facebook-square"></a>
<a href="blog-sidebar.html#" class="fab fa-pinterest-p"></a>
<a href="blog-sidebar.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-sidebar.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>