UnivateProperties/src/components/home/serviceSection.vue

<template>
  <!-- eslint-disable max-len -->
  <div>
    <section class="section-services 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">Our Services</h2>
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-4">
            <div class="card-box-c foo">
              <div class="card-header-c d-flex">
                <div class="card-box-ico">
                  <span class="fa fa-umbrella"></span>
                </div>
                <div class="card-title-c align-self-center">
                  <h2 class="title-c">Timeshare</h2>
                </div>
              </div>
              <div class="card-body-c">
                <p class="content-c">
                  Need to sell your timeshare, or thinking of buying a holiday week?
                  <br />Get in touch to meet the professionals that has made timeshare resales a pleasure...
                </p>
              </div>
              <div class="card-body-c">
                <router-link to="/timeshare/buy">
                  Read more
                  <span class="ion-ios-arrow-forward" style="color:#60CBEB"></span>
                </router-link>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card-box-c foo">
              <div class="card-header-c d-flex">
                <div class="card-box-ico">
                  <span class="fa fa-home"></span>
                </div>
                <div class="card-title-c align-self-center">
                  <h2 class="title-c">Residential</h2>
                </div>
              </div>
              <div class="card-body-c">
                <p class="content-c">
                  Find your dream home or looking to sell your residential property, instead?
                  <br />We pride ourself on professionalism and the right expertise...
                </p>
              </div>
              <div class="card-footer-c">
                <router-link to="/property/Residential/Search">
                  Read more
                  <span class="ion-ios-arrow-forward" style="color:#60CBEB"></span>
                </router-link>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="card-box-c foo">
              <div class="card-header-c d-flex">
                <div class="card-box-ico">
                  <span class="fa fa-building-o"></span>
                </div>
                <div class="card-title-c align-self-center">
                  <h2 class="title-c">Commercial</h2>
                </div>
              </div>
              <div class="card-body-c">
                <p class="content-c">
                  Want to generate profit through leasing or rental?
                  <br />Allow us to act as the mediator between landlord and tenants...
                </p>
              </div>
              <div class="card-footer-c">
                <router-link to="/property/Commercial/Search">
                  Read more
                  <span class="ion-ios-arrow-forward" style="color:#60CBEB"></span>
                </router-link>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</template>
<script>
export default {};
</script>