<body>         
  <div class="container" style="margin-top:122px;">
    <h2 class="reg-title">REGISTRATION</h2>
    <div class="row">
      <div class="col-md-6 col-sm-12 col-xs-12" style="margin-top:20px;">
        <article> 
          <div class="tag-reg">
            <h3 class="reg-content">As a User</h3>
            <i class="fa fa-star" style="font-size:48px;color:#2dc997;"></i>
              <div class="reg-body">
                <p>As a user, you can: Request for a service, Rate, Review and Favorite a vendor for later reference, Report a vendor, Use our productivity tool, Get the free or paid version</p>
              </div>
            <div class="reg-content">
              <a href="register-sub-users.html" class="btn btn-primar btn-block" role="button" style="color:#fff;">Register</a>
            </div>
          </div>
        </article>
      </div>

      <div class="col-md-6 col-sm-12 col-xs-12" style="margin-top:20px;">
        <article>
          <div class="tag-reg">
            <h3 class="reg-content">As a Vendor</h3>
            <i class="fa fa-user" style="font-size:48px;color:#2dc997;"></i>
              <div class="reg-body">
                <p>As a vendor, you can:Create your services, Report a user, Get the free, paid or pro version.</p>
              </div>
            <div class="reg-content" style="margin-top:20px;">
              <a href="register-sub-vendors.html" class="btn btn-primar btn-block" role="button" style="color:#fff;">Register</a>
            </div>
          </div>
        </article>
      </div>
    </div>
  </div>