ze-gw/components/BannerTwo.vue

<template>
  <section class="banner-two" id="banner">
    <span class="banner-two__shape-1"></span>
    <span class="banner-two__shape-2"></span>
    <span class="banner-two__shape-3"></span>
    <span class="banner-two__shape-4"></span>
    <div class="banner-two__moc">
      <img src="/assets/images/mocs/banner-moc-2-1.png" alt="Awesome Image" />
    </div><!-- /.banner-two__moc -->
    <div class="container">
      <div class="row">
        <div class="col-xl-6 col-lg-8">
          <div class="banner-two__content">
            <h3 class="banner-two__title">We Deliver the <br> <span>Software</span> you <br> Need.</h3><!-- /.banner-two__title -->
            <p class="banner-two__text">We are committed to providing our customers with <br> exceptional service while offering our employees the <br> best training.</p>
            <!-- /.banner-two__text -->
            <a href="#" class="banner-two__btn thm-btn "><span>Get Started</span></a><!-- /.thm-btn -->
          </div><!-- /.banner-two__content -->
        </div><!-- /.col-lg-6 -->
      </div><!-- /.row -->
    </div><!-- /.container -->
  </section>
</template>

<script>
    export default {
      name: "BannerTwo"
    }
</script>

<style scoped>

</style>