index.pug

include pug/common_functions.pug

doctype html
head
  meta(charset='UTF-8')
  meta(name='viewport' content='width=device-width, initial-scale=1.0')
  meta(http-equiv='X-UA-Compatible' content='ie=edge')
  //- Meta etiquetas para la imagen de vista previa
  meta(property="og:title", content="HDJuniors")
  meta(property="og:url", content="http://hdjuniors.github.io/newhdj")
  meta(property="og:image", content="images/logo.jpg")
  meta(property="og:description", content="Sitio de HDJ")
  title HDJ
  link(rel='stylesheet' href='css/reset.css')
  link(rel='stylesheet' href='css/common_styles.css')
  link(rel='stylesheet' href='css/styles.css')
  script(src='https://kit.fontawesome.com/5cb641fede.js' crossorigin='anonymous')
.container
  .back-video
    .effect-layer
    video(src='videos/fondo.mp4' autoplay='' loop='' controls='' muted='')
  .sections
    .left-section
      .img-wrapper
        .over-text
          p
            | ¡Hola! Nosotros somos HDJ. Si no nos conoces, somos un grupo de chicos que pertenecemos al Ministerio Familia Cristiana en Bahía Blanca, y que cada sábado aprendemos
            | del amor de Dios jugando, divirtiendonos, y disfrutando, porque aprender de Dios no tiene porque
            | ser aburrido.
            br
            br
            | 							Acá podés ver las clases, actividades y desafíos de cada semana. En nuestra galería tenemos algunas
            | 							fotos, también los libros que leemos y el calendario con las actividades que vamos a tener. Te invitamos
            | 							a que disfrutes de todo esto. ¡Y quedate atento a cualquier novedad!
        img.to_pink(src=pre_url + 'images/left-pane.jpg' alt='Campamento HDJ 2020')
    span.divider
    .right-section
      .titulo
        .social-media
          .social-icon
            a(href='https://www.facebook.com/valeria.sandoval.10')
              img(src=pre_url + 'images/icons/facebook.png' alt='Facebook Icon')
          .social-icon
            a(href='tel:+54291509496')
              img(src=pre_url + 'images/icons/whatsapp.png' alt='Instagram Icon')
        .title
          h1 HD Juniors
          img(src=pre_url + 'images/logo.jpg' alt='Logo HDJ')
      .opciones
        ul
          li
            a(href='pages/clases/index.html')
              i.fas.fa-bible
              |  Clases
          li
            a(href='pages/actividades/index.html')
              i.fas.fa-snowboarding
              |  Actividades
          li
            a(href='pages/desafios/index.html')
              i.fas.fa-brain
              |  Desafíos
          li
            a(href='pages/galeria/index.html')
              i.fas.fa-camera-retro
              |  Galería
          li
            a(href='pages/libros/index.html')
              i.fas.fa-book-open
              |  Libros
          li
            a(href='pages/calendario/index.html')
              i.fas.fa-calendar-check
              |  Calendario
          // <li><a href="pages/apoyo_escolar/index.html"><i class="fas fa-chalkboard-teacher"></i> Acceso a clases de apoyo</a></li>
          li
            a(href='pages/use_tutorial/index.html')
              i.fas.fa-question
              |  &iquest;C&oacute;mo usar la p&aacute;gina?
    .description-box.hide
      p
        | Lorem ipsum dolor sit amet, consectetur adipisicing elit.
script(type='text/javascript' src='js/jquery.min.js')
script(type='text/javascript' src='js/common_functions.js')
script(type='text/javascript' src='js/script.js')