42 lines
		
	
	
		
			1.6 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			42 lines
		
	
	
		
			1.6 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
{% 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 %}
 |