<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>ORV HeadQuarters - Blog</title>
	<meta name="description" content="ATV & SxS performance shop that offers customization, upgrades along with your everyday maintenance! 42 Union Street, Smiths Falls, ON, Canada K7A 5C4.">

	<meta name="format-detection" content="telephone=no">
	
	<!-- 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=Bebas+Neue&display=swap" rel="stylesheet">
	<link rel="stylesheet" href="https://use.typekit.net/ymo0arc.css">
	<link rel="stylesheet" type="text/css" href="assets/font/proxima-nova.css">

	<!-- Bootstrap CSS -->
	<link rel="stylesheet" type="text/css" href="assets/bootstrap/css/bootstrap.min.css">


	<!-- ICONSAX ICONS -->
	<link rel="stylesheet" type="text/css" href="assets/iconsax/style.css">
    <!-- FONTAWESOME ICONS -->
	<link rel="stylesheet" type="text/css" href="assets/font-awesome/css/all.css">
	
	<!-- Bootstrap ICONS -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">

	<!-- Swiper CSS -->
	<link rel="stylesheet" href="assets/swiper/swiper-bundle.min.css">

	<!-- Tom Select CSS -->
	<link rel="stylesheet" href="assets/tom-select/tom-select.css">

	<!-- Bootstrap Plus CSS -->
	<link rel="stylesheet" type="text/css" href="assets/css/bootstrap-plus.css">
	<!-- CSS -->
	<link rel="stylesheet" type="text/css" href="assets/css/style.css">

