Make it stand out
style01
<!-- *** Matrix Add-ons call-out *** -->
<div class="is-matrix content-teaser is--flex is-flex-block cc-clearover">
<div class="left-align col-8 add-20 cc-box">
<h3>
Make it Stand Out
</h3>
<p>
Premium Jimdo Theme coupled with advanced functionality and awesome support Aenean imperdiet. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna
dolor sagittis lacus.
</p>
</div>
<div class="right-align col-4 add-20 cc-box">
<a class="hs-button mid-round right-align" href="https://www.matrix-themes.com/add-ons/" target="">learn more</a>
</div>
</div>
style02
<!-- *** Matrix Add-ons call-out *** -->
<div class="is-matrix content-teaser bg-dark color-white is--flex is-flex-block cc-clearover">
<div class="left-align col-8 add-20 cc-box">
<h3>
Make it Stand Out
</h3>
<p>
Premium Jimdo Theme coupled with advanced functionality and awesome support Aenean imperdiet. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna
dolor sagittis lacus.
</p>
</div>
<div class="right-align col-4 add-20 cc-box">
<a class="hs-button ghost-white right-align" href="https://www.matrix-themes.com/add-ons/" target="">learn more</a>
</div>
</div>
style3
<!-- *** Matrix Add-ons call-out *** -->
<div class="is-matrix content-teaser bg-white has-shadow is--flex is-flex-block cc-clearover">
<div class="left-align col-8 add-20 cc-box">
<h3>
Make it Stand Out
</h3>
<p>
Premium Jimdo Theme coupled with advanced functionality and awesome support Aenean imperdiet. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc, eu sollicitudin urna
dolor sagittis lacus.
</p>
</div>
<div class="right-align col-4 add-20 cc-box">
<a class="hs-button bg-round right-align" href="https://www.matrix-themes.com/add-ons/" target="">learn more</a>
</div>
</div>
style04
<!-- *** Matrix Add-ons call-out *** -->
<div class="is-matrix bg-primary color-white content-teaser is--flex is-flex-block cc-clearover">
<div class="center-align col-8 add-20 cc-box">
<h3>
Make it stand out
</h3>
<p>
Premium Jimdo Theme coupled with advanced functionality and awesome support Aenean imperdiet. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc
</p>
<br />
<a class="hs-button mid-round bg-white mid-round" href="https://www.matrix-themes.com/add-ons/" target="">learn more</a>
</div>
</div>
style05
<!-- *** Matrix Add-ons call-out *** -->
<div class="is-matrix bg-dark color-white content-teaser is--flex is-flex-block cc-clearover white-solid-border" style="border:2px solid;border-radius:0;">
<div class="center-align col-8 add-20 cc-box">
<h3>
Make it stand out
</h3>
<p>
Premium Jimdo Theme coupled with advanced functionality and awesome support Aenean imperdiet. Aenean posuere, tortor sed cursus feugiat, nunc augue blandit nunc
</p>
<br />
<a class="hs-button weight-500 ghost-white" style="padding: 18px 25px;" href="http://www.matrix-themes.com/templates/" target="">Custom button<svg viewbox="0 0 24 24" focusable="false" role=
"presentation" class="is-arrow">
<path fill="none" stroke-linejoin="bevel" stroke="currentcolor" stroke-width="3" stroke-linecap="square" d="M12 3l9 9-9 9m-9-9h16.714H3z">
</path></svg></a>
</div>
</div>
style06
<!-- *** Matrix Add-ons call-out *** -->
<div class="is-matrix is-parallax is--flex rel no-padding mid-round white-solid-border" style=
"background: url('https://u.jimcdn.com/cms/o/sb2b5767bd6861c8a/userlayout/img/z-cover.jpg?t=1616195341') no-repeat center;padding:auto 0!important;background-attachment:scroll!important;background-size: cover!important;">
<div class="hs-overlay opacity-8 bg-primary">
</div>
<div class="inner color-white m-padding cc-clearover is-anim-block" style="padding:20px 0;">
<div class="is-matrix content-teaser bg-transparent is--flex is-flex-block cc-clearover">
<div class="left-align col-8 add-20 cc-box">
<p>
Create a beautiful Jimdo website for your business
</p>
<h3 class="weight-600">
Make it stand out
</h3>
</div>
<div class="right-align col-4 add-20 cc-box">
<a class="hs-button ghost-white right-align" href="https://www.matrix-themes.com/" target="">learn more</a>
</div>
</div>
</div>
</div>
style07
<!-- *** Matrix Add-ons call-out *** -->
<div class="is-matrix is-parallax is--flex rel no-padding mid-round" style=
"background: url('https://u.jimcdn.com/cms/o/sb2b5767bd6861c8a/userlayout/img/z-cover.jpg?t=1616195341') no-repeat center;border-radius:1em;padding:auto 0!important;background-attachment:scroll!important;background-size: cover!important;">
<div class="hs-overlay opacity-8" style="border-radius:1em;">
</div>
<div class="inner color-white m-padding cc-clearover is-anim-block" style="padding:20px 0;">
<div class="is-matrix content-teaser bg-transparent is--flex is-flex-block cc-clearover">
<div class="left-align col-8 add-20 cc-box">
<p>
Create a beautiful Jimdo website for your business
</p>
<h3 class="weight-600">
Make it stand out
</h3>
</div>
<div class="right-align col-4 add-20 cc-box">
<a class="hs-button right-align bg-round bg-white" href="https://www.matrix-themes.com/add-ons" target="">learn more</a>
</div>
</div>
</div>
</div>
1. Click the Matrix Themes admin menu and select the 'Shortcodes' section.
2. Choose any custom widget using the copy button.
3. Paste the widget code to your website inside the 'Widget/HTML' module.
4. Customize it by adding your own text and images.
Make your own website
with built-in tools to grow your business online.