JSN Template was developed with extreme focus on typography and we believe it provides the most comprehensive content presentation capability. Headings, text, links, tables, images, everything was designed with high level of refinement. Let's take a look.

Headings

Blockquotes

Default Blockquote

You can us this style to quote somebody's speech, idea or a fragment from some book, articles, etc. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage:<blockquote>This is your quote</blockquote>

Highlighted Text

You can use this style to highlight important words and / or keyword expression in search result page. Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

Usage:<span class="text-highlight">This is the text to be highlighted.</span>

Alerts

Bootstrap provides an easy way to create predefined alert messages:

Closing Alerts

To close the alert message, add a .alert-dismissable class to the alert container. Then add class="close" and data-dismiss="alert" to a link or a button element (when you click on this the alert box will disappear).

Animated Alerts

To close the alert message, add a .alert-dismissable class to the alert container. Then add class="close" and data-dismiss="alert" to a link or a button element (when you click on this the alert box will disappear).

Link Styles

Link Icon Styles

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

Usage:<a class="link-icon jsn-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 jsn-icon-download">This is link to download something.</a>

Link Button Styles

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

Usage:<a class="link-button button-xxx">This is link text.</a>, where xxx is the button color name selected from: light, dark, green, orange, blue and red.

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

Table Styles

Plain Rows table style

Color Stripes table style

List styles

Standard list styles

Arrow list styles

Icon list styles

You can assign any of predefined 20 icons to list items. 6 icons shown above are just samples.

Number list styles