<article class=“{{ include.class }}”>
{%- if include.target_url -%} <a href='{{ include.target_url | absolute_url }}'> {%- endif -%} <div class="fact-intro on"> <p>{{ include.default.intro | default: }}</p> </div> <div class="fact on"> <h3>{{ include.default.fact | default: }}</h3> </div> <div class="fact-outro on"> <p>{{ include.default.outro | default: }}</p> <span class="icon {{ include.default.icon | default: 'fa-play' }} on"></span> </div> <div class="fact-intro off"> <p>{{ include.hover.intro | default: }}</p> </div> <div class="fact off"> <h3>{{ include.hover.fact | default: }}</h3> </div> <div class="fact-outro off"> <p>{{ include.hover.outro | default: }}</p> <span class="icon {{ include.hover.icon | default: 'fa-exclamation' }} off"></span> </div> {%- if include.target_url -%} </a> {%- endif -%}
</article>