Contacto

¿Interesado en colaborar o tienes alguna pregunta? Contáctame aquí.

<div class="col-md-6">
  <h2>Ponte en contacto</h2>
  <p>Si estás interesado en colaborar en proyectos de investigación, tienes preguntas sobre mis publicaciones, o simplemente quieres conectar, no dudes en contactarme a través de cualquiera de estos canales:</p>
  
  <div class="contact-info">
    <div class="contact-item">
      <i class="fas fa-envelope"></i>
      <div>
        <h4>Email</h4>
        <p><a href="mailto:jgerardomoral@gmail.com">jgerardomoral@gmail.com</a></p>
      </div>
    </div>
    
    <div class="contact-item">
      <i class="fab fa-twitter"></i>
      <div>
        <h4>Twitter</h4>
        <p><a href="https://twitter.com/CircadianMora" target="_blank">@CircadianMora</a></p>
      </div>
    </div>
    
    <div class="contact-item">
      <i class="fab fa-linkedin"></i>
      <div>
        <h4>LinkedIn</h4>
        <p><a href="https://www.linkedin.com/in/jgerardomoral" target="_blank">jgerardomoral</a></p>
      </div>
    </div>
  </div>
</div>

<div class="col-md-6">
  <div class="contact-form">
    <h2>Formulario de contacto</h2>
    <form id="contact-form" action="https://formspree.io/f/tu-id-formspree" method="POST">
      <div class="form-group">
        <label for="name">Nombre</label>
        <input type="text" class="form-control" id="name" name="name" required>
      </div>
      
      <div class="form-group">
        <label for="email">Email</label>
        <input type="email" class="form-control" id="email" name="email" required>
      </div>
      
      <div class="form-group">
        <label for="subject">Asunto</label>
        <input type="text" class="form-control" id="subject" name="subject">
      </div>
      
      <div class="form-group">
        <label for="message">Mensaje</label>
        <textarea class="form-control" id="message" name="message" rows="5" required></textarea>
      </div>
      
      <button type="submit" class="btn btn-primary">Enviar mensaje</button>
    </form>
  </div>
</div>

<div class="col-12">
  <h2>Áreas de interés para colaboración</h2>
  <div class="collaboration-areas">
    <div class="collab-item">
      <i class="fas fa-microscope"></i>
      <h4>Investigación en nutrición traslacional</h4>
    </div>
    
    <div class="collab-item">
      <i class="fas fa-clock"></i>
      <h4>Cronobiología y ritmos circadianos</h4>
    </div>
    
    <div class="collab-item">
      <i class="fas fa-heartbeat"></i>
      <h4>Salud metabólica</h4>
    </div>
    
    <div class="collab-item">
      <i class="fas fa-rocket"></i>
      <h4>Medicina aeroespacial</h4>
    </div>
  </div>
</div>