<div class="card card-custom">
 <div class="card-header">
  <h3 class="card-title">
   Google reCaptcha Examples
  </h3>
 </div>
 <!--begin::Form-->
 <form class="form">
  <div class="card-body">
   <div class="form-group row">
    <label class="col-form-label text-right col-lg-3 col-sm-12">Google reCaptcha</label>
    <div class="col-lg-4 col-md-9 col-sm-12">
     <div class="g-recaptcha" data-sitekey="6LdnLwgUAAAAAAIb9L3PQlHQgvSCi16sYgbMIMFR"></div>
     <div class="form-text text-muted">
      To learn more about Google reCaptcha please visit <a class="link" href="http://www.google.com/recaptcha" target="_blank">
      http://www.google.com/recaptcha </a>
     </div>
    </div>
    <script src="https://www.google.com/recaptcha/api.js"></script>
   </div>
  </div>
  <div class="card-footer">
   <div class="row">
    <div class="col-lg-9 ml-lg-auto">
     <button type="reset" class="btn btn-primary mr-2">Submit</button>
     <button type="reset" class="btn btn-secondary">Cancel</button>
    </div>
   </div>
  </div>
 </form>
 <!--end::Form-->
</div>