</head>
<body class="blog-page bg-noise bg-dark text-white">
	<header>
		<a href="my-account.php" class="mobile-navbar d-block d-lg-none bg-gradient-dark border-bottom border-1 border-white border-opacity-05 rounded-bottom text-primary text-md text-600 lh-sm text-center text-decoration-none p-4">
			<i class="bi bi-arrow-left me-2"></i>
			BACK TO MY ACCOUNT
		</a>
		<?php include './src/navbar.php';?>
	</header>
	<main>
        <section class="section-featured-posts overflow-hidden pb-5 mb-md-4 mb-lg-2 mpb-xl-0 mb-xxl-1 pt-md-5 mt-md-4 mt-lg-0 mt-xxl-4">
            <div class="container-md gx-0 gx-md-4"> 
                <div class="row position-relative justify-content-center justify-content-lg-start">   
                    <div class="col-12 col-lg-7 col-xl-6 col-xxl-4 header-carousel d-none d-md-block"> 
                        <div class="d-lg-flex flex-column justify-content-center h-100 text-center text-lg-start mb-6 mb-lg-0 mx-lg-4 mx-xxl-0 px-lg-5 px-xxl-0 py-lg-5 py-xl-2 py-xxl-0 my-lg-4 my-xxl-0">    
                            <h1 class="headline-2 text-800 lh-1 text-uppercase mb-4">
                                OUR 
                                <span class="d-lg-block">STORIES</span>                                
                            </h1>
                            <p class="text-xs lh-1_1 mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor </p>                             
                        </div>                        
                    </div>
                    <div class="col-12 col-md-10 col-lg-12 col-xxl-8">
                        <div id="carouselFeaturedPosts" class="carousel slide carousel-fade carouselFeaturedPosts" data-bs-ride="carousel" data-bs-touch="true">
                            
                            <div class="carousel-indicators d-flex d-lg-none mb-4 pb-2 pb-md-0">
                                <button type="button" data-bs-target="#carouselFeaturedPosts" data-bs-slide-to="0" class="active carousel-indicator rounded-circle border border-2 border-white opacity-100 bg-transparent mx-2" aria-current="true" aria-label="Slide 1"></button>
                                <button type="button" data-bs-target="#carouselFeaturedPosts" data-bs-slide-to="1" class="carousel-indicator rounded-circle border border-2 border-white opacity-100 bg-transparent mx-2" aria-label="Slide 2"></button>
                                <button type="button" data-bs-target="#carouselFeaturedPosts" data-bs-slide-to="2" class="carousel-indicator rounded-circle border border-2 border-white opacity-100 bg-transparent mx-2" aria-label="Slide 3"></button>
                            </div>
                            
                            <div class="carousel-inner">
                                <div class="carousel-item p-4_5 ps-lg-0 pt-lg-0 pe-lg-4 pb-lg-4 rounded-2 active">
                                    <a href="post.php" class="text-decoration-none text-white">
                                        <img src="assets/images/Blog-images/feature-post-1.png" class="d-block w-100 rounded-2 object-fit-cover carouselFeaturedPosts-img" alt="quads">
                                        <div class="feature-img-overlay position-absolute w-100 h-100 top-0 d-block d-md-none"></div>
                                        <div class="carousel-caption text-start border border-1 border-white border-opacity-10 rounded-2 bg-gradient-dark pb-5 pb-md-0 pt-3 py-lg-4 px-4_5 p-xxl-4 mb-6 mb-md-0 bottom-0 start-50 end-0 w-50 text-start text-md-center text-lg-start">
                                            <p class="text-xxs text-600 lh-1 text-gray mb-2">25 June 2022</p>
                                            <h4 class="headline-4 headline-lg-4  lh-1 text-800 mb-2">ORV adventure to forest</h4>
                                            <p class="text-xs lh-1_1 mb-2">Lorem i psum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
                                            <a href="post1.html" class="btn btn-center btn-link-primary text-decoration-underline mb-6 mb-lg-0">Read more</a>
                                        </div>
                                    </a>
                                </div>
                                <div class="carousel-item p-4_5 ps-lg-0 pt-lg-0 pe-lg-4 pb-lg-4 rounded-2">
                                    <a href="post.php" class="text-decoration-none text-white">
                                        <img src="assets/images/Blog-images/post-1.png" class="d-block w-100 rounded-2 object-fit-cover carouselFeaturedPosts-img" alt="quads">
                                        <div class="feature-img-overlay position-absolute w-100 h-100 top-0 d-block d-md-none"></div>
                                        <div class="carousel-caption text-start border border-1 border-white border-opacity-10 rounded-2 bg-gradient-dark pb-5 pb-md-0 pt-3 py-lg-4 px-4_5 p-xxl-4 mb-6 mb-md-0 bottom-0 start-50 end-0 w-50 text-start text-md-center text-lg-start">
                                            <p class="text-xxs text-600 lh-1 text-gray mb-2">25 June 2022</p>
                                            <h4 class="headline-4 headline-lg-4  lh-1 text-800 mb-2">ORV adventure to forest</h4>
                                            <p class="text-xs lh-1_1 mb-2">Lorem i psum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
                                            <a href="post1.html" class="btn btn-center btn-link-primary text-decoration-underline mb-6 mb-lg-0">Read more</a>
                                        </div>
                                    </a>
                                </div>
                                <div class="carousel-item p-4_5 ps-lg-0 pt-lg-0 pe-lg-4 pb-lg-4 rounded-2">
                                    <a href="post.php" class="text-decoration-none text-white">
                                        <img src="assets/images/Blog-images/post-2.png" class="d-block w-100 rounded-2 object-fit-cover carouselFeaturedPosts-img" alt="quads">
                                        <div class="feature-img-overlay position-absolute w-100 h-100 top-0 d-block d-md-none"></div>
                                        <div class="carousel-caption text-start border border-1 border-white border-opacity-10 rounded-2 bg-gradient-dark pb-5 pb-md-0 pt-3 py-lg-4 px-4_5 p-xxl-4 mb-6 mb-md-0 bottom-0 start-50 end-0 w-50 text-start text-md-center text-lg-start">
                                            <p class="text-xxs text-600 lh-1 text-gray mb-2">25 June 2022</p>
                                            <h4 class="headline-4 headline-lg-4  lh-1 text-800 mb-2">ORV adventure to forest</h4>
                                            <p class="text-xs lh-1_1 mb-2">Lorem i psum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.</p>
                                            <a href="post1.html" class="btn btn-center btn-link-primary text-decoration-underline mb-6 mb-lg-0">Read more</a>
                                        </div>
                                    </a>
                                </div>
                            
                            </div>

                            

                            <button class="carouselFeaturedPosts-control carousel-control-prev d-none d-lg-flex border border-1 border-white border-opacity-10 rounded-1 bg-gradient-dark translate-middle-x my-auto boxSize-md opacity-100" type="button" data-bs-target="#carouselFeaturedPosts" data-bs-slide="prev">
                                <span class="carousel-control-prev-icon m-3" aria-hidden="true"></span>
                                <span class="visually-hidden">Previous</span>
                            </button>
                            <button class="carouselFeaturedPosts-control carousel-control-next d-none d-lg-flex border border-1 border-white border-opacity-10 rounded-1 bg-gradient-dark start-100 translate-middle-x my-auto boxSize-md opacity-100" type="button" data-bs-target="#carouselFeaturedPosts" data-bs-slide="next">
                                <span class="carousel-control-next-icon m-3" aria-hidden="true"></span>
                                <span class="visually-hidden">Next</span>
                            </button>
                        </div>
                    </div>
                </div>                
            </div>
        </section>
        <section class="section-latest-posts mb-5 overflow-hidden">   
            <div class="container"> 
                <div class="row justify-content-center">
                    <div class="col-12 mb-5 text-center text-lg-start">
                        <h3 class="headline-3 lh-1 text-800 mb-2 mb-md-4 mb-lg-1 text-uppercase">LATEST POSTS</h3>
                    </div>
                    <div class="col-12 col-md-10 col-lg-12 col-xl-8 col-xxl-9">
                        <div class="row align-items-center mb-5 pb-md-5 pb-lg-0 thumbnail-latest-post position-relative">
                            <div class="col-12 col-lg-6 col-xl-5 mb-6 mb-lg-0">
                                <img src="assets/images/Blog-images/post-1.png" alt="quad bike in the desert" class="object-fit-cover rounded-2 border border-1 border-light-gray w-100" height="300">
                            </div>
                            <div class="col-12 col-lg-6 col-xl-7">
                                <h4 class="headline-3 headline-lg-4 lh-1 text-600 mb-3">Our adventure to forest</h4>
                                <p class="text-gray text-xxs lh-1 text-600 thumbnail-post-date p-3 p-lg-0 m-4 mt-lg-0 mx-lg-0 mb-lg-3 rounded-2 top-0">25 June 2022</p>
                                <p class="text-xs lh-1_1 mb-4 mb-lg-3 mb-xl-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est sit amet facilisis magna. Augue interdum velit euismod in pellentesque massa placerat duis ultricies...</p>
                                <div class="d-flex justify-content-center justify-content-lg-between align-items-center pt-lg-5 pt-xl-0 pt-xxl-3">
                                    <a href="post.php" class="btn btn-primary btn-xs w-60 justify-content-center justify-content-lg-start">
                                        <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                                    </a>
                                    <span class="btn-like text-xs lh-1_1 d-none d-lg-inline-block" role="button">
                                        <i class="icon-like-1 me-2"></i>
                                        120
                                    </span> 
                                </div>
                            </div>
                        </div>                        
                        <div class="row align-items-center mb-5 pb-lg-5 pb-lg-0 thumbnail-latest-post position-relative">
                            <div class="col-12 col-lg-6 col-xl-5 mb-6 mb-lg-0">
                                <img src="assets/images/Blog-images/post-2.png" alt="quad bike in the desert" class="object-fit-cover rounded-2 border border-1 border-light-gray w-100" height="300">
                            </div>
                            <div class="col-12 col-lg-6 col-xl-7">
                                <h4 class="headline-3 headline-lg-4 lh-1 text-600 mb-3">Our adventure to forest</h4>
                                <p class="text-gray text-xxs lh-1 text-600 thumbnail-post-date p-3 p-lg-0 m-4 mt-lg-0 mx-lg-0 mb-lg-3 rounded-2 top-0">25 June 2022</p>
                                <p class="text-xs lh-1_1 mb-4 mb-lg-3 mb-xl-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est sit amet facilisis magna. Augue interdum velit euismod in pellentesque massa placerat duis ultricies...</p>
                                <div class="d-flex justify-content-center justify-content-lg-between align-items-center pt-lg-5 pt-xl-0 pt-xxl-3">
                                    <a href="post.php" class="btn btn-primary btn-xs w-60 justify-content-center justify-content-lg-start">
                                        <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                                    </a>
                                    <span class="btn-like text-xs lh-1_1 d-none d-lg-inline-block" role="button">
                                        <i class="icon-like-1 me-2"></i>
                                        120
                                    </span> 
                                </div>
                            </div>
                        </div>
                        
                        <a href="#" class="d-flex d-xl-none justify-content-center text-decoration-none text-white py-lg-5 advertising-hook">
                            <div class="row w-100 position-relative justify-content-center justify-content-lg-between align-items-center rounded-3 aside bg-img-cover bg-primary bg-blend-burn bg-banner-ad">
                                <div class="col-12 col-md-10 col-lg-5 py-3 text-center text-lg-start">
                                    <h3 class="headline-3 lh-1 text-600 mb-0 ps-lg-5 py-4">
                                        Check out <span class="text-uppercase text-800 d-block">NEW EXHAUSTS</span> for your ride!			
                                    </h3>
                                </div>
                                    
                                <div class="col-6 position-absolute bottom-0 end-0 text-end d-none d-lg-block">
                                    <img src="assets/images/Products/exhaust_atv.png" alt="exhaust atv" class="pe-4 mb-3" height="202">
                                </div>
                            </div>
                        </a>

                        <div class="row align-items-center mb-5 pb-md-5 pb-lg-0 thumbnail-latest-post position-relative">
                            <div class="col-12 col-lg-6 col-xl-5 mb-6 mb-lg-0">
                                <img src="assets/images/Blog-images/post-3.png" alt="quad bike in the desert" class="object-fit-cover rounded-2 border border-1 border-light-gray w-100" height="300">
                            </div>
                            <div class="col-12 col-lg-6 col-xl-7">
                                <h4 class="headline-3 headline-lg-4 lh-1 text-600 mb-3">Our adventure to forest</h4>
                                <p class="text-gray text-xxs lh-1 text-600 thumbnail-post-date p-3 p-lg-0 m-4 mt-lg-0 mx-lg-0 mb-lg-3 rounded-2 top-0">25 June 2022</p>
                                <p class="text-xs lh-1_1 mb-4 mb-lg-3 mb-xl-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est sit amet facilisis magna. Augue interdum velit euismod in pellentesque massa placerat duis ultricies...</p>
                                <div class="d-flex justify-content-center justify-content-lg-between align-items-center pt-lg-5 pt-xl-0 pt-xxl-3">
                                    <a href="post.php" class="btn btn-primary btn-xs w-60 justify-content-center justify-content-lg-start">
                                        <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                                    </a>
                                    <span class="btn-like text-xs lh-1_1 d-none d-lg-inline-block" role="button">
                                        <i class="icon-like-1 me-2"></i>
                                        120
                                    </span> 
                                </div>
                            </div>
                        </div>
                        <div class="row align-items-center mb-5 mb-lg-4 mb-xl-0 pb-md-5 pb-lg-0 thumbnail-latest-post position-relative">
                            <div class="col-12 col-lg-6 col-xl-5 mb-6 mb-lg-0">
                                <img src="assets/images/Blog-images/post-4.jpg" alt="quad bike in the desert" class="object-fit-cover rounded-2 border border-1 border-light-gray w-100" height="300">
                            </div>
                            <div class="col-12 col-lg-6 col-xl-7">
                                <h4 class="headline-3 headline-lg-4 lh-1 text-600 mb-3">Our adventure to forest</h4>
                                <p class="text-gray text-xxs lh-1 text-600 thumbnail-post-date p-3 p-lg-0 m-4 mt-lg-0 mx-lg-0 mb-lg-3 rounded-2 top-0">25 June 2022</p>
                                <p class="text-xs lh-1_1 mb-4 mb-lg-3 mb-xl-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Est sit amet facilisis magna. Augue interdum velit euismod in pellentesque massa placerat duis ultricies...</p>
                                <div class="d-flex justify-content-center justify-content-lg-between align-items-center pt-lg-5 pt-xl-0 pt-xxl-3">
                                    <a href="post.php" class="btn btn-primary btn-xs w-60 justify-content-center justify-content-lg-start">
                                        <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                                    </a>
                                    <span class="btn-like text-xs lh-1_1 d-none d-lg-inline-block" role="button">
                                        <i class="icon-like-1 me-2"></i>
                                        120
                                    </span> 
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-4 col-xxl-3 flex-column d-none d-xl-flex">
                        <div class="px-3 pt-4 pb-5 rounded-3 aside mb-5 bg-img-cover bg-primary bg-blend-burn bg-banner-ad">
							<h3 class="headline-3 lh-1 text-60 mb-5 pb-5 pt-3">
								Check out <span class="text-uppercase text-800">NEW EXHAUSTS</span> for your ride!			
							</h3>
							<div class="text-center mb-5 pb-4">
								<img src="assets/images/Products/exhaust_atv.png" alt="" class="max-auto w-85">
							</div>
							<a href="#" class="btn btn-link btn-link-white lh-1 text-decoration-none">
								<span class="btn-text">SEE DETAILS</span>
							</a>
						</div>
                        <div class="px-3 pt-4 pb-5 rounded-3 aside mb-5 bg-img-cover bg-primary bg-blend-burn bg-banner-ad">
							<h3 class="headline-3 lh-1 text-60 mb-5 pb-5 pt-3">
								Check out <span class="text-uppercase text-800">NEW EXHAUSTS</span> for your ride!			
							</h3>
							<div class="text-center mb-5 pb-4">
								<img src="assets/images/Products/exhaust_atv.png" alt="" class="max-auto w-85">
							</div>
							<a href="#" class="btn btn-link btn-link-white lh-1 text-decoration-none">
								<span class="btn-text">SEE DETAILS</span>
							</a>
						</div>
                        <div class="px-3 py-4 rounded-3 aside h-100 align-self-stretch bg-img-cover bg-primary bg-blend-burn bg-banner-ad">
							
						</div>
                    </div>
                </div> 
                
            </div>
        </section>
        <section class="section-oldest-posts mb-5 mb-md-0 mb-lg-4 mb-xl-1 mb-xxl-3">   
            <div class="container"> 
                <div class="row">
                    <div class="col-12 mb-5 pb-sm-5 pb-md-4 pb-xl-0 text-center text-lg-start">
                        <h3 class="headline-3 lh-1 text-800 mb-1 text-uppercase">OLDEST STORIES</h3>
                    </div>
                </div>
                <div class="row mb-5 mb-md-0 pb-4 pb-md-0 justify-content-center justify-content-lg-start position-relative">
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/roberto-nickson-D1F7OtbbvKc-unsplash.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-1.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-2.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-3.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/roberto-nickson-D1F7OtbbvKc-unsplash.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-1.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-2.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-3.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/roberto-nickson-D1F7OtbbvKc-unsplash.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>   
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-1.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-2.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-3.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/roberto-nickson-D1F7OtbbvKc-unsplash.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-1.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-2.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                    <div class="col-12 col-md-10 col-lg-6 col-xl-4 col-xxl-3 mb-6 pb-2 pb-md-5 pb-lg-3 pb-xl-0 hidden thumbnail-oldest-post position-relative">
                        <img src="assets/images/Blog-images/quad-3.jpg" alt="quads" height="306" class="object-fit-cover mb-4 border border-1 border-light-gray rounded-2 w-100">
                        <p class="text-xxs lh-1 text-600 thumbnail-post-date p-3 m-4 rounded-2 top-0 d-block d-lg-none">25 June 2022</p>
                        <h4 class="headline-4 headline-lg-4  text-700 lh-1 mb-2 pb-1">Our adventure to forest</h4>
                        <p class="text-xxs lh-1 mb-4 text-truncate_line-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna massa placerat duis ultricies...</p>
                        
                        <a href="#" class="btn btn-outline-primary btn-xs mx-auto mx-lg-0 justify-content-center justify-content-lg-start mb-md-3 mb-lg-0">
                            <span class="btn-text me-0 me-lg-auto">READ MORE</span>
                        </a>
                    </div>
                </div>
                <div class="row justify-conent-center d-flex d-md-none mb-6">
                    <div class="col-12 text-center">
                        <h3 class="headline-3 lh-1 text-800 mb-3 pb-1">Want to know more?</h3>
                        <button class="btn btn-center btn-primary btn-xl w-60" id="see-more-posts">SEE ALL POSTS</button>
                    </div>
                </div>
            </div>
        </section>
        <?php  include './src/section-browse.php'; ?>
    </main>	
    
	<?php 
        include './src/footer.php';
        include './src/navbar-offcanvas-chat.php';
        include './src/navbar-offcanvas-cart.php';
        include './src/navbar-offcanvas-user-panel.php';
        include './src/navbar-modal.php';
    ?>

	<!-- Bootstrap JS -->	
	<script type="text/javascript" src="assets/bootstrap/js/bootstrap.bundle.min.js" async></script>	

	<!-- Tom Select JS -->
	<script src="https://cdn.jsdelivr.net/npm/tom-select@2.1.0/dist/js/tom-select.complete.min.js"></script>

	<!-- Swiper JS -->
	<script src="assets/swiper/swiper-bundle.min.js" defer></script>

	<!-- JS -->
	<script type="text/javascript" src="assets/js/calender.js" defer></script>
    <script type="text/javascript" src="assets/js/blog-script.js" defer></script>
	<script type="text/javascript" src="assets/js/script.js" defer></script>
</body>
</html>