Skip to main content
                
                  <!--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-->
                      <div class="col-sm-6 col-md-12 col-lg-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>
                          <!-- title & date -->
                          <div class="position-absolute p-3 b-0 w-100 bg-shadow">
                            <h4 class="card-title h3 h4-sm h1-md h3-lg my-1">
                              <a class="text-white" href="#">94 Easy Chicken Recipes for Fuss-Free Family Dinners</a>
                            </h4>
                            <div class="my-2 dark small text-light">
                              <time datetime="2019-10-18">Oct 18, 2019</time>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--post start-->
                      <div class="col-sm-6 col-md-12 col-lg-6">
                        <!-- sub card -->
                        <div class="sub-card mb-4 mt-0">
                          <!--post list-->
                          <ul class="list-unstyled card-list border-bottom-last-0">
                            <li>
                              <a class="h6" href="#">All Custom Motorcycle Roads Lead To The Museum</a>
                            </li>
                            <li>
                              <a class="h6" href="#">Valerie Thompson Survives 343-mph Crash In Australia</a>
                            </li>
                            <li>
                              <a class="h6" href="#">Exclusive Previews Of Two Outlier’s Guild Moto Show Custom Bikes</a>
                            </li>
                            <li>
                              <a class="h6" href="#">Cycle World Magazine Gets A Full Rebuild</a>
                            </li>
                            <li>
                              <a class="h6" href="#">Bosch Wants To Put Rockets On Your Motorcycle</a>
                            </li>
                            <li>
                              <a class="h6" href="#">A Return To Indian's New Head Of Design Ola Stenegärd's Roots</a>
                            </li>
                          </ul>
                          <!--end post list-->
                        </div>
                        <!-- end sub card -->
                      </div>
                      <!--end post-->
                    </div>
                  </div>
                  <!--End Block-->
                
              

This block component is same like block content 13, just add block color in block-area classes

                
                  <!-- Block start -->
                  <div class="block-area block-pink">
                  ....
                  ....
                  </div>
                  <!--End Block-->
                
              
                      
                        <!--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-->
                            <div class="col-sm-6 col-md-12">
                              <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>
                                <!-- title & date -->
                                <div class="position-absolute p-3 b-0 w-100 bg-shadow">
                                  <h4 class="card-title h3 h4-sm h3-md my-1">
                                    <a class="text-white" href="#">94 Easy Chicken Recipes for Fuss-Free Family Dinners</a>
                                  </h4>
                                  <div class="my-2 dark small text-light">
                                    <time datetime="2019-10-18">Oct 18, 2019</time>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--post start-->
                            <div class="col-sm-6 col-md-12">
                              <!-- sub card -->
                              <div class="sub-card mb-4 mt-0">
                                <!--post list-->
                                <ul class="list-unstyled card-list border-bottom-last-0">
                                  <li>
                                    <a class="h6" href="#">All Custom Motorcycle Roads Lead To The Museum</a>
                                  </li>
                                  <li>
                                    <a class="h6" href="#">Valerie Thompson Survives 343-mph Crash In Australia</a>
                                  </li>
                                  <li>
                                    <a class="h6" href="#">Exclusive Previews Of Two Outlier’s Guild Moto Show Custom Bikes</a>
                                  </li>
                                  <li>
                                    <a class="h6" href="#">Cycle World Magazine Gets A Full Rebuild</a>
                                  </li>
                                  <li>
                                    <a class="h6" href="#">Bosch Wants To Put Rockets On Your Motorcycle</a>
                                  </li>
                                  <li>
                                    <a class="h6" href="#">A Return To Indian's New Head Of Design Ola Stenegärd's Roots</a>
                                  </li>
                                </ul>
                                <!--end post list-->
                              </div>
                              <!-- end sub card -->
                            </div>
                            <!--end post-->
                          </div>
                        </div>
                        <!--End Block-->