{% extends "layout.html" %}

{% block content %}

<div class="row">
  <h1>Contact</h1>
    <form id="contactform" action="contact.php" method="post" class="form-horizontal">
      <div class="form-group">
        <label class="control-label col-sm-2" for="nombre">Nombre:</label>
        <div class="col-sm-8">
          <input type="text" class="form-control" name="nombre" id="nombre" placeholder="Juan Perez" required>
        </div>
      </div>
      <div class="form-group">
        <label class="control-label col-sm-2" for="email">Email:</label>
        <div class="col-sm-8">
          <input type="email" class="form-control" name="email" id="email" placeholder="mail@example.com" required>
        </div>
      </div>
      <div class="form-group">
        <label class="control-label col-sm-2">Mensaje:</label>
        <div class="col-sm-8">
          <textarea class="form-control" rows="5" name="mensage"
          id="mensaje" placeholder="Los contacto por...." required></textarea>
        </div>
      </div>
      <div class="form-group">
        <div class="g-recaptcha col-sm-8 col-sm-offset-2" data-callback="onReturnCallback"data-sitekey="6LeLxy4UAAAAALcrNXxcOiW1B3QgcfgZ6u4l52kZ"></div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-2 col-sm-8">
          <button type="submit" class="btn btn-lg btn-primary">Enviar</button>
        </div>
      </div>
    </form>
  <br/>
  <div id="statusmsg" class="alert alert-success">
    <strong>Success!</strong> Indicates a successful or positive action.
  </div>
</div>
{% endblock %}