<template>
  <div class="intro intro-carousel">
    <div id="carousel" class="owl-carousel owl-theme">
      <div
        class="carousel-item-a intro-item bg-image"
        style="background-image: url(img/slide-1.jpg)"
      >
        <div class="overlay overlay-a"></div>
        <div class="intro-content display-table">
          <div class="table-cell">
            <div class="container">
              <div class="row">
                <div class="col-lg-8">
                  <div class="intro-body">
                    <p class="intro-title-top">
                      Mooikloof, Pretoria
                      <br />0081
                    </p>
                    <h1 class="intro-title mb-4">
                      <span class="color-b">10</span> Jollify
                      <br />Main Road
                    </h1>
                    <p class="intro-subtitle intro-price">
                      <a href="#">
                        <span class="price-a">rent | R 12 000</span>
                      </a>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="carousel-item-a intro-item bg-image"
        style="background-image: url(img/slide-2.jpg)"
      >
        <div class="overlay overlay-a"></div>
        <div class="intro-content display-table">
          <div class="table-cell">
            <div class="container">
              <div class="row">
                <div class="col-lg-8">
                  <div class="intro-body">
                    <p class="intro-title-top">
                      R303, Koue Bokkeveld, Cederberg
                      <br />6836
                    </p>
                    <h1 class="intro-title mb-4">
                      <span class="color-b">Kagga</span> Kamma
                      <br />
                    </h1>
                    <p class="intro-subtitle intro-price">
                      <a href="#">
                        <span class="price-a">rent | R 12 000</span>
                      </a>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="carousel-item-a intro-item bg-image"
        style="background-image: url(img/slide-3.jpg)"
      >
        <div class="overlay overlay-a"></div>
        <div class="intro-content display-table">
          <div class="table-cell">
            <div class="container">
              <div class="row">
                <div class="col-lg-8">
                  <div class="intro-body">
                    <p class="intro-title-top">
                      Farm Whisky, Tenbosch Road, Komatiepoort
                      <br />1340
                    </p>
                    <h1 class="intro-title mb-4">
                      <span class="color-b">Ngwenya</span> Lodge
                      <br />
                    </h1>
                    <p class="intro-subtitle intro-price">
                      <a href="#">
                        <span class="price-a">rent | R 12 000</span>
                      </a>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>
