H

    e

    l

    p

    >

    S

    t

    o

    p

    >

    C

    o

    r

    r

    u

    p

    t

    i

    o

    n

    >

    N

    O

    W

    >

    Menu
    English Afrikaans Albanian Arabic Armenian Belarusian Bulgarian Chinese (Simplified) Chinese (Traditional) Croatian Czech Danish Dutch Estonian Filipino Finnish French Georgian German Greek Hebrew Hungarian Icelandic Indonesian Irish Italian Japanese Korean Latvian Lithuanian Macedonian Maltese Norwegian Persian Polish Portuguese Romanian Russian Serbian Slovak Slovenian Spanish Swedish Thai Turkish Ukrainian Vietnamese Welsh Yiddish

    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

    This is an H1 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.

    This is an H2 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.

    This is an H3 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.

    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.

    This is an H5 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.

    This is an H6 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.

    Usage: <div class=”grid-layout”><div>Text in column 1</div><div>Text in column 2</div></div>

    Content arranged in 2 columns

    Text column

    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 column

    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

    Text column

    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 column

    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 column

    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 4 columns

    Text column

    At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Text column

    At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Text column

    At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Text column

    At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Content arranged in 5 columns

    Text column

    Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.

    Text column

    Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.

    Text column

    Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.

    Text column

    Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.

    Text column

    Lorem ipsum dolor sit amet consectetuer eleifend elit vel tellus laoreet.


    Text styles

    Preformatted text (<pre> tag)

    
    div.grid-layout2 div.grid-col {
     float: left;
     width: 49.95%;
    }
    div.grid-layout3 div.grid-col {
     float: left;
     width: 33.3%;
    }
    
    

    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.

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

    Drop Cap

    You can use this special drop cap symbol style for magazine / newspaper text paragraph. 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: <p class="text-dropcap">This is the text with dropcap symbol.</p>

    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>

    Highlighted Text on mouse over

    You can use this style to highlight important text block on mouse over. Just roll mouse over this text block to see how it's highlighted.

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

    You can use this style to highlight important text block on mouse over. Just roll mouse over this text block to see how it's highlighted.

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

    Alert Text

    You can use this style for alert or warning text paragraph requiring user's attention. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Usage: <p class="text-alert">This is text that requires user's attentions.</p>

    Info Text

    You can use this style for regular information text paragraph that does not require much user's attentions. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Usage: <p class="text-info">This is your d text.</p>

    Download Text

    You can use this style for information text paragraph related to download process. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Usage: <p class="text-download">This is download related text.</p>

    Tip Text

    You can use this style for useful information like tips, hint or help text. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Usage: <p class="text-tip">This is yourtip hint or help text.</p>

    Comment Text

    You can use this style for comment text paragraph. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Usage: <p class="text-comment">This is your comment text.</p>

    Attachment Text

    You can use this style for information text paragraph related to attachment file. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Usage: <p class="text-attachment">This is your attachment related text.</p>

    Video Text

    You can use this style for description text paragraph that related to video file. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Usage: <p class="text-video">This is your video related text.</p>

    Audio Text

    You can use this style for description text paragraph related to audio file. At ut pellentesque risus quis sem eros et consequat enim lorem. Aenean lorem consequat consequat eu.

    Usage: <p class="text-audio">This is your audio related text.</p>


    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 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 Epic offers 6 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>

    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 jsn-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 jsn-icon-cart">Add to cart.</span></a>

    Extension link styles

    JSN Epic is able to attach not only descriptive icon to the front of link as described in above section, but also 23 extension icons to the end of the link.

    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 jsn-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.


    Table Styles

    Plain Rows table style

    Table header Column header 1 Column header 2 Column header 3
    Table footer Footer data
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum

    Color Stripes table style

    Table header Column header 1 Column header 2 Column header 3
    Table footer Footer data
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum

    Grey Stripes table style

    Table header Column header 1 Column header 2 Column header 3
    Table footer Footer data
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum
    Row header 1 Lorem ipsum Dolor sit amet Lorem ipsum

    List styles

    Standard list styles

    Unordered list
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua
    Ordered list
    1. Lorem ipsum dolor sit amet
    2. Consetetur sadipscing elitr
    3. Sed diam voluptua

    Arrow list styles

    Red arrow
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua
    Blue arrow
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua
    Green arrow
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua

    Icon list styles

    Article icon list
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua
    Folder icon list
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua
    Image icon list
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua
    Online icon list
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua
    Star icon list
    • 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

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

    Number list styles

    Blue Bullet number 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
    Grey Bullet number list
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua
    Orange 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
    Violet Bullet number list
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua
    Blue Digit 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
    Grey Digit number list
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua
    Orange 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
    Violet Digit number list
    • Lorem ipsum dolor sit amet
    • Consetetur sadipscing elitr
    • Sed diam voluptua

    100% Fully Compatible with ALL Your Devices

    PCs

    Notebooks & Netbooks

    Pads & Tablets

    Smart Phones  

    OS Independent

    Windows, Mac, Unix

    Android, iPhone

    Windows Phone, Firefox

    Coming Article:

    "The Southern Corruption Corridor"

    > The "SoCorCor" <

     The long prepared "Keys" essential to clearly understanding the fundamental early 21st Century Russian, post-Soviet, global shadow doctrine &

    Transition Strategy Behind the Strategy

    of invading Ukraine, starting in 2014 in Crimea, + Eastern & Southern Ukraine

     ... "La mainmise sur l'Europe" ...

    Decoding the long-term strategic paradigm of "How far west, where & why?" The core 'follow-up Questions & Answers re targets of Russian politico-militario-economic opportunity initially in Europe.

    The EurACC ™ really is Surprisingly Easy to Use

    • No Software To Download
    • No Plug Ins To Install
    • Use Your Secure Browser

     Beta Search ~Worldwide~ 

     Now in over 33+ Million 

     Known 'LIVE References' 

     in 26 Languages 

     World's Largest Integrated 

     Search & Retrieval System of 

    Professional Investigative Journalism Reporting & Social Media based Citizen Reporting & Commentary re Corruption, Fraud, Bribery, Money Laundering, White Collar Crime, Human Trafficking, Ethics Violations, etcetera, & Related Cases.

    Access Original Sources, Worldwide, in Multiple 1st Languages & Authoritative Reference Materials + related resources, with 'Advanced Tools'

    qrcode hi-def EurACC

     

    All Results are 1 st Tested in

    'Real Time' & Before Display

    Help 'Grow' the EurACC...

    Thank you for your generous donation to support development. Our fine linguists and programmers really do thank you, and in many languages!



    Go to top