D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
travexx
/
www
/
htmlpages
/
Filename :
blog-list.html
back
Copy
<!DOCTYPE html> <html lang="zxx"> <head> <!--====== Required meta tags ======--> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="description" content="Adventure, Tours, Travel"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!--====== Title ======--> <title>Gowilds - Tours and Travel HTML Template</title> <!--====== Favicon Icon ======--> <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/png"> <!--====== Google Fonts ======--> <link href="../../css2?family=Prompt:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> <!--====== Flaticon css ======--> <link rel="stylesheet" href="assets/fonts/flaticon/flaticon_gowilds.css"> <!--====== FontAwesome css ======--> <link rel="stylesheet" href="assets/fonts/fontawesome/css/all.min.css"> <!--====== Bootstrap css ======--> <link rel="stylesheet" href="assets/vendor/bootstrap/css/bootstrap.min.css"> <!--====== magnific-popup css ======--> <link rel="stylesheet" href="assets/vendor/magnific-popup/dist/magnific-popup.css"> <!--====== Slick-popup css ======--> <link rel="stylesheet" href="assets/vendor/slick/slick.css"> <!--====== Jquery UI css ======--> <link rel="stylesheet" href="assets/vendor/jquery-ui/jquery-ui.min.css"> <!--====== Nice Select css ======--> <link rel="stylesheet" href="assets/vendor/nice-select/css/nice-select.css"> <!--====== Animate css ======--> <link rel="stylesheet" href="assets/vendor/animate.css"> <!--====== Default css ======--> <link rel="stylesheet" href="assets/css/default.css"> <!--====== Style css ======--> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <!--====== Start Preloader ======--> <div class="preloader"> <div class="loader"> <div class="pre-shadow"></div> <div class="pre-box"></div> </div> </div><!--====== End Preloader ======--> <!--====== Search From ======--> <div class="modal fade search-modal" id="search-modal"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <form> <div class="form_group"> <input type="search" class="form_control" placeholder="Search here" name="search"> <label><i class="fa fa-search"></i></label> </div> </form> </div> </div> </div><!--====== Search From ======--> <!--====== Start Header ======--> <header class="header-area header-three"> <!--====== Header Top Bar ======--> <div class="header-top-bar pt-30 pb-30"> <div class="container-fluid"> <div class="row"> <div class="col-xl-3 d-none d-xl-block"> <!--====== Site Branding ======--> <div class="site-brading"> <a href="index-3.html" class="brand-logo"><img src="assets/images/logo/logo-black.png" alt="Logo"></a> </div> </div> <div class="col-xl-9 col-lg-12"> <!--====== Information Wrapper ======--> <div class="information-wrapper"> <div class="row"> <div class="col-lg-4"> <div class="single-info-item-two"> <div class="inner-info"> <div class="icon"> <i class="far fa-map-marker-alt"></i> </div> <div class="info"> <span class="title">Office Address</span> <h5>583 Main Street, USA</h5> </div> </div> </div> </div> <div class="col-lg-4"> <div class="single-info-item-two"> <div class="inner-info"> <div class="icon"> <i class="far fa-envelope"></i> </div> <div class="info"> <span class="title">Email Address</span> <h5><a href="/cdn-cgi/l/email-protection#c7b4b2b7b7a8b5b387a0aaa6aeabe9a4a8aa"><span class="__cf_email__" data-cfemail="91e2e4e1e1fee3e5d1f6fcf0f8fdbff2fefc">[email protected]</span></a></h5> </div> </div> </div> </div> <div class="col-lg-4"> <div class="single-info-item-two"> <div class="inner-info"> <div class="icon"> <i class="far fa-phone-plus"></i> </div> <div class="info"> <span class="title">Drop a Line</span> <h5><a href="tel:+000(123)45688">+000 (123) 456 88</a></h5> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!--====== Header Navigation ======--> <div class="header-navigation"> <div class="nav-overlay"></div> <div class="container-fluid"> <div class="primary-menu gray-bg"> <!--====== Site Branding ======--> <div class="site-brading d-block d-xl-none"> <a href="index-3.html" class="brand-logo"><img src="assets/images/logo/logo-black.png" alt="Logo"></a> </div> <!--====== Nav Menu ======--> <div class="nav-menu"> <!--====== Site Branding ======--> <div class="mobile-logo mb-30 d-block d-xl-none"> <a href="index.html" class="brand-logo"><img src="assets/images/logo/logo-black.png" alt="Site Logo"></a> </div> <!--=== Nav Search ===--> <div class="nav-search mb-30 d-block d-xl-none "> <form> <div class="form_group"> <input type="email" class="form_control" placeholder="Search Here" name="email" required=""> <button class="search-btn"><i class="fas fa-search"></i></button> </div> </form> </div> <!--====== Main Menu ======--> <nav class="main-menu"> <ul> <li class="menu-item has-children"><a href="#">Home</a> <ul class="sub-menu"> <li><a href="index.html">Home 01</a></li> <li><a href="index-2.html">Home 02</a></li> <li><a href="index-3.html">Home 03</a></li> <li><a href="index-4.html">Home 04</a></li> </ul> </li> <li class="menu-item has-children"><a href="#">Tours</a> <ul class="sub-menu"> <li><a href="tour.html">Tours</a></li> <li><a href="tour-details.html">Tours Details</a></li> </ul> </li> <li class="menu-item has-children"><a href="#">Destination</a> <ul class="sub-menu"> <li><a href="destination.html">Destination</a></li> <li><a href="destination-details.html">Destination Details</a></li> </ul> </li> <li class="menu-item has-children"><a href="#">Blog</a> <ul class="sub-menu"> <li><a href="blog-list.html">Blog List</a></li> <li><a href="blog-details.html">Blog Details</a></li> </ul> </li> <li class="menu-item has-children"><a href="#">Pages</a> <ul class="sub-menu"> <li><a href="about.html">About Us</a></li> <li><a href="gallery.html">Our Gallery</a></li> <li><a href="events.html">Our Events</a></li> <li><a href="shop.html">Our Shop</a></li> <li><a href="product-details.html">Product Details</a></li> <li><a href="contact.html">Contact</a></li> </ul> </li> <li class="menu-item search-item"> <div class="search-btn" data-bs-toggle="modal" data-bs-target="#search-modal"><i class="far fa-search"></i></div> </li> </ul> </nav> <!--====== Menu Button ======--> <div class="menu-button mt-40 d-xl-none"> <a href="contact.html" class="main-btn secondary-btn">Book Now<i class="fas fa-paper-plane"></i></a> </div> </div> <!--====== Nav Right Item ======--> <div class="nav-right-item"> <div class="lang-dropdown"> <select class="wide"> <option value="English">English</option> <option value="French">French</option> </select> </div> <div class="menu-button d-xl-block d-none"> <a href="contact.html" class="main-btn primary-btn">Book Now<i class="fas fa-paper-plane"></i></a> </div> <div class="navbar-toggler"> <span></span> <span></span> <span></span> </div> </div> </div> </div> </div> </header><!--====== End Header ======--> <!--====== Start Breadcrumb Section ======--> <section class="page-banner overlay pt-170 pb-170 bg_cover" style="background-image: url(assets/images/bg/page-bg.jpg);"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-10"> <div class="page-banner-content text-center text-white"> <h1 class="page-title">Blog List</h1> <ul class="breadcrumb-link text-white"> <li><a href="index.html">Home</a></li> <li class="active">Blog List</li> </ul> </div> </div> </div> </div> </section><!--====== End Breadcrumb Section ======--> <!--====== Start Blog Section ======--> <section class="blog-list-section pt-100 pb-70"> <div class="container"> <div class="row"> <div class="col-xl-8"> <!--=== Blog List Wrapper ===--> <div class="blog-list-wrapper"> <!--=== Single Blog Post ===--> <div class="single-blog-post-four mb-30 wow fadeInDown"> <div class="post-thumbnail"> <img src="assets/images/blog/blog-13.jpg" alt="Post Image"> </div> <div class="entry-content"> <div class="post-meta"> <span><i class="far fa-calendar-alt"></i><a href="#">November 15, 2022</a></span> </div> <h3 class="title"><a href="blog-details.html">Meet Skeleton Svelte Taile Sindey For Reactive UIs</a></h3> <h6 class="author"><i class="far fa-user"></i><a href="#">Matthew N. Davis</a></h6> <a href="blog-details.html" class="main-btn filled-btn">Read More<i class="fas fa-paper-plane"></i></a> </div> </div> <!--=== Single Blog Post ===--> <div class="single-blog-post-four mb-30 wow fadeInDown"> <div class="post-thumbnail"> <img src="assets/images/blog/blog-14.jpg" alt="Post Image"> </div> <div class="entry-content"> <div class="post-meta"> <span><i class="far fa-calendar-alt"></i><a href="#">November 15, 2022</a></span> </div> <h3 class="title"><a href="blog-details.html">Resolving Conflicts Between Designers And Engineers</a></h3> <h6 class="author"><i class="far fa-user"></i><a href="#">Matthew N. Davis</a></h6> <a href="blog-details.html" class="main-btn filled-btn">Read More<i class="fas fa-paper-plane"></i></a> </div> </div> <!--=== Single Blog Post ===--> <div class="single-blog-post-four mb-30 wow fadeInDown"> <div class="post-thumbnail"> <img src="assets/images/blog/blog-15.jpg" alt="Post Image"> </div> <div class="entry-content"> <div class="post-meta"> <span><i class="far fa-calendar-alt"></i><a href="#">November 15, 2022</a></span> </div> <h3 class="title"><a href="blog-details.html">Meet Skeleton Svelte Taile Sindey For Reactive UIs</a></h3> <h6 class="author"><i class="far fa-user"></i><a href="#">Matthew N. Davis</a></h6> <a href="blog-details.html" class="main-btn filled-btn">Read More<i class="fas fa-paper-plane"></i></a> </div> </div> <!--=== Single Blog Post ===--> <div class="single-blog-post-four mb-30 wow fadeInDown"> <div class="post-thumbnail"> <img src="assets/images/blog/blog-16.jpg" alt="Post Image"> </div> <div class="entry-content"> <div class="post-meta"> <span><i class="far fa-calendar-alt"></i><a href="#">November 15, 2022</a></span> </div> <h3 class="title"><a href="blog-details.html">Using Automated To Results Improve Accessibility</a></h3> <h6 class="author"><i class="far fa-user"></i><a href="#">Matthew N. Davis</a></h6> <a href="blog-details.html" class="main-btn filled-btn">Read More<i class="fas fa-paper-plane"></i></a> </div> </div> <!--=== Single Blog Post ===--> <div class="single-blog-post-four mb-30 wow fadeInDown"> <div class="post-thumbnail"> <img src="assets/images/blog/blog-17.jpg" alt="Post Image"> </div> <div class="entry-content"> <div class="post-meta"> <span><i class="far fa-calendar-alt"></i><a href="#">November 15, 2022</a></span> </div> <h3 class="title"><a href="blog-details.html">Usability Journey Of Drupal’s Primary Navigation</a></h3> <h6 class="author"><i class="far fa-user"></i><a href="#">Matthew N. Davis</a></h6> <a href="blog-details.html" class="main-btn filled-btn">Read More<i class="fas fa-paper-plane"></i></a> </div> </div> <!--=== Single Blog Post ===--> <div class="single-blog-post-four mb-30 wow fadeInDown"> <div class="post-thumbnail"> <img src="assets/images/blog/blog-18.jpg" alt="Post Image"> </div> <div class="entry-content"> <div class="post-meta"> <span><i class="far fa-calendar-alt"></i><a href="#">November 15, 2022</a></span> </div> <h3 class="title"><a href="blog-details.html">Voice Usability Consideration For Partially Visually</a></h3> <h6 class="author"><i class="far fa-user"></i><a href="#">Matthew N. Davis</a></h6> <a href="blog-details.html" class="main-btn filled-btn">Read More<i class="fas fa-paper-plane"></i></a> </div> </div> </div> <!--=== Pagination ===--> <ul class="gowilds-pagination wow fadeInDown mt-60 mb-30"> <li><a href="#"><i class="far fa-arrow-left"></i></a></li> <li><a href="#" class="active">01</a></li> <li><a href="#">02</a></li> <li><a href="#">03</a></li> <li><a href="#">04</a></li> <li><a href="#"><i class="far fa-arrow-right"></i></a></li> </ul> </div> <div class="col-xl-4"> <div class="sidebar-widget-area"> <!--=== Search Widget ===--> <div class="sidebar-widget search-widget mb-30 wow fadeInUp"> <h4 class="widget-title">Search</h4> <form> <div class="form_group"> <label><i class="far fa-search"></i></label> <input type="text" class="form_control" placeholder="Keywords" name="search" required=""> </div> </form> </div> <!--=== Category Widget ===--> <div class="sidebar-widget category-widget mb-30 wow fadeInUp"> <h4 class="widget-title">Category</h4> <ul class="category-nav"> <li><a href="#">Tent Camping<i class="far fa-arrow-right"></i></a></li> <li><a href="#">Family Camping<i class="far fa-arrow-right"></i></a></li> <li><a href="#">Wild Camping<i class="far fa-arrow-right"></i></a></li> <li><a href="#">Campfire <i class="far fa-arrow-right"></i></a></li> <li><a href="#">Luxury Cabin <i class="far fa-arrow-right"></i></a></li> </ul> </div> <!--=== Recent Post Widget ===--> <div class="sidebar-widget recent-post-widget mb-40 wow fadeInUp"> <h4 class="widget-title">Recent News</h4> <ul class="recent-post-list"> <li class="post-thumbnail-content"> <img src="assets/images/blog/post-thumb-1.jpg" alt="post thumb"> <div class="post-title-date"> <h5><a href="blog-details.html">Quality Assurance Requirements Web Dev Risk Manage</a></h5> <span class="posted-on"><i class="far fa-calendar-alt"></i><a href="#">November 23,2022</a></span> </div> </li> <li class="post-thumbnail-content"> <img src="assets/images/blog/post-thumb-2.jpg" alt="post thumb"> <div class="post-title-date"> <h5><a href="blog-details.html">Deep Div Wonder World Of Displaem Filtering</a></h5> <span class="posted-on"><i class="far fa-calendar-alt"></i><a href="#">November 23,2022</a></span> </div> </li> <li class="post-thumbnail-content"> <img src="assets/images/blog/post-thumb-3.jpg" alt="post thumb"> <div class="post-title-date"> <h5><a href="blog-details.html">Handling Mountin mountin Naviation Routes In Native</a></h5> <span class="posted-on"><i class="far fa-calendar-alt"></i><a href="#">November 23,2022</a></span> </div> </li> </ul> </div> <!--=== Banner Widget ===--> <div class="sidebar-widget sidebar-banner-widget wow fadeInUp mb-40"> <div class="banner-widget-content"> <div class="banner-img"> <img src="assets/images/blog/banner-1.jpg" alt="Post Banner"> <div class="hover-overlay"> <div class="hover-content"> <h4 class="title"><a href="#">Swimming Pool</a></h4> <p><i class="fas fa-map-marker-alt"></i>Marrakesh, Morocco</p> </div> </div> </div> </div> </div> <!--=== Tag Widget ===--> <div class="sidebar-widget tag-cloud-widget gray-bg mb-40 wow fadeInUp"> <h4 class="widget-title">Products Tags</h4> <a href="#">Camping</a> <a href="#">Tent Camp</a> <a href="#">Campfire</a> <a href="#">Luxury Cabin</a> <a href="#">Safari Tent</a> <a href="#">House Tree</a> </div> </div> </div> </div> </div> </section><!--====== End Blog Section ======--> <!--====== Start Gallery Section ======--> <section class="gallery-section mbm-150"> <div class="container-fluid"> <div class="slider-active-5-item wow fadeInUp"> <!--=== Single Gallery Item ===--> <div class="single-gallery-item"> <div class="gallery-img"> <img src="assets/images/gallery/gl-1.jpg" alt="Gallery Image"> <div class="hover-overlay"> <a href="assets/images/gallery/gl-1.jpg" class="icon-btn img-popup"><i class="far fa-plus"></i></a> </div> </div> </div> <!--=== Single Gallery Item ===--> <div class="single-gallery-item"> <div class="gallery-img"> <img src="assets/images/gallery/gl-2.jpg" alt="Gallery Image"> <div class="hover-overlay"> <a href="assets/images/gallery/gl-2.jpg" class="icon-btn img-popup"><i class="far fa-plus"></i></a> </div> </div> </div> <!--=== Single Gallery Item ===--> <div class="single-gallery-item"> <div class="gallery-img"> <img src="assets/images/gallery/gl-3.jpg" alt="Gallery Image"> <div class="hover-overlay"> <a href="assets/images/gallery/gl-3.jpg" class="icon-btn img-popup"><i class="far fa-plus"></i></a> </div> </div> </div> <!--=== Single Gallery Item ===--> <div class="single-gallery-item"> <div class="gallery-img"> <img src="assets/images/gallery/gl-4.jpg" alt="Gallery Image"> <div class="hover-overlay"> <a href="assets/images/gallery/gl-4.jpg" class="icon-btn img-popup"><i class="far fa-plus"></i></a> </div> </div> </div> <!--=== Single Gallery Item ===--> <div class="single-gallery-item"> <div class="gallery-img"> <img src="assets/images/gallery/gl-5.jpg" alt="Gallery Image"> <div class="hover-overlay"> <a href="assets/images/gallery/gl-5.jpg" class="icon-btn img-popup"><i class="far fa-plus"></i></a> </div> </div> </div> <!--=== Single Gallery Item ===--> <div class="single-gallery-item"> <div class="gallery-img"> <img src="assets/images/gallery/gl-3.jpg" alt="Gallery Image"> <div class="hover-overlay"> <a href="assets/images/gallery/gl-3.jpg" class="icon-btn img-popup"><i class="far fa-plus"></i></a> </div> </div> </div> </div> </div> </section><!--====== End Gallery Section ======--> <!--====== Start Footer ======--> <footer class="main-footer black-bg pt-230"> <div class="container"> <!--=== Footer CTA ===--> <div class="footer-cta pb-40"> <div class="row"> <div class="col-lg-6"> <!--=== Single CTA Item ===--> <div class="single-cta-item pr-lg-60 mb-40 wow fadeInLeft"> <div class="icon"> <img src="assets/images/icon/support.png" alt="Icon"> </div> <div class="content"> <h3 class="title">Need Any Support For Tour & Travels ?</h3> <a href="#" class="icon-btn"><i class="far fa-long-arrow-right"></i></a> </div> </div> </div> <div class="col-lg-6"> <!--=== Single CTA Item ===--> <div class="single-cta-item pl-lg-60 mb-40 wow fadeInRight"> <div class="icon"> <img src="assets/images/icon/travel.png" alt="Icon"> </div> <div class="content"> <h3 class="title">Ready to Get Started With Vacations!</h3> <a href="#" class="icon-btn"><i class="far fa-long-arrow-right"></i></a> </div> </div> </div> </div> </div> <!--=== Footer Widget ===--> <div class="footer-widget-area pt-75 pb-30"> <div class="row"> <div class="col-lg-3 col-md-6"> <!--=== Footer Widget ===--> <div class="footer-widget about-company-widget mb-40 wow fadeInUp"> <h4 class="widget-title">About</h4> <div class="footer-content"> <p>To take trivial example which us ever undertakes laborious physica exercise except obsome</p> <a href="#" class="footer-logo"><img src="assets/images/logo/logo-white.png" alt="Site Logo"></a> </div> </div> </div> <div class="col-lg-5 col-md-6"> <!--=== Footer Widget ===--> <div class="footer-widget service-nav-widget mb-40 pl-lg-70 wow fadeInDown"> <h4 class="widget-title">Services</h4> <div class="footer-content"> <ul class="footer-widget-nav"> <li><a href="#">Caravan Soler Tent</a></li> <li><a href="#">Family Tent Camping</a></li> <li><a href="#">Classic Tent Camping</a></li> <li><a href="#">Wild Tent Camping</a></li> <li><a href="#">Small Cabin Wood</a></li> </ul> <ul class="footer-widget-nav"> <li><a href="#">Need a Career ?</a></li> <li><a href="#">Latest News & Blog</a></li> <li><a href="#">Core Features</a></li> <li><a href="#">Meet Our teams</a></li> </ul> </div> </div> </div> <div class="col-lg-4 col-md-6"> <!--=== Footer Widget ===--> <div class="footer-widget footer-newsletter-widget mb-40 pl-lg-100 wow fadeInUp"> <h4 class="widget-title">Newsletter</h4> <div class="footer-content"> <p>Which of us ever undertake laborious physical exercise except obtain</p> <form> <div class="form_group"> <label><i class="far fa-paper-plane"></i></label> <input type="email" class="form_control" placeholder="Email Address" name="email" required=""> </div> </form> </div> </div> </div> </div> </div> <!--=== Footer Copyright ===--> <div class="footer-copyright"> <div class="row"> <div class="col-lg-6"> <!--=== Footer Text ===--> <div class="footer-text"> <p>Copy@ 2023 <span style="color: #F7921E;">GoWilds</span>, All Right Reserved</p> </div> </div> <div class="col-lg-6"> <!--=== Footer Nav ===--> <div class="footer-nav float-lg-end"> <ul> <li><a href="#">Setting & privacy</a></li> <li><a href="#">Faqs</a></li> <li><a href="#">Support</a></li> </ul> </div> </div> </div> </div> </div> </footer><!--====== End Footer ======--> <!--====== Back To Top ======--> <a href="#" class="back-to-top"><i class="far fa-angle-up"></i></a> <!--====== Jquery js ======--> <script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/vendor/jquery-3.6.0.min.js"></script> <!--====== Bootstrap js ======--> <script src="assets/vendor/popper/popper.min.js"></script> <!--====== Bootstrap js ======--> <script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script> <!--====== Slick js ======--> <script src="assets/vendor/slick/slick.min.js"></script> <!--====== Magnific js ======--> <script src="assets/vendor/magnific-popup/dist/jquery.magnific-popup.min.js"></script> <!--====== Isotope js ======--> <script src="assets/vendor/isotope.min.js"></script> <!--====== Imagesloaded js ======--> <script src="assets/vendor/imagesloaded.min.js"></script> <!--====== Counterup js ======--> <script src="assets/vendor/jquery.counterup.min.js"></script> <!--====== Waypoints js ======--> <script src="assets/vendor/jquery.waypoints.js"></script> <!--====== Nice-select js ======--> <script src="assets/vendor/nice-select/js/jquery.nice-select.min.js"></script> <!--====== jquery UI js ======--> <script src="assets/vendor/jquery-ui/jquery-ui.min.js"></script> <!--====== WOW js ======--> <script src="assets/vendor/wow.min.js"></script> <!--====== Main js ======--> <script src="assets/js/theme.js"></script> </body> </html>