<template>
  <div id="contact-area" class="section section-padding-extra contact-area">
    <div class="container">
      <div class="row">
        <div class="col-md-12 text-center">
          <div class="section-heading">
            <h2 class="section-title">Imparte una charla en MedellínJS</h2>
            <p class="section-subtitle">
              Somos una comunidad abierta, por lo tanto brindamos el espacio
              ideal para que compartas tu conocimiento con los asistentes a
              nuestras reuniones.
            </p>
            <p class="section-subtitle">
              Cada mes contamos con que dos miembros de la comunidad se animen a
              exponer sus experiencias en algún tema relacionado con JavaScript
              y así difundir el conocimiento personal para transformarlo en
              conocimiento colectivo.
            </p>
            <h3 class="section-talk-tips">
              Consejos generales para preparar tu charla
            </h3>
            <div>
              <ul class="without-list-style">
                <li>
                  Construye una presentación breve sobre el tema seleccionado.
                </li>
                <li>
                  Crea ejemplos básicos sobre la herramienta o el tema de la
                  charla.
                </li>
                <li>
                  En lo posible crea un artículo sobre el tema para ser
                  publicado luego en nuestro blog.
                </li>
                <li>
                  Prepara un repositorio en Github para compartir los ejemplos
                  con la comunidad.
                </li>
                <li>
                  Compila una lista de referencias para que los asistentes
                  puedan profundizar en el tema.
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 text-center">
          <p>&nbsp;</p>
          <iframe
            src="//docs.google.com/forms/d/e/1FAIpQLSczKOv3FDAYfPfD3_IGl3Z9cRBPSa-9gqQAZ5E7xK0g-72VyQ/viewform?embedded=true"
            width="90%"
            height="1600px"
            frameborder="0"
            marginheight="0"
            marginwidth="0"
            >Loading...</iframe
          >
        </div>
      </div>
      <div class="row">
        <div class="contact-infos">
          <div class="col-sm-4 text-center">
            <div
              class="contact-item wow animated fadeInUp"
              data-wow-duration="1.5s"
            >
              <span class="contact-icon">
                <fa icon="map-marker-alt" />
              </span>
              <p class="contact-detail">
                Complejo Ruta N Calle 67 Nº 52-20 <br />Medellín - Colombia
              </p>
            </div>
          </div>
          <div class="col-sm-4 text-center"></div>
          <div class="col-sm-4 text-center">
            <div
              class="contact-item wow animated fadeInUp"
              data-wow-delay="0.5s"
              data-wow-duration="1.5s"
            >
              <span class="contact-icon">
                <fa icon="envelope" />
              </span>
              <p class="contact-detail">
                <a href="mailto:medellinjs@gmail.com">medellinjs@gmail.com</a>
                <br /><a href="//github.com/coljs/medellinjs"
                  >https://github.com/coljs/medellinjs</a
                >
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
