vicegd

<section>
  <h2>Listas desordenadas</h2>
    <ul>
      <li>Gijón</li>
      <li>Oviedo</li>
      <li>Madrid</li>
      <li>Avilés</li>
    </ul>
</section>

vicegd

<section>
  <h2>Listas ordenadas</h2>
    <ol>
      <li>Harina</li>
      <li>Canela</li>
      <li>Levadura</li>
      <li>Huevos</li>
    </ol>
</section>

vicegd

<section>
  <h2>Inserción de código fuente</h2>
  <pre><code class="hljs" data-trim contenteditable>
public void sort(int[] elements) {
    for (int i = 1; i < elements.length; i++) {
        for (int j = elements.length - 1; j >= i; j--) {
            if (elements[j-1] > elements[j])
                Util.interchange(elements, j-1, j);
        }
    }

vicegd

<section>
  <h2>Vista de Presentación</h2>
  <p>Pulsa <strong>S</strong> para acceder a la vista de Presentación</p>

  <aside class="notes">
    Se pueden escribir notas ocultas para todo el mundo excepto para el presentador, 
    al estilo de Power Point cuando trabajamos con dos monitores
  </aside>
</section>

vicegd

<section>
  <section>
    <h2>Diapositivas anidadas</h2>
    <p>Además de la típica secuenciación izquierda-derecha, también podemos trabajar en el sentido vertical arriba-abajo</p>
    <p>Pulsa <strong>Espacio</strong> para moverte por todas las diapositivas anidadas</p>
    <p>También puedes pulsar las flechas <strong>ARRIBA</strong> y <strong>ABAJO</strong> para desplazarte por ellas</p>
    <a href="#" class="navigate-down">
      <img width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
    </a>
  </section>

vicegd

<section>
  <h2>Citas</h2>
  <p>El objetivo de la WWF es:
    <q cite="http://www.wwf.org">Build a future where people live in harmony with nature</q>
  - Ojalá tengan éxito</p>
  <blockquote cite="http://www.worldwildlife.org/who/index.html">
    For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, 
    WWF works in 100 countries.
  </blockquote>
</section>

vicegd

<section>
  <h2>Cualquier código HTML/JavaScript/CSS es posible</h2>
  <p>Por ejemplo, enlaces entre diapositivas como <a href="#/1">este</a></p>
</section>

vicegd

<section id="custom_id">
  <h2>Identificación del nombre de la diapositiva</h2>
  <p>Por defecto, cada diapositiva se identifica a través de la URL con número correspondiente a su posición</p>
  <p>Sin embargo, esta diapositiva tiene como identificador <code>custom_id</code></p>
</section>

vicegd

<section>
	<h2>Tablas con información</h2>
	<table>
    	<thead><tr>
            <th>Ciudad</th>
            <th>Año de fundación</th>
            <th>Población</th>
        </tr></thead>
        <tbody><tr>
            <td>Gijón</td>

vicegd

<section data-markdown>
  <script type="text/template">
    ## Soporte para Markdown

    Es posible crear contenido utilizando *Markdown*

    Es utilizado en plataformas como GitHub, reddit, Diaspora, Stack Echange, OpenStreetMap o SourceForge

    Más información [aquí](http://daringfireball.net/projects/markdown/)