Headings

Text styles

Link Styles

Link Icon Styles

You can attach up to 20 predefined icons to the front of any link by adding simple class to it.

Usage: <a class="link-icon icon-xxx">This is link text.</a>, where xxx is the name of icon to be applied. Detailed information about all icon names can be found in template documentation.

Example: <a class="link-icon icon-download">This is link to download something.</a>

Link Button Styles

JSN Epic offers 6 button styles to decorate any call-to-action links you have in the content.

Link as p0110 button

Link as p0159 button

Link as p0186 button

Link as p0555 button

Link as p0583 button

Link as p1815 button

Link as p4485 button

Link as p5565 button

Link as p7474 button

Usage: <a class="link-button button-xxx">This is link text.</a>, where xxx is the button color name selected from: p0110, p0159, p0186, p0555; p0583, p1815, p4485, p5565, p7474.

Example: <a class="link-button button-p7474">See plans & pricing.</a>

Combination of Button and Icon Styles

You can use both button and icon link style combined.

Usage: <a class="link-button button-xxx"><span class="link-icon icon-yyy">This is link text.</span></a>, where xxx and yyy are button color and icon names respectively.

Example: <a class="link-button button-green"><span class="link-icon icon-cart">Add to cart.</span></a>

All icons can be assigned automatically by enabling a template parameter or manually by adding simple class to the link.

Usage: <a class="link-icon-ext icon-ext-xxx">This is link text.</a>, where xxx is the icon name. Detailed information about all icon names can be found in template documentation.

Number list styles