<!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">
            <div class="container pt-5 pb-2">
                <div class="row">
                    <div class="col-lg-4 col-md-6 mb-5">
                        <div class="blog">
                            <figure>
                                <img src="/static/images/about_us.jpg" alt="Blog" width="100%">
                            </figure>
                            <div class="date">
                                <span>29 Dec</span>
                            </div>
                            <h2><a href="bolg-detail.php">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum, omnis!</a></h2>
                            <div class="more-btn">
                                <a href="bolg-detail.php">Read More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-5">
                        <div class="blog">
                            <figure>
                                <img src="/static/images/about_us.jpg" alt="Blog" width="100%">
                            </figure>
                            <div class="date">
                                <span>29 Dec</span>
                            </div>
                            <h2><a href="bolg-detail.php">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum, omnis!</a></h2>
                            <div class="more-btn">
                                <a href="bolg-detail.php">Read More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-5">
                        <div class="blog">
                            <figure>
                                <img src="/static/images/about_us.jpg" alt="Blog" width="100%">
                            </figure>
                            <div class="date">
                                <span>29 Dec</span>
                            </div>
                            <h2><a href="bolg-detail.php">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum, omnis!</a></h2>
                            <div class="more-btn">
                                <a href="bolg-detail.php">Read More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-5">
                        <div class="blog">
                            <figure>
                                <img src="/static/images/about_us.jpg" alt="Blog" width="100%">
                            </figure>
                            <div class="date">
                                <span>29 Dec</span>
                            </div>
                            <h2><a href="bolg-detail.php">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum, omnis!</a></h2>
                            <div class="more-btn">
                                <a href="bolg-detail.php">Read More</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 mb-5">
                        <div class="blog">
                            <figure>
                                <img src="/static/images/about_us.jpg" alt="Blog" width="100%">
                            </figure>
                            <div class="date">
                                <span>29 Dec</span>
                            </div>
                            <h2><a href="bolg-detail.php">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Laborum, omnis!</a></h2>
                            <div class="more-btn">
                                <a href="bolg-detail.php">Read More</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        {% include 'footer.html' %}
    </div>
    {% include 'script.html' %}
    <script src="/static/js/home.js"></script>
</body>
</html>