<!DOCTYPE html>
<html lang="en">
<head>
    {% include 'head.html' %}
</head>
<body>
    {% include 'nav.html' %}
    <div class="smooth-scroll">
        <div class="banner" id="banner">
            <div class="img-sec">
                <img src="/static/images/about_us.jpg" alt="" width="100%" id="farmhouse_img">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <div class="banner-content" id="banner-content">
                                <h2>Blogs</h2>
                            </div>
                        </div>
                    </div>
                </div>
                    <img src="/static/images/banner/smoke_1.png" alt="" width="100%" class="smoke">
                    <!-- <img src="/static/images/smoke.gif" alt="" width="100%" class="smoke_gif"> -->
                    <!-- <video><source src="/static/images/smoke_new.gif" type="video/mp4"></video> -->  
            </div>
        </div>
        <section class="blog_bg pb-4">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 mt-5">
                        <div class="blog-detail">
                            <img src="/static/images/about_us.jpg" alt="" width="100%">
                            <h2 class="my-3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eum, exercitationem.</h2>
                            <div class="date mb-3">
                                <ul>
                                    <li><i class="fas fa-calendar-days"></i> <span>29 Dec 2023</span></li>
                                    <li><i class="fas fa-user"></i> <span>Admin</span></li>
                                </ul>
                            </div>
                            <div class="blog-content">
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat soluta quod deleniti omnis! Maxime, quam! Nesciunt modi voluptates nulla nam quibusdam eius quidem, corporis, dolorum ipsam soluta a. Eveniet, eos?</p>
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat soluta quod deleniti omnis! Maxime, quam! Nesciunt modi voluptates nulla nam quibusdam eius quidem, corporis, dolorum ipsam soluta a. Eveniet, eos?</p>
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat soluta quod deleniti omnis! Maxime, quam! Nesciunt modi voluptates nulla nam quibusdam eius quidem, corporis, dolorum ipsam soluta a. Eveniet, eos?</p>
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat soluta quod deleniti omnis! Maxime, quam! Nesciunt modi voluptates nulla nam quibusdam eius quidem, corporis, dolorum ipsam soluta a. Eveniet, eos?</p>
                                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Fugiat soluta quod deleniti omnis! Maxime, quam! Nesciunt modi voluptates nulla nam quibusdam eius quidem, corporis, dolorum ipsam soluta a. Eveniet, eos?</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 mt-5">
                        <div class="side-bar">
                            <!-- <div class="side-bar-heading">
                                <h3>Search</h3>
                            </div>
                            <div class="search my-3">
                                <form action="">
                                    <input type="search" name="" id="" class="" placeholder="Enter Your Keywords">
                                    <button type="submit"><i class="fas fa-magnifying-glass"></i></button>
                                </form>
                            </div> -->
                            <div class="side-bar-heading">
                                <h3>Recent Post</h3>
                            </div>
                            <div class="side-bar-list mt-3">
                                <div class="row mb-3">
                                    <div class="col-4">
                                        <img src="/static/images/about_us.jpg" alt="" width="100%">
                                    </div>
                                    <div class="col-8">
                                        <h6><a href="bolg-detail.php">Lorem ipsum dolor sit amet consectetur adipisicing elit.</a></h6>
                                        <div class="date mb-3">
                                            <ul>
                                                <li><i class="fas fa-calendar-days"></i> <span>29 Dec 2023</span></li>
                                                <li><i class="fas fa-user"></i> <span>Admin</span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="row mb-3">
                                    <div class="col-4">
                                        <img src="/static/images/about_us.jpg" alt="" width="100%">
                                    </div>
                                    <div class="col-8">
                                        <h6><a href="bolg-detail-1.php">Lorem ipsum dolor sit amet consectetur adipisicing elit.</a></h6>
                                        <div class="date mb-3">
                                            <ul>
                                                <li><i class="fas fa-calendar-days"></i> <span>29 Dec 2023</span></li>
                                                <li><i class="fas fa-user"></i> <span>Admin</span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        {% include 'footer.html' %}
    </div>
    {% include 'script.html' %}
    <script src="/static/js/home.js"></script>
</body>
</html>