Easy-to-Use & Customizable
Image Card Widget
style01
<!-- *** Matrix Widget image card *** -->
<figure class="snip1581 color-white">
<img src="https://u.jimcdn.com/cms/o/s572cf8a914c2631f/userlayout/img/matrix-teaser.jpg" alt="matrix themes" />
<figcaption>
<h3 class="title3">
In ac felis quis
</h3>
</figcaption>
<a href="https://www.matrix-themes.com/add-ons/"></a>
</figure>
style02
<!-- *** Matrix Widget image card *** -->
<figure class="snip1581 color-white" style="border-radius:15px;">
<img src="https://u.jimcdn.com/cms/o/s572cf8a914c2631f/userlayout/img/matrix-teaser.jpg" alt="matrix-themes" />
<figcaption>
<h3 class="title3">
In ac felis quis
</h3>
</figcaption>
<a href="https://www.matrix-themes.com/add-ons/"></a>
</figure>
style03
<!-- *** Matrix Widget image card *** -->
<div class="is-matrix hs-thumbnail cc-clearover">
<img src="https://u.jimcdn.com/cms/o/s572cf8a914c2631f/userlayout/img/matrix-teaser.jpg" alt="matrix themes" />
<div class="hs-overlay bg-dark white-solid-border">
</div>
<div class="custom-caption left-align color-white link-white" style="bottom:5%; top:auto;width:90%;">
<h3 class="weight-500">
Make it different
</h3>
<a href="https://www.matrix-themes.com/add-ons/" class="bold-underline size-15 weight-500" style="color:#f1c40f;">Bold underline link</a>
</div>
</div>
style04
<!-- *** Matrix Widget image card *** -->
<figure class="snip1560" style="">
<img src="https://u.jimcdn.com/cms/o/s572cf8a914c2631f/userlayout/img/matrix-teaser.jpg" alt="matrix themes" />
<figcaption>
<h2 class="weight-500 color-white">
Enterprise package
</h2>
<p class="weight-500" style="color:#f1c40f;">
Shop now
</p>
</figcaption>
<a class="div-link" href="https://www.matrix-themes.com/add-ons/" target="_top"></a>
</figure>
style05
<!-- *** Matrix Widget image card *** -->
<figure class="snip1477">
<img src="https://u.jimcdn.com/cms/o/s572cf8a914c2631f/userlayout/img/matrix-teaser.jpg" alt="matrix themes" />
<div class="title">
<div>
<h3 class="color-white weight-500">
Matrix Themes
</h3>
</div>
</div>
<figcaption>
<p>
Read more
</p>
</figcaption>
<a href="https://www.matrix-themes.com/add-ons/"></a>
</figure>
Click the Matrix Themes admin menu and select the 'Shortcodes' section.
Choose any custom widget using the copy button.
Paste the widget code to your website inside the 'Widget/HTML' module.
Customize it by adding your own text and images.
Make your own website
with built-in tools to grow your business online.