Image by default
<p>
<img src="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg" />
</p>
Image with a rounded border
<p>
<img class="image-with-border" src="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg" />
</p>
Image with shadow
<p>
<img class="image-with-shadow" src="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg" />
</p>
Image with overlay
<p class="image-overlay">
<img src="https://s3-us-west-2.amazonaws.com/lotusthemes/image.jpg" />
</p>
Image Lightbox
It's possible to open a larger version of the image in the lightbox:
<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>
Comments
0 comments