Bilder

Standardbild

<p>
  <img src="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg" />
</p>

Bild mit abgerundeten Ecken

<p>
  <img class="image-with-border" src="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg" />
</p>

Bild mit Schatten

<p>
  <img class="image-with-shadow" src="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg" />
</p>

Überlagertes Bild

<p class="image-overlay">
  <img src="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg" />
</p>

Lightbox für Bilder

Es ist möglich, eine größere Version des Bildes in der Lightbox zu öffnen:

<p>
  <a class="image-with-lightbox" href="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg">
    <img src="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg" width="400" />
  </a>
</p>