<?php include 'header.php';?>
 <section class="banner-section" style="  background-image: url('assets/images/banners/about.jpg');">
       <div class="banner-head">
            <div class="banner-heading">
            <h1>Blog</h1>
            <nav class="breadcrumbs" role="navigation" aria-label="Breadcrumbs">
                <div class="breadcrumbs">
                  <span><a href="index.php" rel="home">Home</a></span>
                  <span><i class="fa fa-angle-right"></i></span>
                  <span>Blog</span>  
                </div>
              </nav>
            </div>
       </div>
    </section>
    
    
     <section class="overflow-hidden space bg-smoke2 shape-mockup-wrap" id="blog-sec">
        <div class="shape-mockup" style="top: 0px; left: 0px;"><img src="assets/img/shape/vector_shape_1.png"
                alt="shape"></div>
        <div class="shape-mockup" style="right: 0px; bottom: 0px;"><img src="assets/img/shape/vector_shape_2.png"
                alt="shape"></div>
        <div class="container">
            <div class="row justify-content-lg-between justify-content-center align-items-end">
                <div class="col-lg">
                    <div class="title-area text-center text-lg-start"><span class="sub-title"><img
                                src="assets/img/theme-img/title_icon.svg" alt="Icon">Blog &amp; News</span>
                        <h2 class="sec-title">Latest Updates &amp; News</h2>
                    </div>
                </div>
                <!--<div class="col-lg-auto d-none d-lg-block">-->
                <!--    <div class="sec-btn"><a href="blog.html" class="th-btn">View More Post<i-->
                <!--                class="fas fa-chevrons-right ms-2"></i></a></div>-->
                <!--</div>-->
            </div>
            <div class="row gy-4">
                <div class="col-xl-6">
                    <div class="blog-box">
                        <div class="blog-img"><img src="assets/img/blog/blog_2_1.jpg" alt="blog image"></div>
                        <div class="blog-content">
                            <div class="blog-meta"><a href="blog.html"><i class="far fa-user"></i>By Frutin</a> <a
                                    href="blog.html"><i class="far fa-calendar"></i>15 March, 2023</a></div>
                            <h3 class="box-title"><a href="blog-details.html">Change Your Eating Habits With Organic
                                    Food</a></h3>
                            <p class="box-text">Organic foods can be more expensive due to the labor-intensive nature.
                            </p><a href="blog-details.html" class="th-btn">Read More<i
                                    class="fas fa-chevrons-right ms-2"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="blog-box">
                        <div class="blog-img"><img src="assets/img/blog/blog_2_2.jpg" alt="blog image"></div>
                        <div class="blog-content">
                            <div class="blog-meta"><a href="blog.html"><i class="far fa-user"></i>By Frutin</a> <a
                                    href="blog.html"><i class="far fa-calendar"></i>16 March, 2023</a></div>
                            <h3 class="box-title"><a href="blog-details.html">Transform Your Nutrition with Organic
                                    Meal</a></h3>
                            <p class="box-text">Organic foods can be more expensive due to the labor-intensive nature.
                            </p><a href="blog-details.html" class="th-btn">Read More<i
                                    class="fas fa-chevrons-right ms-2"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="blog-box">
                        <div class="blog-img"><img src="assets/img/blog/blog_2_3.jpg" alt="blog image"></div>
                        <div class="blog-content">
                            <div class="blog-meta"><a href="blog.html"><i class="far fa-user"></i>By Frutin</a> <a
                                    href="blog.html"><i class="far fa-calendar"></i>17 March, 2023</a></div>
                            <h3 class="box-title"><a href="blog-details.html">Improve Your Health By Organic Eating</a>
                            </h3>
                            <p class="box-text">Organic foods can be more expensive due to the labor-intensive nature.
                            </p><a href="blog-details.html" class="th-btn">Read More<i
                                    class="fas fa-chevrons-right ms-2"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6">
                    <div class="blog-box">
                        <div class="blog-img"><img src="assets/img/blog/blog_2_4.jpg" alt="blog image"></div>
                        <div class="blog-content">
                            <div class="blog-meta"><a href="blog.html"><i class="far fa-user"></i>By Frutin</a> <a
                                    href="blog.html"><i class="far fa-calendar"></i>19 March, 2023</a></div>
                            <h3 class="box-title"><a href="blog-details.html">Organic Eating Is Great For Better
                                    Health</a></h3>
                            <p class="box-text">Organic foods can be more expensive due to the labor-intensive nature.
                            </p><a href="blog-details.html" class="th-btn">Read More<i
                                    class="fas fa-chevrons-right ms-2"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
      
<?php include 'footer.php';?>