Galería

Agrupa multiples imágenes, lo que le da el aspecto de galería. También se puede agregar un texto descriptivo a cada imagen.

Galería simple

<div class="gallery">
  <img width="300" height="200" src="example.jpg"/>
  <img width="300" height="200" src="example.jpg"/>
</div>

Galería con enlaces

<div class="gallery">
  <a href="#link"><img width="400" height="300" src="example.jpg"/></a>
  <a href="#link"><img width="400" height="300" src="example.jpg"/></a>
  <a href="#link"><img width="400" height="300" src="example.jpg"/></a>
  <a href="#link"><img width="400" height="300" src="example.jpg"/></a>
  <a href="#link"><img width="400" height="300" src="example.jpg"/></a>
</div>

Galería con texto

<div class="gallery">
  <figure>
    <img width="400" height="300" src="example.jpg"/>
    <figcaption>Figure 1</figcaption>
  </figure>
  <figure>
    <img width="400" height="300" src="example.jpg"/>
    <figcaption>Figure 2</figcaption>
  </figure>
  <figure>
    <img width="400" height="300" src="example.jpg"/>
    <figcaption>Figure 3</figcaption>
  </figure>
  <figure>
    <img width="400" height="300" src="example.jpg"/>
    <figcaption>Figure 4</figcaption>
  </figure>
  <figure>
    <img width="400" height="300" src="example.jpg"/>
    <figcaption>Figure 5</figcaption>
  </figure>
</div>