Positive Strokes

Articles

This page presents most of typographical aspects of JA T3v2 Framework. Make your readers happy with great Typography and User Experience!


Blockquote

This is a sample Blockquote. Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.
Use <blockquote><span class="open">T</span>his is a sample <strong>Blockquote</strong></blockquote>
This is a sample Blockquote. Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.!
Use <blockquote><span class="open">T</span>his is a sample <strong>Blockquote</strong><span class="close">!</span></blockquote>

Icon Styles

  <p class="ja-typo-icon mendozite-icon icon-chart"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

  <p class="ja-typo-icon mendozite-icon icon-suitcase"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

  <p class="ja-typo-icon mendozite-icon icon-wallet"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

  <p class="ja-typo-icon mendozite-icon icon-phone"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

  <p class="ja-typo-icon mendozite-icon icon-user"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

  <p class="ja-typo-icon mendozite-icon icon-attach"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

  <p class="ja-typo-icon mendozite-icon icon-star"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

  <p class="ja-typo-icon mendozite-icon icon-close"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

  <p class="ja-typo-icon mendozite-icon icon-info"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

  <p class="ja-typo-icon mendozite-icon icon-iphone"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

  <p class="ja-typo-icon mendozite-icon icon-tag"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

  <p class="ja-typo-icon mendozite-icon icon-heart"><span class="icon">&nbsp; </span>Market finalcial checking out Lacinia quis dies</p>

Headings

This is heading 1

Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus. Fusce eu felis erat. Donec congue interdum elit, sed ornare magna convallis lacinia In hacse

This is heading 2

Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus. Fusce eu felis erat. Donec congue interdum elit, sed ornare magna convallis lacinia In hacse

This is heading 3

Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus. Fusce eu felis erat. Donec congue interdum elit, sed ornare magna convallis lacinia In hacse

This is heading 1

Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus. Fusce eu felis erat. Donec congue interdum elit, sed ornare magna convallis lacinia In hacse

This is heading 5

Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus. Fusce eu felis erat. Donec congue interdum elit, sed ornare magna convallis lacinia In hacse

This is heading 6

Fusce adipiscing velit ac eros tempor iaculis. Phasellus venenatis mollis augue, non posuere odio placerat in. Etiam volutpat ultrices lectus. Fusce eu felis erat. Donec congue interdum elit, sed ornare magna convallis lacinia In hacse

Buttons Tags

01Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.

02Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.

03Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.

ALorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.

BLorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.

CLorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.

aLorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.

bLorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.

cLorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id. Interdum pharetra in a metus congue In Sed Pellentesque tincidunt pharetra.