Skip to main content

Block 15 - on 2 columns

                
                  <!--Block start-->
                  <div class="block-area">
                    <!--block title-->
                    <div class="block-title-6">
                      <h4 class="h5 border-primary">
                        <span class="bg-primary text-white">Latest news</span>
                      </h4>
                    </div>
                    <!-- post start -->
                    <article class="card card-full hover-a mb-4">
                      <div class="row">
                        <div class="col-sm-6 col-md-12 col-lg-6">
                          <!-- thumbnail & category-->
                          <div class="ratio_466-261 image-wrapper">
                            <a href="#">
                              <img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/360x202/img1.jpg" alt="Image description">
                            </a>
                            <a class="position-absolute m-2 t-0 p-1 badge badge-warning rounded-0" href="#">Basketball</a>
                          </div>
                        </div>
                        <div class="col-sm-6 col-md-12 col-lg-6">
                          <div class="card-body pt-3 pt-sm-0 pt-md-3 pt-lg-0">
                            <!--title-->
                            <h3 class="card-title h2 h3-sm h2-md">
                              <a href="#">Guiseley to face Fleetwood in FA Cup second round</a>
                            </h3>
                            <!-- author, date & comments -->
                            <div class="card-text my-2 text-muted small">
                              <span class="d-none d-sm-inline me-1">
                                <a class="fw-bold" href="#">John Doe</a>
                              </span>
                              <time datetime="2019-10-21">Oct 21, 2019</time>
                              <span title="5 comment" class="float-end">
                                <span class="icon-comments"></span> 5
                              </span>
                            </div>
                            <!--content text-->
                            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content...</p>
                            <!--read more-->
                            <a href="#" class="btn btn-outline-primary rounded-0">Read more</a>
                            <!--share-->
                            <div class="btn-group dropend">
                              <button type="button" class="btn btn-primary dropdown-toggle no-caret rounded-0" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share me-1" viewBox="0 0 16 16">
                                  <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/>
                                </svg> Share
                              </button>
                              <div class="dropdown-menu z-index-10 rounded-0">
                                <!--replace link with your post link-->
                                <a class="dropdown-item blank-windows" href="https://www.facebook.com/sharer.php?u=https://www.bootstrap.news" title="Share to Facebook">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                                    <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
                                  </svg> Facebook
                                </a>
                                <a class="dropdown-item blank-windows" href="https://www.twitter.com/share?url=https://www.bootstrap.news" title="Share to Twitter">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                                    <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
                                  </svg> Twitter
                                </a>
                                <a class="dropdown-item blank-windows" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.bootstrap.news" title="Share to Linkedin">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 512 512"><path d="M444.17,32H70.28C49.85,32,32,46.7,32,66.89V441.61C32,461.91,49.85,480,70.28,480H444.06C464.6,480,480,461.79,480,441.61V66.89C480.12,46.7,464.6,32,444.17,32ZM170.87,405.43H106.69V205.88h64.18ZM141,175.54h-.46c-20.54,0-33.84-15.29-33.84-34.43,0-19.49,13.65-34.42,34.65-34.42s33.85,14.82,34.31,34.42C175.65,160.25,162.35,175.54,141,175.54ZM405.43,405.43H341.25V296.32c0-26.14-9.34-44-32.56-44-17.74,0-28.24,12-32.91,23.69-1.75,4.2-2.22,9.92-2.22,15.76V405.43H209.38V205.88h64.18v27.77c9.34-13.3,23.93-32.44,57.88-32.44,42.13,0,74,27.77,74,87.64Z"/></svg> Linkedin
                                </a>
                                <a class="dropdown-item" href="mailto:?subject=Your post title&body=Read complete article in here https://www.bootstrap.news" title="Share by Email">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
                                    <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383l-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/>
                                  </svg> Email
                                </a>
                                <a class="dropdown-item" href="javascript:;" onclick="window.print()" title="Print this articles">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-printer" viewBox="0 0 16 16">
                                    <path d="M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
                                    <path d="M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2H5zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4V3zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2H5zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"/>
                                  </svg> Print
                                </a>
                              </div>
                            </div>
                            <!--end share button-->
                          </div>
                        </div>
                      </div>
                    </article>
                    <!-- post start -->
                    <article class="card card-full hover-a mb-4">
                      <div class="row">
                        <div class="col-sm-6 col-md-12 col-lg-6">
                          <!-- thumbnail & category -->
                          <div class="ratio_466-261 image-wrapper">
                            <a href="#">
                              <img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/360x202/img2.jpg" alt="Image description">
                            </a>
                            <a class="position-absolute m-2 t-0 p-1 badge badge-warning rounded-0" href="#">Football</a>
                          </div>
                        </div>
                        <div class="col-sm-6 col-md-12 col-lg-6">
                          <div class="card-body pt-3 pt-sm-0 pt-md-3 pt-lg-0">
                            <!--title-->
                            <h3 class="card-title h2 h3-sm h2-md">
                              <a href="#">Meet The Man Who Designed The Ducati Monster</a>
                            </h3>
                            <!-- author, date & comments -->
                            <div class="card-text my-2 text-muted small">
                              <span class="d-none d-sm-inline me-1">
                                <a class="fw-bold" href="#">John Doe</a>
                              </span>
                              <time datetime="2019-10-21">Oct 21, 2019</time>
                              <span title="5 comment" class="float-end">
                                <span class="icon-comments"></span> 5
                              </span>
                            </div>
                            <!--content text-->
                            <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content...</p>
                            <!--read more-->
                            <a href="#" class="btn btn-outline-primary rounded-0">Read more</a>
                            <!--share-->
                            <div class="btn-group dropend">
                              <button type="button" class="btn btn-primary dropdown-toggle no-caret rounded-0" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share me-1" viewBox="0 0 16 16">
                                  <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/>
                                </svg> Share
                              </button>
                              <div class="dropdown-menu z-index-10 rounded-0">
                                <!--replace link with your post link-->
                                <a class="dropdown-item blank-windows" href="https://www.facebook.com/sharer.php?u=https://www.bootstrap.news" title="Share to Facebook">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                                    <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
                                  </svg> Facebook
                                </a>
                                <a class="dropdown-item blank-windows" href="https://www.twitter.com/share?url=https://www.bootstrap.news" title="Share to Twitter">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                                    <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
                                  </svg> Twitter
                                </a>
                                <a class="dropdown-item blank-windows" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.bootstrap.news" title="Share to Linkedin">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 512 512"><path d="M444.17,32H70.28C49.85,32,32,46.7,32,66.89V441.61C32,461.91,49.85,480,70.28,480H444.06C464.6,480,480,461.79,480,441.61V66.89C480.12,46.7,464.6,32,444.17,32ZM170.87,405.43H106.69V205.88h64.18ZM141,175.54h-.46c-20.54,0-33.84-15.29-33.84-34.43,0-19.49,13.65-34.42,34.65-34.42s33.85,14.82,34.31,34.42C175.65,160.25,162.35,175.54,141,175.54ZM405.43,405.43H341.25V296.32c0-26.14-9.34-44-32.56-44-17.74,0-28.24,12-32.91,23.69-1.75,4.2-2.22,9.92-2.22,15.76V405.43H209.38V205.88h64.18v27.77c9.34-13.3,23.93-32.44,57.88-32.44,42.13,0,74,27.77,74,87.64Z"/></svg> Linkedin
                                </a>
                                <a class="dropdown-item" href="mailto:?subject=Your post title&body=Read complete article in here https://www.bootstrap.news" title="Share by Email">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
                                    <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383l-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/>
                                  </svg> Email
                                </a>
                                <a class="dropdown-item" href="javascript:;" onclick="window.print()" title="Print this articles">
                                  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-printer" viewBox="0 0 16 16">
                                    <path d="M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
                                    <path d="M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2H5zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4V3zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2H5zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"/>
                                  </svg> Print
                                </a>
                              </div>
                            </div>
                            <!--end share button-->
                          </div>
                        </div>
                      </div>
                    </article>
                    <!-- end post -->
                    <div class="gap-0"></div>
                  </div>
                  <!--End Block-->
                
              

