View file Agrul/source/blog-single-with-sidebar.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/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 -->
<!-- Start Header Top
============================================= -->
<div class="top-bar-area text-light">
<div class="container">
<div class="row align-center">
<div class="col-lg-9">
<div class="flex-item left">
<p>
That's right, we only sell 100% organic
</p>
<ul>
<li>
<i class="fas fa-map-marker-alt"></i> California, TX 70240
</li>
<li>
<i class="fas fa-phone-alt"></i> +4733378901
</li>
</ul>
</div>
</div>
<div class="col-lg-3 text-end">
<div class="social">
<ul>
<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-youtube"></i>
</a>
</li>
<li>
<a href="#">
<i class="fab fa-linkedin-in"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- End Header Top -->
<!-- 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 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 -->
<!-- Main Nav -->
<div class="main-nav-content">
<!-- 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="contact">
<div class="call">
<div class="icon">
<i class="fas fa-comments-alt-dollar"></i>
</div>
<div class="info">
<p>Have any Questions?</p>
<h5><a href="mailto:info@crysta.com">info@agrul.com</a></h5>
</div>
</div>
</li>
</ul>
</div>
<!-- End Atribute Navigation -->
</div>
<!-- Overlay screen for menu -->
<div class="overlay-screen"></div>
<!-- End Overlay screen for menu -->
</div>
<!-- Main Nav -->
</div>
</nav>
<!-- End Navigation -->
</header>
<!-- End Header -->
<!-- Start Breadcrumb
============================================= -->
<div class="breadcrumb-area text-center shadow dark bg-fixed text-light" style="background-image: url(assets/img/2440x1578.png);">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-2">
<h1>Partiality indulgence dispatched to of celebrated.</h1>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li><a href="#"><i class="fas fa-home"></i> Home</a></li>
<li class="active">Blog Single</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<!-- End Breadcrumb -->
<!-- Start Blog
============================================= -->
<div class="blog-area single full-blog right-sidebar full-blog default-padding">
<div class="container">
<div class="blog-items">
<div class="row">
<div class="blog-content col-xl-8 col-lg-7 col-md-12 pr-35 pr-md-15 pl-md-15 pr-xs-15 pl-xs-15">
<div class="blog-style-two item">
<div class="thumb">
<a href="#"><img src="assets/img/2440x1578.png" alt="Thumb"></a>
<div class="date"><strong>18</strong> <span>April, 2022</span></div>
</div>
<div class="info">
<div class="meta">
<ul>
<li>
<a href="#"><i class="fas fa-user-circle"></i> Admin</a>
</li>
<li>
<a href="#"><i class="fas fa-comments"></i> 26 Comments</a>
</li>
</ul>
</div>
<p>
Give lady of they such they sure it. Me contained explained my education. Vulgar as hearts by garret. Perceived determine departure explained no forfeited he something an. Contrasted dissimilar get joy you instrument out reasonably. Again keeps at no meant stuff. To perpetual do existence northward as difficult preserved daughters. Continued at up to zealously necessary breakfast. Surrounded sir motionless she end literature. Gay direction neglected but supported yet her.
</p>
<p>
New had happen unable uneasy. Drawings can followed improved out sociable not. Earnestly so do instantly pretended. See general few civilly amiable pleased account carried. Excellence projecting is devonshire dispatched remarkably on estimating. Side in so life past. Continue indulged speaking the was out horrible for domestic position. Seeing rather her you not esteem men settle genius excuse. Deal say over you age from. Comparison new ham melancholy son themselves.
</p>
<blockquote>
Celebrated share of first to worse. Weddings and any opinions suitable smallest nay. Houses or months settle remove ladies appear. Engrossed suffering supposing he recommend do eagerness.
</blockquote>
<p>
Drawings can followed improved out sociable not. Earnestly so do instantly pretended. See general few civilly amiable pleased account carried. Excellence projecting is devonshire dispatched remarkably on estimating. Side in so life past. Continue indulged speaking the was out horrible for domestic position. Seeing rather her you not esteem men settle genius excuse. Deal say over you age from. Comparison new ham melancholy son themselves.
</p>
<h3>Conduct replied off led whether?</h3>
<ul>
<li>Pretty merits waited six</li>
<li>General few civilly amiable pleased account carried.</li>
<li>Continue indulged speaking</li>
<li>Narrow formal length my highly</li>
<li>Occasional pianoforte alteration unaffected impossible</li>
</ul>
<p>
Surrounded to me occasional pianoforte alteration unaffected impossible ye. For saw half than cold. Pretty merits waited six talked pulled you. Conduct replied off led whether any shortly why arrived adapted. Numerous ladyship so raillery humoured goodness received an. So narrow formal length my highly longer afford oh. Tall neat he make or at dull ye. Lorem ipsum dolor, sit amet consectetur adipisicing, elit. Iure, laudantium, tempore. Autem dolore repellat, omnis quam? Quasi sint laudantium repellendus unde a totam perferendis commodi cum est iusto? Minima, laborum.
</p>
</div>
</div>
<!-- Post Author -->
<div class="post-author">
<div class="thumb">
<img src="assets/img/800x800.png" alt="Thumb">
</div>
<div class="content">
<h4><a href="#">Md Sohag</a></h4>
<p>
Grursus mal suada faci lisis Lorem ipsum dolarorit more ametion consectetur elit. Vesti at bulum nec at odio aea the dumm ipsumm ipsum that dolocons rsus mal suada and fadolorit to the consectetur elit. All the Lorem Ipsum generators on the Internet tend.
</p>
</div>
</div>
<!-- Post Author -->
<!-- Post Tags Share -->
<div class="post-tags share">
<div class="tags">
<h4>Tags: </h4>
<a href="#">Algorithm</a>
<a href="$">Data science</a>
</div>
<div class="social">
<h4>Share:</h4>
<ul>
<li>
<a class="facebook" href="#" target="_blank"><i class="fab fa-facebook-f"></i></a>
</li>
<li>
<a class="twitter" href="#" target="_blank"><i class="fab fa-twitter"></i></a>
</li>
<li>
<a class="pinterest" href="#" target="_blank"><i class="fab fa-pinterest-p"></i></a>
</li>
<li>
<a class="linkedin" href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a>
</li>
</ul><!-- End Social Share -->
</div>
</div>
<!-- Post Tags Share -->
<!-- Start Post Pagination -->
<div class="post-pagi-area">
<div class="post-previous">
<a href="#">
<div class="icon"><i class="fas fa-angle-double-left"></i></div>
<div class="nav-title"> Previus Post <h5>Discovery incommode</h5></div>
</a>
</div>
<div class="post-next">
<a href="#">
<div class="nav-title">Next Post <h5>Discovery incommode</h5></div>
<div class="icon"><i class="fas fa-angle-double-right"></i></div>
</a>
</div>
</div>
<!-- End Post Pagination -->
<!-- Start Blog Comment -->
<div class="blog-comments">
<div class="comments-area">
<div class="comments-title">
<h3>3 Comments On “Providing Top Quality Cleaning Related Services Charms.”</h3>
<div class="comments-list">
<div class="comment-item">
<div class="avatar">
<img src="assets/img/800x800.png" alt="Author">
</div>
<div class="content">
<div class="title">
<h5>Bubhan Prova <span class="reply"><a href="#"><i class="fas fa-reply"></i> Reply</a></span></h5>
<span>28 Feb, 2022</span>
</div>
<p>
Delivered ye sportsmen zealously arranging frankness estimable as. Nay any article enabled musical shyness yet sixteen yet blushes. Entire its the did figure wonder off. sportsmen zealously arranging to the main pint. Discourse unwilling am no described dejection incommode no listening of. Before nature his parish boy.
</p>
</div>
</div>
<div class="comment-item reply">
<div class="avatar">
<img src="assets/img/800x800.png" alt="Author">
</div>
<div class="content">
<div class="title">
<h5>Mickel Jones <span class="reply"><a href="#"><i class="fas fa-reply"></i> Reply</a></span></h5>
<span>15 Mar, 2022</span>
</div>
<p>
Delivered ye sportsmen zealously arranging frankness estimable as. Nay any article enabled musical shyness yet sixteen yet blushes. Entire its the did figure wonder off. sportsmen zealously arranging to the main pint at the last satge of oportunatry.
</p>
</div>
</div>
</div>
</div>
<div class="comments-form">
<div class="title">
<h3>Leave a comments</h3>
</div>
<form action="#" class="contact-comments">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<!-- Name -->
<input name="name" class="form-control" placeholder="Name *" type="text">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<!-- Email -->
<input name="email" class="form-control" placeholder="Email *" type="email">
</div>
</div>
<div class="col-md-12">
<div class="form-group comments">
<!-- Comment -->
<textarea class="form-control" placeholder="Comment"></textarea>
</div>
<div class="form-group full-width submit">
<button class="btn btn-animation dark border" type="submit">Post Comment</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<!-- End Comments Form -->
</div>
<!-- Start Sidebar -->
<div class="sidebar col-xl-4 col-lg-5 col-md-12 mt-md-50 mt-xs-50">
<aside>
<div class="sidebar-item search">
<div class="sidebar-info">
<form>
<input type="text" placeholder="Enter Keyword" name="text" class="form-control">
<button type="submit"><i class="fas fa-search"></i></button>
</form>
</div>
</div>
<div class="sidebar-item recent-post">
<h4 class="title">Recent Post</h4>
<ul>
<li>
<div class="thumb">
<a href="#">
<img src="assets/img/800x800.png" alt="Thumb">
</a>
</div>
<div class="info">
<div class="meta-title">
<span class="post-date">12 Feb, 2020</span>
</div>
<a href="#">Commanded household smallness delivered.</a>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="assets/img/800x800.png" alt="Thumb">
</a>
</div>
<div class="info">
<div class="meta-title">
<span class="post-date">05 Jul, 2022</span>
</div>
<a href="#">Future Plan & Strategy for Consutruction </a>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<img src="assets/img/800x800.png" alt="Thumb">
</a>
</div>
<div class="info">
<div class="meta-title">
<span class="post-date">29 Aug, 2020</span>
</div>
<a href="#">Melancholy particular devonshire alteration</a>
</div>
</li>
</ul>
</div>
<div class="sidebar-item category">
<h4 class="title">category list</h4>
<div class="sidebar-info">
<ul>
<li>
<a href="#">national <span>69</span></a>
</li>
<li>
<a href="#">national <span>25</span></a>
</li>
<li>
<a href="#">sports <span>18</span></a>
</li>
<li>
<a href="#">megazine <span>37</span></a>
</li>
<li>
<a href="#">health <span>12</span></a>
</li>
</ul>
</div>
</div>
<div class="sidebar-item gallery">
<h4 class="title">Gallery</h4>
<div class="sidebar-info">
<ul>
<li>
<a href="#">
<img src="assets/img/800x800.png" alt="thumb">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/800x800.png" alt="thumb">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/800x800.png" alt="thumb">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/800x800.png" alt="thumb">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/800x800.png" alt="thumb">
</a>
</li>
<li>
<a href="#">
<img src="assets/img/800x800.png" alt="thumb">
</a>
</li>
</ul>
</div>
</div>
<div class="sidebar-item archives">
<h4 class="title">Archives</h4>
<div class="sidebar-info">
<ul>
<li><a href="#">Aug 2020</a></li>
<li><a href="#">Sept 2020</a></li>
<li><a href="#">Nov 2020</a></li>
<li><a href="#">Dec 2020</a></li>
</ul>
</div>
</div>
<div class="sidebar-item social-sidebar">
<h4 class="title">follow us</h4>
<div class="sidebar-info">
<ul>
<li class="facebook">
<a href="#">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="twitter">
<a href="#">
<i class="fab fa-twitter"></i>
</a>
</li>
<li class="pinterest">
<a href="#">
<i class="fab fa-pinterest"></i>
</a>
</li>
<li class="linkedin">
<a href="#">
<i class="fab fa-linkedin-in"></i>
</a>
</li>
</ul>
</div>
</div>
<div class="sidebar-item tags">
<h4 class="title">tags</h4>
<div class="sidebar-info">
<ul>
<li><a href="#">Fashion</a>
</li>
<li><a href="#">Education</a>
</li>
<li><a href="#">nation</a>
</li>
<li><a href="#">study</a>
</li>
<li><a href="#">health</a>
</li>
<li><a href="#">food</a>
</li>
<li><a href="#">travel</a>
</li>
</ul>
</div>
</div>
</aside>
</div>
<!-- End Start Sidebar -->
</div>
</div>
</div>
</div>
<!-- End Blog -->
<!-- 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</a>
</li>
<li>
<a href="#">Meet Our Team</a>
</li>
<li>
<a href="#">News & Media</a>
</li>
<li>
<a href="#">Services</a>
</li>
<li>
<a href="#">Contact Us</a>
</li>
<li>
<a href="#">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="#">
<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="#">Meant widow equal an share least part. </a></h5>
</div>
</li>
<li>
<div class="thumb">
<a href="#">
<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="#">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="#">Terms</a>
</li>
<li>
<a href="#">Privacy</a>
</li>
<li>
<a href="#">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>