<!--Block start-->
                  <div class="block-area">
                    <!--block title-->
                    <div class="block-title-6">
                      <h4 class="h5 border-primary">
                        <span class="bg-primary text-white">Foods</span>
                      </h4>
                    </div>
                    <div class="row">
                      <!-- post start -->
                      <article class="col-sm-6">
                        <div class="card card-full mb-4 hover-a">
                          <!--thumbnail-->
                          <div class="ratio_337-337 image-wrapper">
                            <a href="#">
                              <img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/337x337/img1.jpg" alt="Image description">
                            </a>
                          </div>
                          <div class="position-absolute p-3 b-0 w-100 bg-shadow">
                            <h4 class="card-title h3 h4-sm h3-md">
                              <a class="text-white" href="#">94 Easy Chicken Recipes for Fuss-Free Family Dinners</a>
                            </h4>
                            <div class="small text-light">
                              <!-- date -->
                              <time datetime="2019-10-18">Oct 18, 2019</time>
                            </div>
                          </div>
                        </div>
                      </article>
                      <!-- post start -->
                      <article class="col-sm-6">
                        <div class="card card-full mb-4 hover-a">
                          <!--thumbnail-->
                          <div class="ratio_337-337 image-wrapper">
                            <a href="#">
                              <img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/337x337/img2.jpg" alt="Image description">
                            </a>
                          </div>
                          <div class="position-absolute p-3 b-0 w-100 bg-shadow">
                            <!--title-->
                            <h4 class="card-title h3 h4-sm h3-md">
                              <a class="text-white" href="#">Baked Spaghetti Pie is a Pasta Lover’s Fantasy</a>
                            </h4>
                            <div class="small text-light">
                              <!-- date -->
                              <time datetime="2019-10-18">Oct 18, 2019</time>
                            </div>
                          </div>
                        </div>
                      </article>
                      <!-- post start -->
                      <article class="col-sm-6">
                        <div class="card card-full mb-4 hover-a">
                          <!--thumbnail-->
                          <div class="ratio_337-337 image-wrapper">
                            <a href="#">
                              <img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/337x337/img3.jpg" alt="Image description">
                            </a>
                          </div>
                          <div class="position-absolute p-3 b-0 w-100 bg-shadow">
                            <!--title-->
                            <h4 class="card-title h3 h4-sm h3-md">
                              <a class="text-white" href="#">Burger King Is Straight-Up Trolling McDonald's With Its New Menu</a>
                            </h4>
                            <div class="small text-light">
                              <!-- date -->
                              <time datetime="2019-10-18">Oct 18, 2019</time>
                            </div>
                          </div>
                        </div>
                      </article>
                      <!-- post start -->
                      <article class="col-sm-6">
                        <div class="card card-full mb-4 hover-a">
                          <!--thumbnail-->
                          <div class="ratio_337-337 image-wrapper">
                            <a href="#">
                              <img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/337x337/img4.jpg" alt="Image description">
                            </a>
                          </div>
                          <div class="position-absolute p-3 b-0 w-100 bg-shadow">
                            <!--title-->
                            <h4 class="card-title h3 h4-sm h3-md">
                              <a class="text-white" href="#">Limited-Edition Peach Flavor In Honor Of The Super Bowl</a>
                            </h4>
                            <div class="small text-light">
                              <!-- date -->
                              <time datetime="2019-10-18">Oct 18, 2019</time>
                            </div>
                          </div>
                        </div>
                      </article>
                      <!-- end post -->
                    </div>
                    <div class="gap-15"></div>
                  </div>
                  <!--End Block-->