<template>
  <!-- features start -->
  <section class="section bg-light features-bg">
    <b-container>
      <b-row class="align-items-center">
        <b-col lg="5">
          <h1 class="fs-38 mb-4">Connecting people, Places</h1>
          <p class="text-muted">
            On the other hand, we denounce with righteous indignation so blinded
            that they cannot.
          </p>

          <div class="d-flex mb-3">
            <div class="flex-shrink-0">
              <span
                class="avatar avatar-lg bg-white text-primary rounded-circle shadow-primary"
              >
                <i class="mdi mdi-check"></i>
              </span>
            </div>
            <div class="flex-grow-1 ms-4">
              <p class="text-muted">
                <span class="text-dark fw-bold"
                  >The wise a therefore always holds</span
                >
                in us matters to this principle a selection a rejects pleasures.
              </p>
            </div>
          </div>
          <div class="d-flex mb-3">
            <div class="flex-shrink-0">
              <span
                class="avatar avatar-lg bg-white text-primary rounded-circle shadow-primary"
              >
                <i class="mdi mdi-layers-outline"></i>
              </span>
            </div>
            <div class="flex-grow-1 ms-4">
              <p class="text-muted">
                Sed perspiciatis omnis a
                <span class="text-dark fw-bold"
                  >natus error accusantium doloremque</span
                >
                laudantium tota rem aperiam eaque ipsa quae illo inventore.
              </p>
            </div>
          </div>

          <div class="d-flex mb-3">
            <div class="flex-shrink-0">
              <span
                class="avatar avatar-lg bg-white text-primary rounded-circle shadow-primary"
              >
                <i class="mdi mdi-lock-outline"></i>
              </span>
            </div>
            <div class="flex-grow-1 ms-4">
              <p class="text-muted">
                Et sit
                <span class="text-dark fw-bold"
                  >quidem rerum facilis as expedita</span
                >
                distinctio am libero tempore cum
                <span class="text-dark fw-bold">soluta nobis est</span> eligendi
                optio cumque nihil impedit quo minus.
              </p>
            </div>
          </div>
        </b-col>

        <b-col lg="5" class="offset-lg-1">
          <img
            src="../assets/images/features-2.png"
            alt=""
            class="img-fluid d-block mx-auto ms-lg-auto"
          />
        </b-col>
      </b-row>
    </b-container>
  </section>
  <!-- features end -->
</template>

<script lang="ts">
export default {};
</script>

<style scoped></style>
