index.Rmd

---
name: "AguilaLab: Dinámica Molecular"
output:
  html_document:
    toc: false
    toc_float: false
    toc_collapsed: false
    css: "styles.css"
    theme: journal
    highlight: zenburn
    code_download: false
    number_sections: true
---

<div class="container">
<div class="jumbotron">
  <h1 class="display-4 text-center pb-3">Curso de Dinámica Molecular</h1>
  <br>
  <div style="height: 200px; width: 100%; position: relative;" class='viewer_3Dmoljs justify-content-center border' data-pdb='1L2Y' 
data-backgroundcolor='0xeeeeee' 
data-style1='cartoon:color=0xff6600' 
data-surface1='opacity:.5;color:white'>
</div>
<br>
  <p class="lead text-center">
    Curso de <strong>"Introducción a la Dinámica Molecular"</strong> con <i>namd2</i> y <i>python</i>.
  </p>
  <br>
  <div class="container-fluid p-3">
  <div class="row">
  <div class="text-center"><img src="http://aguilalab.com/wp-content/uploads/2018/06/aguila_logo.svg" class="img-responsive mx-auto d-block" alt="ÁguilaLab"></div>
  </div>
  </div>
  
  <hr class="my-5">
  <p class="text-center"><strong>Instructores:</strong></p>
  <ul class="list-group list-group-flush">
  <li class="list-group-item col-sm-12 col-md-3">Dr. Segio Águila</li>
  <li class="list-group-item col-sm-12 col-md-3">Dr. Abraham Vidal</li>
  <li class="list-group-item col-sm-12 col-md-3">Víctor Vargas</li>
  <li class="list-group-item col-sm-12 col-md-3">Joel Ricci</li>
  </ul>
  
  <br>
  <hr class="my-4">
  <br>
  <div class="container py-5">
  <div class="alert alert-dismissible alert-warning py-5">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <h4 class="alert-heading text-center">¡Atención!</h4>
  <p class="mb-0 text-center small">Utiliza el menú superior y los botones de navegación para dirigirte hacia la sección deseada.</p>
</div>
  </div>
  
  <p class="lead">
    <a class="btn btn-primary btn-lg btn-block" href="./intro_DM.html" role="button">Comenzar</a>
  </p>

  
</div>
</div>