All YJSG based templates come with extended typography that you can use to extend your website pages.
Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
.yjsg-font-jumbo Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
.yjsg-font-mega Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
.unstyled .video .check .star .yjt_iconlist .fa fa-book class <button type="button" class="yjsg-button-blarge">Large button</button> <button type="button" class="yjsg-button-bmedium">Medium button</button> <button type="button" class="yjsg-button">Default</button> <button type="button" class="yjsg-button-bsmall">Small button</button> <button type="button" class="yjsg-button-color">Default color</button> <button type="button" class="yjsg-button-blue">Blue button</button> <button type="button" class="yjsg-button-red">Red button</button> <button type="button" class="yjsg-button-green">Green button</button> <button type="button" class="yjsg-button-yellow">Yellow button</button> <button type="button" class="yjsg-button-dark">Dark button</button> <button type="button" class="yjsg-button-gray">Gray button</button> <button type="button" class="yjsg-button-color-blarge">Default color</button> <button type="button" class="yjsg-button-blue-blarge">Blue button</button> <button type="button" class="yjsg-button-red-blarge">Red button</button> <button type="button" class="yjsg-button-green-blarge">Green button</button> <button type="button" class="yjsg-button-yellow-blarge">Yellow button</button> <button type="button" class="yjsg-button-dark-blarge">Dark button</button> <button type="button" class="yjsg-button-gray-blarge">Gray button</button> <button type="button" class="yjsg-button-color-bmedium">Default color</button> <button type="button" class="yjsg-button-blue-bmedium">Blue button</button> <button type="button" class="yjsg-button-red-bmedium">Red button</button> <button type="button" class="yjsg-button-green-bmedium">Green button</button> <button type="button" class="yjsg-button-yellow-bmedium">Yellow button</button> <button type="button" class="yjsg-button-dark-bmedium">Dark button</button> <button type="button" class="yjsg-button-gray-bmedium">Gray button</button> <button type="button" class="yjsg-button-color-bsmall">Default color</button> <button type="button" class="yjsg-button-blue-bsmall">Blue button</button> <button type="button" class="yjsg-button-red-bsmall">Red button</button> <button type="button" class="yjsg-button-green-bsmall">Green button</button> <button type="button" class="yjsg-button-yellow-bsmall">Yellow button</button> <button type="button" class="yjsg-button-dark-bsmall">Dark button</button> <button type="button" class="yjsg-button-gray-bsmall">Gray button</button>
<div class="yjsg-hr-hrsolid"></div> <div class="yjsg-hr-hrdotted"></div> <div class="yjsg-hr-hrdashed"></div> <div class="yjsg-hr-small-hrsolid"></div> <div class="yjsg-hr-large-hrsolid"></div> <div class="yjsg-hr-small-hrsolid fa fa-star"></div> <div class="yjsg-hr-small-hrsolid famedium fa fa-star"></div> <div class="yjsg-hr-small-hrdashed falarge facolor fa fa-star"></div> <div class="yjsg-hr-small-hrsolid-left falarge facolor fa fa-star"></div> <div class="yjsg-hr-small-hrsolid-right falarge facolor fa fa-trophy"></div> <div class="yjsg-hr-small-hrsolid-hrcircle"></div> <div class="yjsg-hr-small-hrsolid-hrcircle-left"></div> <div class="yjsg-hr-small-hrsolid-hrcircle-right"></div> <div class="yjsg-hr-small-hrsolid-hrcircle-left-pull-small"></div> <div class="yjsg-hr-small-hrsolid-right-pull-small famedium facolor fa fa-star"></div> <div class="yjsg-hr-large-hrsolid-hrcircle-left-pull-large"></div> <div class="yjsg-hr-large-hrsolid-right-pull-large famedium facolor fa fa-star"></div>
YQuisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
SQuisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
JQuisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
GQuisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.
<span class="dropcap">Y</span>lypian... <span class="dropcap2">J</span>lypian... <span class="dropcap3">S</span>lypian... <span class="dropcap4">G</span>lypian...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Integer posuere erat
Someone famous in Source Title
.pull-rightLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Integer posuere erat
Someone famous in Source Title
.quotedLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Integer posuere erat
Someone famous in Source Title
.bracketsLorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante. Lorem ipsum dolor sit amet, conse ctetur adipiscing elit. Integer posuere erat
Someone famous in Source Title
<blockquote>
<p>
Text...
</p>
</blockquote>
<blockquote class="pull-right">
<p>
Text...
</p>
</blockquote>
<blockquote class="quoted">
<p>
Text...
</p>
</blockquote>
<blockquote class="brackets">
<p>
Text...
</p>
</blockquote> 01 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat
02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat
03 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat
01 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat
02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat
03 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat
<p class="blocknumber">
<span class="bignumber">02</span> Sample...
</p>
<p class="blocknumber bnround">
<span class="bignumber">02</span> Sample...
</p> Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
<p class="muted">
Fusce...
</p>
<p class="text-warning">
Etiam...
</p>
<p class="text-error">
Donec...
</p>
<p class="text-info">
Aenean...
</p>
<p class="text-success">
Duis...
</p> <address>
<strong>Twitter, Inc.</strong><br>
795 Folsom Ave, Suite 600<br>
San Francisco, CA 94107<br>
<abbr title="Phone">P:</abbr> (123) 456-7890
</address>
<address>
<strong>Full Name</strong><br>
<a href="mailto:#">
first.lastATyourmailDOTcom
</a>
</address>