Typography
JSN Epic 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
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.
This is an H4 Header
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.
Text columns
You can arrange content in multiple columns by using very simple html code. JSN Epic will detect the amount of columns you defined and automatically make arrangement. 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. 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. Content arranged in 3 columns At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu. Content arranged in 5 columns Preformatted text (<pre> tag) Quote text (<blockquote> tag) 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. Alert Text Info Text Download Text
Text column
Text column
Text column
Text column
Text column
Text styles
#ja-rightcol {
width: 180px;
float: right;
color: #EEEEEE;
}
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.
<div class="text-box-highlight">This is the text to be highlighted.</div>
Attachment Text
Video Text
Audio Text
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.
class=”link-icon icon-search Link with search icon- class=”link-icon icon-selection Link with selection icon
- class=”link-icon icon-settings Link with settings icon
- class=”link-icon icon-star Link with star icon
- class=”link-icon icon-statistics Link with statistics icon
- class=”link-icon icon-user Link with user icon
<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.
#” class=”link-button button-dark
#” class=”link-button button-green
#” class=”link-button button-orange <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.
All icons can be assigned automatically by enabling a template parameter or manually by adding simple class to the link.
Table Styles
Plain Rows table style
List styles
Standard list styles
Lorem ipsum dolor sit amet- Consetetur sadipscing elitr
- Sed diam voluptua
Green arrow
Article icon list
Lorem ipsum dolor sit amet- Consetetur sadipscing elitr
- Sed diam voluptua
Image icon list
Online icon listLorem ipsum dolor sit amet
- Consetetur sadipscing elitr
- Sed diam voluptua
Lorem ipsum dolor sit amet
- Consetetur sadipscing elitr
- Sed diam voluptua
Lorem ipsum dolor sit amet
- Consetetur sadipscing elitr
- Sed diam voluptua
Lorem ipsum dolor sit amet- Consetetur sadipscing elitr
- Sed diam voluptua
User icon list
Lorem ipsum dolor sit amet- Consetetur sadipscing elitr
- Sed diam voluptua
Green Bullet number list
Lorem ipsum dolor sit amet- Consetetur sadipscing elitr
- Sed diam voluptua
Red Bullet number list
Lorem ipsum dolor sit amet- Consetetur sadipscing elitr
- Sed diam voluptua
Green Digit number list
Lorem ipsum dolor sit amet- Consetetur sadipscing elitr
- Sed diam voluptua
Red Digit number list
Lorem ipsum dolor sit amet- Consetetur sadipscing elitr
- Sed diam voluptua
Read MoreMenu Styles
uncategorized
JSN Epic provides 5 menu styles to present your website navigation. The default Joomla! built-in menu module (mod_mainmenu) is utilized, so you don’t need to install any external menu modules.
Top Menu
Top Menu allows you to arrange menu items in horizontal line and assign icons to them. All icons are configured directly in menu item settings page which is very convenient.Main Menu
Main Menu is very powerful menu built with clean accessible XHTML code structure and effective drop-down submenu panels.Main Menu with icons and rich text You can add icon and descriptive text to each menu item to make them much clearer and more appealing. Both descriptive text and icons are configured directly in menu item settings page, which is very convenient.
Side Menu
Side Menu is very unique vertical menu with slide-out panels. This menu is extremely efficient when you have complex navigation with a lot of menu items.Tree Menu
Tree Menu represents menu items in clear tree-like hierarchy, which is very appropriate for indexing menu. By default all submenu items are collapsed until you select the parent menu item.Div Menu
Div Menu is simple yet nice menu bar with items separated by slightly visible dashes. This menu is very suitable for footer navigation presentation. Read MoreColor Variations
uncategorized
JSN Epic provides 6 major colors variation for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, table’s header and some others.
Color variations
Blue Red Green Violet Orange GreyColor configuration
Each template color can be configured by 3 different ways:
Template color can be set by template parameter Template Color in administration panel.
By "Page Class Suffix"

Template color can be defined in parameter Page Class Suffix of menu items as custom-color-xxx.
By Site tools panel

Read MoreTemplate color can be selected by website visitor from Color Selector in Site tools.
JSN Epic Showcase
uncategorized
Here, wed like to show you how JSN Epic can be utilized for multiple kinds of websites, staring from simple personal website ending with professional news portal. All content are fictions and serves for demo purpose only.
Read More
5 reasons to choose JSN Epic
uncategorized
hello
Read More
LATEST
Indspire is High impact
Fresh Start has High impact – find out why
Others’ Research
WE Charity Foundation: the legacy continues
WE Charity Closing – the details
How the Red Cross is spending money in Ukraine
Ukraine – how to help
2021 Result highlights
Top 10 Impact Charities 2021 Summary
Top 10 Impact Charities 2020 (archived)
Most Popular
Follow Us
Facebook
Twitter
Instagram
Share