View file Agrul/source/shop.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- ========== Meta Tags ========== -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Agrul - Organic Farm Agriculture Template">
<!-- ========== Page Title ========== -->
<title>Agrul - Organic Farm Agriculture Template</title>
<!-- ========== Favicon Icon ========== -->
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon">
<!-- ========== Start Stylesheet ========== -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/themify-icons.css" rel="stylesheet">
<link href="assets/css/elegant-icons.css" rel="stylesheet">
<link href="assets/css/flaticon-set.css" rel="stylesheet">
<link href="assets/css/magnific-popup.css" rel="stylesheet">
<link href="assets/css/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/css/validnavs.css" rel="stylesheet">
<link href="assets/css/helper.css" rel="stylesheet">
<link href="assets/css/shop.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<link href="assets/css/unit-test.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<!-- ========== End Stylesheet ========== -->
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Preloader Start -->
<div class="se-pre-con"></div>
<!-- Preloader Ends -->
<!-- Header
============================================= -->
<header>
<!-- Start Navigation -->
<nav class="navbar mobile-sidenav inc-shape navbar-common navbar-sticky navbar-default validnavs">
<!-- Start Top Search -->
<div class="top-search">
<div class="container-xl">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-search"></i></span>
<input type="text" class="form-control" placeholder="Search">
<span class="input-group-addon close-search"><i class="fa fa-times"></i></span>
</div>
</div>
</div>
<!-- End Top Search -->
<div class="container-full d-flex justify-content-between align-items-center">
<!-- Start Header Navigation -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand" href="index.html">
<img src="assets/img/logo.png" class="logo" alt="Logo">
</a>
</div>
<!-- End Header Navigation -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-menu">
<img src="assets/img/logo.png" alt="Logo">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
<i class="fa fa-times"></i>
</button>
<ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeOutUp">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Home</a>
<ul class="dropdown-menu">
<li><a href="index.html">Agriculture</a></li>
<li><a href="index-3.html">Farm Shop</a></li>
<li><a href="index-2.html">Organic Farm</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Pages</a>
<ul class="dropdown-menu">
<li><a href="about-us.html">About Us</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="contact-us.html">Contact Us</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="404.html">Error Page</a></li>
</ul>
</li>
<li class="dropdown">
<a href="project.html" class="dropdown-toggle" data-toggle="dropdown" >Projects</a>
<ul class="dropdown-menu">
<li><a href="project.html">Project</a></li>
<li><a href="project-details.html">Project Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Services</a>
<ul class="dropdown-menu">
<li><a href="services.html">Services Version One</a></li>
<li><a href="services-2.html">Services Version Two</a></li>
<li><a href="services-details.html">Services Details</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Blog</a>
<ul class="dropdown-menu">
<li><a href="blog-standard.html">Blog Standard</a></li>
<li><a href="blog-with-sidebar.html">Blog With Sidebar</a></li>
<li><a href="blog-2-colum.html">Blog Grid Two Colum</a></li>
<li><a href="blog-3-colum.html">Blog Grid Three Colum</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
<li><a href="blog-single-with-sidebar.html">Blog Single With Sidebar</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >Shop</a>
<ul class="dropdown-menu">
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-single.html">Shop Single</a></li>
<li><a href="shop-single-thumb-only.html">Shop Single Two</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
<div class="attr-right">
<!-- Start Atribute Navigation -->
<div class="attr-nav">
<ul>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" >
<i class="far fa-shopping-cart"></i>
<span class="badge">3</span>
</a>
<ul class="dropdown-menu cart-list">
<li>
<div class="thumb">
<a href="#" class="photo">
<img src="assets/img/products/1.png" alt="Thumb">
</a>
<a href="#" class="remove-product">
<i class="fas fa-times"></i>
</a>
</div>
<div class="info">
<h6><a href="#">Delica omtantur </a></h6>
<p>2x - <span class="price">$99.99</span></p>
</div>
</li>
<li>
<div class="thumb">
<a href="#" class="photo">
<img src="assets/img/products/2.png" alt="Thumb">
</a>
<a href="#" class="remove-product">
<i class="fas fa-times"></i>
</a>
</div>
<div class="info">
<h6><a href="#">Omnes ocurreret</a></h6>
<p>1x - <span class="price">$33.33</span></p>
</div>
</li>
<li class="total">
<span class="pull-right"><strong>Total</strong>: $0.00</span>
<a href="#" class="btn btn-default btn-cart">Cart</a>
<a href="#" class="btn btn-default btn-cart">Checkout</a>
</li>
</ul>
</li>
<li class="search"><a href="#"><i class="far fa-search"></i></a></li>
<li class="side-menu">
<a href="#">
<span class="bar-1"></span>
<span class="bar-2"></span>
<span class="bar-3"></span>
</a>
</li>
</ul>
</div>
<!-- End Atribute Navigation -->
<!-- Start Side Menu -->
<div class="side">
<a href="#" class="close-side"><i class="icon_close"></i></a>
<div class="widget">
<div class="logo">
<img src="assets/img/logo-light.png" alt="Logo">
</div>
<p>
Arrived compass prepare an on as. Reasonable particular on my it in sympathize. Size now easy eat hand how. Unwilling he departure elsewhere dejection at. Heart large seems may purse means few blind.
</p>
</div>
<div class="widget address">
<div>
<ul>
<li>
<div class="content">
<p>Address</p>
<strong>California, TX 70240</strong>
</div>
</li>
<li>
<div class="content">
<p>Email</p>
<strong>support@validtheme.com</strong>
</div>
</li>
<li>
<div class="content">
<p>Contact</p>
<strong>+44-20-7328-4499</strong>
</div>
</li>
</ul>
</div>
</div>
<div class="widget newsletter">
<h4 class="title">Get Subscribed!</h4>
<form action="#">
<div class="input-group stylish-input-group">
<input type="email" placeholder="Enter your e-mail" class="form-control" name="email">
<span class="input-group-addon">
<button type="submit">
<i class="arrow_right"></i>
</button>
</span>
</div>
</form>
</div>
<div class="widget social">
<ul class="link">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fab fa-behance"></i></a></li>
</ul>
</div>
</div>
<!-- End Side Menu -->
</div>
<!-- Main Nav -->
</div>
<!-- Overlay screen for menu -->
<div class="overlay-screen"></div>
<!-- End Overlay screen for menu -->
</nav>
<!-- End Navigation -->
</header>
<!-- End Header -->
<!-- Start Breadcrumb
============================================= -->
<div class="breadcrumb-area shadow dark bg-cover text-center text-light" style="background-image: url(assets/img/2440x1578.png);">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<h1>Products</h1>
<ul class="breadcrumb">
<li><a href="#"><i class="fas fa-home"></i> Home</a></li>
<li>Shop</li>
</ul>
</div>
</div>
</div>
</div>
<!-- End Breadcrumb -->
<!-- Start Shop
============================================= -->
<div class="validtheme-shop-area default-padding">
<div class="container">
<div class="shop-listing-contentes">
<div class="row item-flex center">
<div class="col-lg-7">
<div class="content">
<!-- Tab Nav -->
<nav>
<div class="nav nav-tabs" id="nav-tab" role="tablist">
<button class="nav-link active" id="grid-tab-control" data-bs-toggle="tab" data-bs-target="#grid-tab" type="button" role="tab" aria-controls="grid-tab" aria-selected="true">
<i class="fas fa-th-large"></i>
</button>
<button class="nav-link" id="list-tab-control" data-bs-toggle="tab" data-bs-target="#list-tab" type="button" role="tab" aria-controls="list-tab" aria-selected="false">
<i class="fas fa-th-list"></i>
</button>
</div>
</nav>
<!-- End Tab Nav -->
</div>
</div>
<div class="col-lg-5 text-right">
<p>
Showing 1–10 of 47 results
</p>
<select name="cars" id="cars">
<option value="volvo">Short by latest</option>
<option value="saab">Short by Recent</option>
<option value="mercedes">Short by Popular</option>
<option value="audi">Short by Relevant</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<!-- Start Tab Content -->
<div class="tab-content tab-content-info text-center" id="shop-tabContent">
<!-- Strt Product Grid Vies -->
<div class="tab-pane fade show active" id="grid-tab" role="tabpanel" aria-labelledby="grid-tab-control">
<ul class="vt-products columns-4">
<!-- Single product -->
<li class="product">
<div class="product-contents">
<div class="product-image">
<a href="shop-single.html">
<img src="assets/img/products/1.png" alt="Product">
</a>
<div class="shop-action">
<ul>
<li class="cart">
<a href="#"><span>Add to cart</span></a>
</li>
<li class="wishlist">
<a href="#"><span>Add to wishlist</span></a>
</li>
<li class="quick-view">
<a href="#"><span>Quick view</span></a>
</li>
</ul>
</div>
</div>
<div class="product-caption">
<div class="product-tags">
<a href="#">Crop</a>
<a href="#">Organic</a>
</div>
<h4 class="product-title">
<a href="shop-single.html">Strawberry</a>
</h4>
<div class="review-count">
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span>8 Review</span>
</div>
<div class="price">
<span>$12.00</span>
</div>
</div>
</div>
</li>
<!-- Single product -->
<!-- Single product -->
<li class="product">
<div class="product-contents">
<div class="product-image">
<span class="onsale">Sale!</span>
<a href="shop-single.html">
<img src="assets/img/products/2.png" alt="Product">
</a>
<div class="shop-action">
<ul>
<li class="cart">
<a href="#"><span>Add to cart</span></a>
</li>
<li class="wishlist">
<a href="#"><span>Add to wishlist</span></a>
</li>
<li class="quick-view">
<a href="#"><span>Quick view</span></a>
</li>
</ul>
</div>
</div>
<div class="product-caption">
<div class="product-tags">
<a href="#">Vegetables</a>
<a href="#">Winter</a>
</div>
<h4 class="product-title">
<a href="shop-single.html">Organic Carrot</a>
</h4>
<div class="review-count">
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span>8 Review</span>
</div>
<div class="price">
<span><del>$8.00</del></span>
<span>$5.00</span>
</div>
</div>
</div>
</li>
<!-- Single product -->
<!-- Single product -->
<li class="product">
<div class="product-contents">
<div class="product-image">
<a href="shop-single.html">
<img src="assets/img/products/3.png" alt="Product">
</a>
<div class="shop-action">
<ul>
<li class="cart">
<a href="#"><span>Add to cart</span></a>
</li>
<li class="wishlist">
<a href="#"><span>Add to wishlist</span></a>
</li>
<li class="quick-view">
<a href="#"><span>Quick view</span></a>
</li>
</ul>
</div>
</div>
<div class="product-caption">
<div class="product-tags">
<a href="#">Fruits</a>
<a href="#">Juicy</a>
</div>
<h4 class="product-title">
<a href="shop-single.html">Fresh Red Seedless</a>
</h4>
<div class="review-count">
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span>8 Review</span>
</div>
<div class="price">
<span>$14.00</span>
</div>
</div>
</div>
</li>
<!-- Single product -->
<!-- Single product -->
<li class="product">
<div class="product-contents">
<div class="product-image">
<a href="shop-single.html">
<img src="assets/img/products/4.png" alt="Product">
</a>
<div class="shop-action">
<ul>
<li class="cart">
<a href="#"><span>Add to cart</span></a>
</li>
<li class="wishlist">
<a href="#"><span>Add to wishlist</span></a>
</li>
<li class="quick-view">
<a href="#"><span>Quick view</span></a>
</li>
</ul>
</div>
</div>
<div class="product-caption">
<div class="product-tags">
<a href="#">Fruits</a>
<a href="#">Juicy</a>
</div>
<h4 class="product-title">
<a href="shop-single.html">Organic Sweet Corn</a>
</h4>
<div class="review-count">
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span>8 Review</span>
</div>
<div class="price">
<span>$8.00</span>
</div>
</div>
</div>
</li>
<!-- Single product -->
<!-- Single product -->
<li class="product">
<div class="product-contents">
<div class="product-image">
<a href="shop-single.html">
<img src="assets/img/products/5.png" alt="Product">
</a>
<div class="shop-action">
<ul>
<li class="cart">
<a href="#"><span>Add to cart</span></a>
</li>
<li class="wishlist">
<a href="#"><span>Add to wishlist</span></a>
</li>
<li class="quick-view">
<a href="#"><span>Quick view</span></a>
</li>
</ul>
</div>
</div>
<div class="product-caption">
<div class="product-tags">
<a href="#">Fish</a>
<a href="#">Health</a>
</div>
<h4 class="product-title">
<a href="shop-single.html">Fresh Fish</a>
</h4>
<div class="review-count">
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span>8 Review</span>
</div>
<div class="price">
<span>$25.00</span>
</div>
</div>
</div>
</li>
<!-- Single product -->
<!-- Single product -->
<li class="product">
<div class="product-contents">
<div class="product-image">
<a href="shop-single.html">
<img src="assets/img/products/6.png" alt="Product">
</a>
<div class="shop-action">
<ul>
<li class="cart">
<a href="#"><span>Add to cart</span></a>
</li>
<li class="wishlist">
<a href="#"><span>Add to wishlist</span></a>
</li>
<li class="quick-view">
<a href="#"><span>Quick view</span></a>
</li>
</ul>
</div>
</div>
<div class="product-caption">
<div class="product-tags">
<a href="#">Seasonal</a>
<a href="#">Fruit</a>
</div>
<h4 class="product-title">
<a href="shop-single.html">Fresh Bananah</a>
</h4>
<div class="review-count">
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span>8 Review</span>
</div>
<div class="price">
<span><del>$18.00</del></span>
<span>$13.00</span>
</div>
</div>
</div>
</li>
<!-- Single product -->
<!-- Single product -->
<li class="product">
<div class="product-contents">
<div class="product-image">
<a href="shop-single.html">
<img src="assets/img/products/7.png" alt="Product">
</a>
<div class="shop-action">
<ul>
<li class="cart">
<a href="#"><span>Add to cart</span></a>
</li>
<li class="wishlist">
<a href="#"><span>Add to wishlist</span></a>
</li>
<li class="quick-view">
<a href="#"><span>Quick view</span></a>
</li>
</ul>
</div>
</div>
<div class="product-caption">
<div class="product-tags">
<a href="#">Seasonal</a>
<a href="#">Vegetables</a>
</div>
<h4 class="product-title">
<a href="shop-single.html">Organic Cucumber</a>
</h4>
<div class="review-count">
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span>8 Review</span>
</div>
<div class="price">
<span>$3.00</span>
</div>
</div>
</div>
</li>
<!-- Single product -->
<!-- Single product -->
<li class="product">
<div class="product-contents">
<div class="product-image">
<a href="shop-single.html">
<img src="assets/img/products/8.png" alt="Product">
</a>
<div class="shop-action">
<ul>
<li class="cart">
<a href="#"><span>Add to cart</span></a>
</li>
<li class="wishlist">
<a href="#"><span>Add to wishlist</span></a>
</li>
<li class="quick-view">
<a href="#"><span>Quick view</span></a>
</li>
</ul>
</div>
</div>
<div class="product-caption">
<div class="product-tags">
<a href="#">Vegetables</a>
<a href="#">Fruit</a>
</div>
<h4 class="product-title">
<a href="shop-single.html">Green Avocado</a>
</h4>
<div class="review-count">
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span>8 Review</span>
</div>
<div class="price">
<span>$6.00</span>
</div>
</div>
</div>
</li>
<!-- Single product -->
</ul>
</div>
<!-- End Product Grid Vies -->
<!-- Start Product List Vies -->
<div class="tab-pane fade" id="list-tab" role="tabpanel" aria-labelledby="list-tab-control">
<ul class="vt-products colums-2">
<!-- Single product -->
<li class="product">
<div class="product-contents">
<div class="row align-center">
<div class="col-lg-5">
<div class="product-image">
<a href="shop-single.html">
<img src="assets/img/products/5.png" alt="Product">
</a>
<div class="shop-action">
<ul>
<li class="cart">
<a href="#"><span>Add to cart</span></a>
</li>
<li class="wishlist">
<a href="#"><span>Add to wishlist</span></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="product-caption">
<div class="product-tags">
<a href="#">Fish</a>
<a href="#">Health</a>
</div>
<h4 class="product-title">
<a href="shop-single.html">Fresh organic Fish</a>
</h4>
<div class="review-count">
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span>8 Review</span>
</div>
<div class="price">
<span>$26.00</span>
</div>
<a href="#" class="btn secondary btn-theme btn-sm animation">
<i class="fas fa-shopping-cart"></i>
<span>Add to cart</span>
</a>
</div>
</div>
</div>
</div>
</li>
<!-- Single product -->
<!-- Single product -->
<li class="product">
<div class="product-contents">
<div class="row align-center">
<div class="col-lg-5">
<div class="product-image">
<a href="shop-single.html">
<img src="assets/img/products/1.png" alt="Product">
</a>
<div class="shop-action">
<ul>
<li class="cart">
<a href="#"><span>Add to cart</span></a>
</li>
<li class="wishlist">
<a href="#"><span>Add to wishlist</span></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-7">
<div class="product-caption">
<div class="product-tags">
<a href="#">Crop</a>
<a href="#">Organic</a>
</div>
<h4 class="product-title">
<a href="shop-single.html">Strawberry</a>
</h4>
<div class="review-count">
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
</div>
<span>8 Review</span>
</div>
<div class="price">
<span><del>$28.00</del></span>
<span>$17.00</span>
</div>
<a href="#" class="btn btn-theme secondary btn-sm animation">
<i class="fas fa-shopping-cart"></i>
<span>Add to cart</span>
</a>
</div>
</div>
</div>
</div>
</li>
<!-- Single product -->
</ul>
</div>
<!-- End Product List Vies -->
</div>
<!-- End Tab Content -->
<!-- Pgination -->
<nav class="woocommerce-pagination">
<ul class="page-numbers">
<li><a class="previous page-numbers" href="#"><i class="fas fa-angle-left"></i></a></li>
<li><span aria-current="page" class="page-numbers current">1</span></li>
<li><a class="page-numbers" href="#">2</a></li>
<li><a class="next page-numbers" href="#"><i class="fas fa-angle-right"></i></a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!-- End Shop -->
<!-- Start Footer
============================================= -->
<footer class="bg-dark text-light" style="background-image: url(assets/img/shape/brush-down.png);">
<div class="container">
<div class="f-items default-padding">
<div class="row">
<!-- Single Itme -->
<div class="col-lg-4 col-md-6 item">
<div class="footer-item about">
<img class="logo" src="assets/img/logo-light.png" alt="Logo">
<p>
Happen active county. Winding morning ambition shyness evident to poor. Because elderly new to the point to main success.
</p>
<form action="#">
<input type="email" placeholder="Your Email" class="form-control" name="email">
<button type="submit"> Go</button>
</form>
</div>
</div>
<!-- End Single Itme -->
<!-- Single Itme -->
<div class="col-lg-2 col-md-6 item">
<div class="footer-item link">
<h4 class="widget-title">Explore</h4>
<ul>
<li>
<a href="about-us.html">About Us</a>
</li>
<li>
<a href="team.html">Meet Our Team</a>
</li>
<li>
<a href="blog-single-with-sidebar.html">News & Media</a>
</li>
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="contact-us.html">Contact Us</a>
</li>
<li>
<a href="team-details.html">Volunteers</a>
</li>
</ul>
</div>
</div>
<!-- End Single Itme -->
<!-- Single Itme -->
<div class="col-lg-3 col-md-6 item">
<div class="footer-item recent-post">
<h4 class="widget-title">Recent Posts</h4>
<ul>
<li>
<div class="thumb">
<a href="blog-single-with-sidebar.html">
<img src="assets/img/800x800.png" alt="Thumb">
</a>
</div>
<div class="info">
<div class="meta-title">
<span class="post-date">12 Sep, 2022</span>
</div>
<h5><a href="blog-single-with-sidebar.html">Meant widow equal an share least part. </a></h5>
</div>
</li>
<li>
<div class="thumb">
<a href="blog-single-with-sidebar.html">
<img src="assets/img/800x800.png" alt="Thumb">
</a>
</div>
<div class="info">
<div class="meta-title">
<span class="post-date">18 Jul, 2022</span>
</div>
<h5><a href="blog-single-with-sidebar.html">Future Plan & Strategy for Consutruction </a></h5>
</div>
</li>
</ul>
</div>
</div>
<!-- End Single Itme -->
<!-- Single Itme -->
<div class="col-lg-3 col-md-6 item">
<div class="footer-item contact">
<h4 class="widget-title">Contact Info</h4>
<ul>
<li>
<div class="icon">
<i class="fas fa-home"></i>
</div>
<div class="content">
<strong>Address:</strong>
5919 Trussville Crossings Pkwy, Birmingham
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-envelope"></i>
</div>
<div class="content">
<strong>Email:</strong>
<a href="mailto:info@validtheme.com">info@validtheme.com</a>
</div>
</li>
<li>
<div class="icon">
<i class="fas fa-phone"></i>
</div>
<div class="content">
<strong>Phone:</strong>
<a href="tel:2151234567">+123 34598768</a>
</div>
</li>
</ul>
</div>
</div>
<!-- Single Itme -->
</div>
</div>
<!-- Start Footer Bottom -->
<div class="footer-bottom">
<div class="row">
<div class="col-lg-6">
<p>© Copyright 2022. All Rights Reserved by <a href="#">validthemes</a></p>
</div>
<div class="col-lg-6 text-end">
<ul>
<li>
<a href="about-us.html">Terms</a>
</li>
<li>
<a href="about-us.html">Privacy</a>
</li>
<li>
<a href="contact-us.html">Support</a>
</li>
</ul>
</div>
</div>
</div>
<!-- End Footer Bottom -->
</div>
<div class="shape-right-bottom">
<img src="assets/img/shape/10.png" alt="Image Not Found">
</div>
<div class="shape-left-bottom">
<img src="assets/img/shape/11.png" alt="Image Not Found">
</div>
</footer>
<!-- End Footer -->
<!-- jQuery Frameworks
============================================= -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/jquery.appear.js"></script>
<script src="assets/js/jquery.easing.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/modernizr.custom.13711.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/progress-bar.min.js"></script>
<script src="assets/js/circle-progress.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/jquery.nice-select.min.js"></script>
<script src="assets/js/count-to.js"></script>
<script src="assets/js/jquery.scrolla.min.js"></script>
<script src="assets/js/YTPlayer.min.js"></script>
<script src="assets/js/TweenMax.min.js"></script>
<script src="assets/js/validnavs.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>