Spamworldpro Mini Shell
Spamworldpro


Server : Apache
System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64
User : corals ( 1002)
PHP Version : 7.4.33
Disable Function : exec,passthru,shell_exec,system
Directory :  /home/corals/vreg/pages/

Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 

Current File : /home/corals/vreg/pages/about-us.vue
<template>
  <div>
    <!-- Banner -->
    <section class="about-banner m-f-top">
      <div class="container">
        <h4>Our mission is clear</h4>
        <h1>Simplify vehicle registration renewal by providing an alternate hassle-free solution.</h1>
      </div>
      <picture>
        <source media="(min-width: 992px)" srcset="/images/about-us/about-banner-new.webp">
        <source media="(max-width: 991px)" srcset="/images/about-us/about-banner-new-mobile.webp">
        <img src="/images/about-us/about-banner-final.webp" alt="About Us" class="img-fluid about-banner-img">
      </picture>
    </section>


    <!-- Timer section -->
    <section class="about-timer">
      <div class="container">
        <h2>Built for vehicle owners, by vehicle owners.</h2>
        <p>Founded in 2020 out of necessity – {{ appDomain }} serves the local community by simplifying the process and
          helping vehicle owners safely renew their vehicle registration online. Since then, we’ve helped thousands of
          vehicle owners avoid unnecessary crowds and waiting rooms, while still getting the service and support they
          need to renew their vehicle registration online anytime and anywhere.</p>
        <div class="timer">
          <div class="box"><h6>7</h6>
            <div class="inner"></div>
          </div>
          <div class="box"><h6>8</h6>
            <div class="inner"></div>
          </div>
          <div class="box"><h6>2</h6>
            <div class="inner"></div>
          </div>
          <div class="box"><h6>5</h6>
            <div class="inner"></div>
          </div>
          <div class="box"><h6>2</h6>
            <div class="inner"></div>
          </div>
          <div class="box"><h6>9</h6>
            <div class="inner"></div>
          </div>
        </div>
        <h5>Visitors and counting...</h5>
      </div>
    </section>

    <!-- Certificate section -->
    <section class="about-cert">
      <div class="container">
        <div class="cert-outer">
          <div class="cert-inner">
            <h6>A message from Julian, Co-founder of {{ appDomain }}</h6>
            <p><b>"{{ appDomain }} is an important venture for me, for an unfortunately unsettling reason. In the
              middle of 2020, while being told to avoid crowds, close-contact settings and confined or enclosed
              spaces,some vehicle owners were still required to renew their vehicle registration in person."</b></p>
            <p>Although being well versed in technology, having studied computer science, I could not understand why
              renewing a vehicle registration was so inconvenient and stressful. I originally tried to renew online
              using the official state portal but came to a dead end with the words: </p>
            <p><i>“Your registration is not currently eligible for online processing. Please contact your tax
              collector’s office.”</i></p>
            <p>I thought of my loved ones, especially those considered high risk, who were also vehicle owners and
              started asking questions. The answers I found led me to create {{ appDomain }}. </p>
            <p class="before-last">You deserve hassle-freeservice. We’re so happy you’re here.</p>
            <p class="last"><b>Welcome to the {{ appDomain }} family!</b></p>
            <svg class="sign" width="78" height="57" viewBox="0 0 78 57" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path
                d="M6.79775 9.16885C6.97181 13.5785 8.05484 17.9096 9.27901 22.133C11.3338 29.2218 12.8241 36.3855 14.1838 43.6372C14.7363 46.5837 14.8718 49.5682 14.7609 52.5621C14.6343 55.9789 10.6542 56.0517 8.02876 56.1782C5.67678 56.2915 1.85212 56.3035 1.14278 53.4661C0.27603 49.9991 3.54014 47.9959 5.95143 46.1954C12.3922 41.3864 16.492 36.242 16.492 28.0187C16.492 26.8939 15.9649 22.2073 17.2998 24.8258C17.51 25.238 21.1134 32.4846 22.3008 30.8655C23.2853 29.523 21.1374 25.049 20.7236 23.5179C20.5198 22.7639 24.1252 27.4411 24.609 25.2297C25.8378 19.6123 24.6701 12.4272 23.4164 6.93764C23.3888 6.81682 22.2351 1.44199 21.493 1.59042C21.1249 1.66404 21.3263 2.33086 21.3391 2.70603C21.3789 3.87166 21.5854 5.3409 21.8007 6.43754C23.0951 13.0293 25.458 19.4508 28.7444 25.3067C30.1125 27.7443 32.304 31.8737 35.3034 32.6735C36.4963 32.9916 35.2701 27.3299 35.188 26.9031C34.6434 24.0714 32.9183 15.6717 32.9183 18.5553C32.9183 20.9549 35.4226 23.8496 36.8037 25.576C37.1808 26.0473 38.8626 28.45 38.9772 26.73C39.144 24.2281 39.1738 21.4326 38.6502 18.9785C38.4762 18.1629 38.1821 17.7898 38.9965 19.0554C39.5079 19.8503 41.2543 23.8217 42.4587 23.7102C43.9076 23.576 38.2484 16.7587 42.4587 17.709C42.4587 16.8057 43.1764 19.3836 43.7089 20.1133C44.502 21.2002 45.4949 22.5672 46.8826 22.9408C47.7095 23.1634 47.2056 18.5167 47.1519 18.0937C46.236 10.8807 46.711 19.7271 49.4024 16.9012C51.2263 14.9861 52.6115 15.0588 55.2689 15.2854C62.0463 15.8636 69.7559 15.6741 76.3885 14.016"
                stroke="#182D40" stroke-width="1.5" stroke-linecap="round"/>
              <path d="M31.1254 8.07385C27.7511 10.8155 31.5318 10.8035 33.549 9.45874" stroke="#182D40"
                    stroke-width="1.5" stroke-linecap="round"/>
            </svg>
          </div>
        </div>
      </div>
      <picture>
        <source media="(min-width: 768px)" srcset="/images/about-us/about-couple-desktop.webp">
        <source media="(max-width: 767px)" srcset="/images/about-us/about-couple-new-mobile.webp">
        <img src="/images/about-us/about-couple-desktop.webp" alt="Couple" class="img-fluid cert-img">
      </picture>
    </section>

    <!-- Why it matters section -->
    <section class="about-matters">
      <div class="container">
        <div class="about-row">
          <div class="img-wrapper">
            <img src="/images/about-us/live-agent.webp" alt="Lady" class="matters-lady img-fluid">
          </div>
          <div class="text-wrapper">
            <h6>Why it matters</h6>
            <h2>Our mission is to provide an easy and hassle-free alternate solution to renewing your vehicle
              registration.</h2>
            <p>While we understand the need for - and have fully embraced - technology to better serve our customers, we
              still believe in the power of being human. Whether your {{ appDomain }} experience was everything you
              hoped it would be or not quite what you were expecting, you can rest assured that a real live human
              customer experience manager is here to express gratitude or make things right. </p>
            <p>No automated responses. Just real people. </p>
            <p class="last">Here to help.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- About Solutions section -->
    <section class="home-info-1 about-info-1">
      <div class="container">
        <h4>Simple process, convenientresults</h4>
        <h2>Solutions that provide value</h2>
        <div class="row">
          <div class="col-lg-4">
            <img src="/images/about-us/notification-final.webp" alt="Image" class="img-fluid">
            <h5>1. Text notifications</h5>
            <p>We offer convenient text message notifications throughout the entire renewal process. </p>
          </div>
          <div class="col-lg-4">
            <img src="/images/about-us/status-check.webp" alt="Image" class="img-fluid">
            <h5>2. Instant status checks</h5>
            <p>We alert you of any holds or state stops that might prevent you from renewing your vehicle.</p>
          </div>
          <div class="col-lg-4">
            <img src="/images/about-us/confirmation-final.webp" alt="Image" class="img-fluid">
            <h5>3. Hassle-free ticket protection </h5>
            <p>We reimburse you (up to $200) if you receive a ticket for an expired registration after purchasing our
              services. </p>
          </div>
        </div>
      </div>
    </section>

    <!-- Customer review section -->
    <section class="about-cust">
      <div class="container">
        <h4>Your satisfaction is our priority</h4>
        <h2>Hear first-hand from some of our happy customers</h2>
      </div>

      <div class="about-cust-img-wrapper">

        <div class="container">
          <div class="about-img-box">
            <div class="img-box">
              <picture>
                <source media="(min-width: 768px)" srcset="/images/about-us/customer-girl-new.webp">
                <source media="(max-width: 767px)" srcset="/images/about-us/customer-girl-new-mobile.webp">
                <img src="/images/about-us/customer-girl-new.webp" alt="Lady" class="img-fluid cust-lady">
              </picture>

              <picture>
                <source media="(min-width: 768px)" srcset="/images/about-us/customer-guy-new.webp">
                <source media="(max-width: 767px)" srcset="/images/about-us/customer-guy-last-mobile.webp">
                <img src="/images/about-us/customer-guy-new.webp" alt="Lady" class="img-fluid cust-guy">
              </picture>
            </div>
            <div class="lady-review review-box">
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mattis hendrerit risus integer tincidunt
                massa. Tortor molestie mi viverra pellentesque hendrerit phasellus. Sodales ipsum nunc mauris nunc.
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mattis hendrerit risus integer.</p>
              <h6><b>Client Name</b> <br> City, ST</h6>
            </div>
            <div class="guy-review review-box">
              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mattis hendrerit risus integer tincidunt
                massa. Tortor molestie mi viverra pellentesque hendrerit phasellus. </p>
              <h6><b>Client Name</b> <br> City, ST</h6>
            </div>
          </div>
        </div>
        <div class="wrapper-for-hover">
          <div class="half-box for-lady"></div>
          <div class="half-box for-guy"></div>
        </div>
      </div>


      <div class="about-cust-mobile-wrapper">
        <div class="container">
          <div class="lady-review-mobile review-box-mobile">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mattis hendrerit risus integer tincidunt massa.
              Tortor molestie mi viverra pellentesque hendrerit phasellus. Sodales ipsum nunc mauris nunc. Lorem ipsum
              dolor sit amet, consectetur adipiscing elit. Mattis hendrerit risus integer.</p>
            <h6><b>Client Name</b> <br> City, ST</h6>
          </div>
          <div class="guy-review-mobile review-box-mobile">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mattis hendrerit risus integer tincidunt massa.
              Tortor molestie mi viverra pellentesque hendrerit phasellus. </p>
            <h6><b>Client Name</b> <br> City, ST</h6>
          </div>
        </div>
      </div>


    </section>

  </div>
</template>

<script>
export default {
  name: "about-us",
  head() {
    return {
      title: 'About us'
    }
  }
}
</script>

<style scoped>

</style>

Spamworldpro Mini