Block 15 with custom color

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

                
                  <!-- Block start -->
                  <div class="block-area block-danger">
                  ....
                  ....
                  </div>
                  <!--End Block-->
                
              

Block 15 - on 1 columns

                      
                        <!--Block start-->
                        <div class="block-area">
                          <!--block title-->
                          <div class="block-title-6">
                            <h4 class="h5 border-primary">
                              <span class="bg-primary text-white">Latest news</span>
                            </h4>
                          </div>
                          <!-- post start -->
                          <article class="card card-full hover-a mb-4">
                            <div class="row">
                              <div class="col-sm-6 col-md-12">
                                <!-- thumbnail & category-->
                                <div class="ratio_466-261 image-wrapper">
                                  <a href="#">
                                    <img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/360x202/img1.jpg" alt="Image description">
                                  </a>
                                  <a class="position-absolute m-2 t-0 p-1 badge badge-warning rounded-0" href="#">Basketball</a>
                                </div>
                              </div>
                              <div class="col-sm-6 col-md-12">
                                <div class="card-body pt-3 pt-sm-0 pt-md-3">
                                  <!--title-->
                                  <h3 class="card-title h2 h3-sm h2-lg">
                                    <a href="#">Guiseley to face Fleetwood in FA Cup second round</a>
                                  </h3>
                                  <!-- author, date & comments -->
                                  <div class="card-text my-2 text-muted small">
                                    <span class="d-none d-sm-inline me-1">
                                      <a class="fw-bold" href="#">John Doe</a>
                                    </span>
                                    <time datetime="2019-10-21">Oct 21, 2019</time>
                                    <span title="5 comment" class="float-end">
                                      <span class="icon-comments"></span> 5
                                    </span>
                                  </div>
                                  <!--content text-->
                                  <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content...</p>
                                  <!--read more-->
                                  <a href="#" class="btn btn-outline-primary rounded-0">Read more</a>
                                  <!--share-->
                                  <div class="btn-group dropend">
                                    <button type="button" class="btn btn-primary dropdown-toggle no-caret rounded-0" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share me-1" viewBox="0 0 16 16">
                                        <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/>
                                      </svg> Share
                                    </button>
                                    <div class="dropdown-menu z-index-10 rounded-0">
                                      <!--replace link with your post link-->
                                      <a class="dropdown-item blank-windows" href="https://www.facebook.com/sharer.php?u=https://www.bootstrap.news" title="Share to Facebook">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                                          <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
                                        </svg> Facebook
                                      </a>
                                      <a class="dropdown-item blank-windows" href="https://www.twitter.com/share?url=https://www.bootstrap.news" title="Share to Twitter">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                                          <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
                                        </svg> Twitter
                                      </a>
                                      <a class="dropdown-item blank-windows" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.bootstrap.news" title="Share to Linkedin">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 512 512"><path d="M444.17,32H70.28C49.85,32,32,46.7,32,66.89V441.61C32,461.91,49.85,480,70.28,480H444.06C464.6,480,480,461.79,480,441.61V66.89C480.12,46.7,464.6,32,444.17,32ZM170.87,405.43H106.69V205.88h64.18ZM141,175.54h-.46c-20.54,0-33.84-15.29-33.84-34.43,0-19.49,13.65-34.42,34.65-34.42s33.85,14.82,34.31,34.42C175.65,160.25,162.35,175.54,141,175.54ZM405.43,405.43H341.25V296.32c0-26.14-9.34-44-32.56-44-17.74,0-28.24,12-32.91,23.69-1.75,4.2-2.22,9.92-2.22,15.76V405.43H209.38V205.88h64.18v27.77c9.34-13.3,23.93-32.44,57.88-32.44,42.13,0,74,27.77,74,87.64Z"/></svg> Linkedin
                                      </a>
                                      <a class="dropdown-item" href="mailto:?subject=Your post title&body=Read complete article in here https://www.bootstrap.news" title="Share by Email">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
                                          <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383l-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/>
                                        </svg> Email
                                      </a>
                                      <a class="dropdown-item" href="javascript:;" onclick="window.print()" title="Print this articles">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-printer" viewBox="0 0 16 16">
                                          <path d="M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
                                          <path d="M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2H5zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4V3zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2H5zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"/>
                                        </svg> Print
                                      </a>
                                    </div>
                                  </div>
                                  <!--end share button-->
                                </div>
                              </div>
                            </div>
                          </article>
                          <!-- post start -->
                          <article class="card card-full hover-a mb-4">
                            <div class="row">
                              <div class="col-sm-6 col-md-12">
                                <!-- thumbnail & category-->
                                <div class="ratio_466-261 image-wrapper">
                                  <a href="#">
                                    <img class="img-fluid lazy" src="../../assets/img/assets/lazy-empty.png" data-src="../../assets/img/360x202/img2.jpg" alt="Image description">
                                  </a>
                                  <a class="position-absolute m-2 t-0 p-1 badge badge-warning rounded-0" href="#">Football</a>
                                </div>
                              </div>
                              <div class="col-sm-6 col-md-12">
                                <div class="card-body pt-3 pt-sm-0 pt-md-3">
                                  <!--title-->
                                  <h3 class="card-title h2 h3-sm h2-lg">
                                    <a href="#">Meet The Man Who Designed The Ducati Monster</a>
                                  </h3>
                                  <!-- author, date & comments -->
                                  <div class="card-text my-2 text-muted small">
                                    <span class="d-none d-sm-inline me-1">
                                      <a class="fw-bold" href="#">John Doe</a>
                                    </span>
                                    <time datetime="2019-10-21">Oct 21, 2019</time>
                                    <span title="5 comment" class="float-end">
                                      <span class="icon-comments"></span> 5
                                    </span>
                                  </div>
                                  <!--content text-->
                                  <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content...</p>
                                  <!--read more-->
                                  <a href="#" class="btn btn-outline-primary rounded-0">Read more</a>
                                  <!--share-->
                                  <div class="btn-group dropend">
                                    <button type="button" class="btn btn-primary dropdown-toggle no-caret rounded-0" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-share me-1" viewBox="0 0 16 16">
                                        <path d="M13.5 1a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5zm-8.5 4a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm11 5.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/>
                                      </svg> Share
                                    </button>
                                    <div class="dropdown-menu z-index-10 rounded-0">
                                      <!--replace link with your post link-->
                                      <a class="dropdown-item blank-windows" href="https://www.facebook.com/sharer.php?u=https://www.bootstrap.news" title="Share to Facebook">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
                                          <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
                                        </svg> Facebook
                                      </a>
                                      <a class="dropdown-item blank-windows" href="https://www.twitter.com/share?url=https://www.bootstrap.news" title="Share to Twitter">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
                                          <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
                                        </svg> Twitter
                                      </a>
                                      <a class="dropdown-item blank-windows" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.bootstrap.news" title="Share to Linkedin">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 512 512"><path d="M444.17,32H70.28C49.85,32,32,46.7,32,66.89V441.61C32,461.91,49.85,480,70.28,480H444.06C464.6,480,480,461.79,480,441.61V66.89C480.12,46.7,464.6,32,444.17,32ZM170.87,405.43H106.69V205.88h64.18ZM141,175.54h-.46c-20.54,0-33.84-15.29-33.84-34.43,0-19.49,13.65-34.42,34.65-34.42s33.85,14.82,34.31,34.42C175.65,160.25,162.35,175.54,141,175.54ZM405.43,405.43H341.25V296.32c0-26.14-9.34-44-32.56-44-17.74,0-28.24,12-32.91,23.69-1.75,4.2-2.22,9.92-2.22,15.76V405.43H209.38V205.88h64.18v27.77c9.34-13.3,23.93-32.44,57.88-32.44,42.13,0,74,27.77,74,87.64Z"/></svg> Linkedin
                                      </a>
                                      <a class="dropdown-item" href="mailto:?subject=Your post title&body=Read complete article in here https://www.bootstrap.news" title="Share by Email">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
                                          <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383l-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/>
                                        </svg> Email
                                      </a>
                                      <a class="dropdown-item" href="javascript:;" onclick="window.print()" title="Print this articles">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-printer" viewBox="0 0 16 16">
                                          <path d="M2.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1z"/>
                                          <path d="M5 1a2 2 0 0 0-2 2v2H2a2 2 0 0 0-2 2v3a2 2 0 0 0 2 2h1v1a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-1h1a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2h-1V3a2 2 0 0 0-2-2H5zM4 3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2H4V3zm1 5a2 2 0 0 0-2 2v1H2a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1h-1v-1a2 2 0 0 0-2-2H5zm7 2v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"/>
                                        </svg> Print
                                      </a>
                                    </div>
                                  </div>
                                  <!--end share button-->
                                </div>
                              </div>
                            </div>
                          </article>
                          <!-- end post -->
                          <div class="gap-0"></div>
                        </div>
                        <!--End Block-->