UnivateProperties/src/components/home/newsSection.vue

<template>
  <div>
    <section class="section-news section-t8">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="title-wrap d-flex justify-content-between">
              <div class="title-box">
                <h2 class="title-a">Latest News</h2>
              </div>
              <div class="title-link">
                <a href="blog-grid.html">
                  All News
                  <span class="ion-ios-arrow-forward" style="color:#60CBEB"></span>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div id="new-carousel" class="owl-carousel owl-theme">
          <div class="carousel-item-c">
            <div class="card-box-b card-shadow news-box">
              <div class="img-box-b">
                <img src="img/Tenant.jpg" alt class="img-b img-fluid" />
              </div>
              <div class="card-overlay">
                <div class="card-header-b">
                  <div class="card-category-b">
                    <a href="#" class="category-b">Article</a>
                  </div>
                  <div class="card-title-b">
                    <h2 class="title-2">
                      <a href="blog-single.html">
                        Landlords, here’s how to spot a ‘bad’ tenant
                        <br />
                      </a>
                    </h2>
                  </div>
                  <div class="card-date">
                    <span class="date-b">31 Aug. 2019</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item-c">
            <div class="card-box-b card-shadow news-box">
              <div class="img-box-b">
                <img src="img/Poll.png" alt class="img-b img-fluid" />
              </div>
              <div class="card-overlay">
                <div class="card-header-b">
                  <div class="card-category-b">
                    <a href="#" class="category-b">Poll</a>
                  </div>
                  <div class="card-title-b">
                    <h2 class="title-2">
                      <a href="blog-single.html">
                        Which would you rather?
                        <br />
                      </a>
                    </h2>
                  </div>
                  <div class="card-date">
                    <span class="date-b">23 Aug. 2019</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item-c">
            <div class="card-box-b card-shadow news-box">
              <div class="img-box-b">
                <img src="img/Purchasing.jpg" alt class="img-b img-fluid" />
              </div>
              <div class="card-overlay">
                <div class="card-header-b">
                  <div class="card-category-b">
                    <a href="#" class="category-b">Article</a>
                  </div>
                  <div class="card-title-b">
                    <h2 class="title-2">
                      <a href="blog-single.html">
                        Six questions before purchasing
                        <br />
                      </a>
                    </h2>
                  </div>
                  <div class="card-date">
                    <span class="date-b">19 Aug. 2019</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="carousel-item-c">
            <div class="card-box-b card-shadow news-box">
              <div class="img-box-b">
                <img src="img/Article.jpg" alt class="img-b img-fluid" />
              </div>
              <div class="card-overlay">
                <div class="card-header-b">
                  <div class="card-category-b">
                    <a href="#" class="category-b">Poll</a>
                  </div>
                  <div class="card-title-b">
                    <h2 class="title-2">
                      <a href="#">
                        December holidays; a perfect family escape.
                        <br />
                      </a>
                    </h2>
                  </div>
                  <div class="card-date">
                    <span class="date-b">23 Aug. 2019</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</template>
<script>
export default {};
</script>