cobuild-angular-stack/modules/statics/views/static.contactus.html

Base stack angular sass jade gulp

<div>
  <div class="container-fluid">
    <h1 class="header-gray">Contáctanos</h1>
      <div class="map jumbotron">
        

          <div class="col-md-5 margin-top margin-bottom-5 no-float white-box">
            <div class="text-center">
              <h4 class="text-slate-grey">¡Salúdanos!</h4>
            </div>
            <form name="formContact" class="myform"
                  ng-submit="formContact.$valid && cuCtrl.sendContact(formContact,vmContactData)">
              
              <div class="form-group floating-label">
                <label class="control-label ng-binding" for="name">Nombre Completo</label>
                <input class="form-control" required type="text" id="name" ng-model="vmContactData.name">
              </div>

              <div class="form-group floating-label">
                <label class="control-label ng-binding" for="email">Email</label>
                <input class="form-control" required type="email" id="email" ng-pattern="validEmail" ng-model="vmContactData.email">
              </div>

              <div class="form-group floating-label">
                <label class="control-label ng-binding" for="message">Mensaje</label>
                <textarea class="form-control" required type="text" id="message"  ng-model="vmContactData.comment"></textarea>
              </div>
              
              <div class="form-group text-center">
                <button type="submit" ng-disabled="formContact.$invalid" class="btn btn-clear">Enviar</button>
              </div>

            </form>
          </div>
        
      </div>
  </div>
  <div class="container-fluid margin-bottom-2 text-cool-gray">
    <div class="text-center">
      <div class="col-md-2 col-md-offset-1 col-xs-12 margin-top-2">
          <i class="fa fa-phone fa-2x" aria-hidden="true"></i><br/>
          <a href="tel:+5215534483840">(+52 1) 55 3448 - 3840</a>
      </div>
      <div class="col-md-2 col-xs-12 margin-top-2">
          <i class="fa fa-whatsapp fa-2x" aria-hidden="true"></i><br/>
          <a href="tel:+5215534483840">(+52 1) 55 3448 - 3840</a>
          
      </div>
      <div class="col-md-2 col-xs-12 margin-top-2">
          <i class="fa fa-envelope fa-2x" aria-hidden="true"></i><br/>
          <a href="mailto:info@uniko.com">info@uniko.co</a>
      </div>
      <div class="col-md-2 col-xs-12 margin-top-2">
          <i class="fa fa-facebook fa-2x" aria-hidden="true"></i><br/>
          <a href="https://www.facebook.com/mesaderegalosunikodf/" target="_blank">facebook</a>
      </div>
      <div class="col-md-2 col-xs-12 margin-top-2">
          <i class="fa fa-twitter fa-2x" aria-hidden="true"></i><br/>
          <a href="https://twitter.com/unikoregalos" target="_blank">twitter</a>
      </div>
    </div>
  </div>
</div>