gram: card

> ./docs/examples/template.md

Lenses
(coming soon!)

<div class="w3-content w3-display-container" style="max-width:800px">

<img class="mySlides" src="examples/_images/PATH HERE" alt="" style="width:100%; display:block;">
<figcaption class="figcaption" style="display:block"> FIRST CAPTION </figcaption>

<img class="mySlides" src="examples/_images/PATH HERE" alt="" style="width:100%;">
<figcaption> SECOND + OTHER CAPTIONS </figcaption>


<div class="w3-center w3-container w3-text-white" style="width:100%">
    <div class="w3-left w3-hover-text-teal w3-display-left" onclick="plusDivs(-1)">&#10094;</div>
    <div class="w3-right w3-hover-text-teal w3-display-right" onclick="plusDivs(1)">&#10095;</div>
    

<!-- Add/remove bubbles based on number of images -->

<span class="w3-badge demo w3-white w3-border w3-hover-lime" onclick="currentDiv(1)"></span>
<span class="w3-badge demo w3-green w3-border w3-hover-lime" onclick="currentDiv(2)"></span>
<span class="w3-badge demo w3-green w3-border w3-hover-lime" onclick="currentDiv(3)"></span>
<span class="w3-badge demo w3-green w3-border w3-hover-lime" onclick="currentDiv(4)"></span>
<span class="w3-badge demo w3-green w3-border w3-hover-lime" onclick="currentDiv(5)"></span>
<span class="w3-badge demo w3-green w3-border w3-hover-lime" onclick="currentDiv(6)"></span>
</div>

</div>