Top1

Vestibulum tristique nibh id convallis bibendum. Fusce imperdiet felis dolor. Duis malesuada tincidunt mi eu posuere. Sed vitae elementum velit. Vestibulum ut gravida leo. Duis ullamcorper lacinia risus eget pretium. Pellentesque non purus diam. Sed ornare at libero eget feugiat. Nam ullamcorper vitae nibh quis condimentum.

Top2

Suspendisse potenti. Vestibulum tristique nibh id convallis bibendum. Fusce imperdiet felis dolor. Duis malesuada tincidunt mi eu posuere. Sed vitae elementum velit. Vestibulum ut gravida leo. Duis ullamcorper lacinia risus.

Adv1

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

Adv2

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

Adv3

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

Adv4

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

Adv5

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

User1

Sed placerat placerat volutpat. Integer ut orci metus. Etiam egestas, ante ac fermentum dapibus, arcu est semper odio, nec mattis metus elit eget nunc. Praesent posuere tempus nibh bibendum aliquam. Integer ullamcorper vestibulum nisl vitae ullamcorper. Donec fermentum ligula at tortor tincidunt rutrum. Vestibulum ante ipsum primis.

User2

User3

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

User6

User7

Bodytop1

Av vestibulum turpis interdum. Pha sellus et urna id elit euismod convas. Nunc sodales lorem vitae magna ac vestibulum turpis interdum. Phasel lus et urna id elit euismod convallis

Bodytop2

Av vestibulum turpis interdum. Pha sellus et urna id elit euismod convas. Nunc sodales lorem vitae magna ac vestibulum turpis interdum. Phasel lus et urna id elit euismod convallis

Bodytop3

Av vestibulum turpis interdum. Pha sellus et urna id elit euismod convas. Nunc sodales lorem vitae magna ac vestibulum turpis interdum. Phasel lus et urna id elit euismod convallis

Typography

Kategorija: Template Settings Objavljeno: 29 Siječanj 2011

Napisao/la Super User Hitova: 821

Headings

h1. Heading 1

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

h2. Heading 2

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

h3. Heading 3

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

h4. Heading 4

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

h5. Heading 5

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

h6. Heading 6

Quisque ornare odio et mi congue varius. Etiam tempus mattis bibendum. Duis a congue ipsum. Curabitur odio est, convallis blandit metus sit amet faucibus.

Big headings

Jumbo font

Add class `.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.

Mega font

Add class `.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.

Lists

Default

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit

Ordered

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit

Unstyled - add class `.unstyled`

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit

Custom Lists

Add class `.video`

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit

Add class `.check`

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit

Add class `.star`

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit

Add class `.yjt_iconlist`

Using .fa fa-book class
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit

Buttons

Button sizes

Button colors

Large colored buttons

Medium colored buttons

Small colored buttons

markup:

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

Dividers

markup:

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

Dropcaps

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.

markup:

<span class="dropcap">Y</span>lypian... 
<span class="dropcap2">J</span>lypian... 
<span class="dropcap3">S</span>lypian... 
<span class="dropcap4">G</span>lypian...

Blockquotes

Blockquote

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

Blockquote `.pull-right`

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

Blockquote quoted `.quoted`

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

Blockquote brackets `.brackets`

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

markup:

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

Big numbers

Blocknumber

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

Blocknumber round

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

markup:

<p class="blocknumber">
    <span class="bignumber">02</span> Sample...
</p>
<p class="blocknumber bnround">
    <span class="bignumber">02</span> Sample...
</p>

Additional

Emphasis classes

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.

markup:

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

Addresses

Some Web Studio, Inc.
1870 Northgate Hill DR
Atlanta, GA 30021
P: (123) 456-7890

Full Name
first.lastATyourmailDOTcom

markup:

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

Quick menu:

Custom button

markup:

<a class="tempalte_readmore" href="#">
    <span class="cat_title">
        <span>More</span><br>Top Stories</span>
        <span class="cat_link">
            <span class="icon-angle-right"></span>
        </span>
    </a>

Bodybottom1

Av vestibulum turpis interdum. Pha sellus et urna id elit euismod convas. Nunc sodales lorem vitae magna ac vestibulum turpis interdum. Phasel lus et urna id elit euismod convallis

Bodybottom2

Av vestibulum turpis interdum. Pha sellus et urna id elit euismod convas. Nunc sodales lorem vitae magna ac vestibulum turpis interdum. Phasel lus et urna id elit euismod convallis

Bodybottom3

Av vestibulum turpis interdum. Pha sellus et urna id elit euismod convas. Nunc sodales lorem vitae magna ac vestibulum turpis interdum. Phasel lus et urna id elit euismod convallis

InsetTop

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali,Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali,Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis inNunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali,Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpisinAv vestibulum turpis interdum.Pha sellus et urna id elit euism convas.Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum

Right

Praesent posuere tempus nibh bibendum aliquam. Integer ullamcorper vestibulum nisl vitae ullamcorper. Donec fermentum ligula at tortor tincidunt rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque blandit tellus vitae justo rutrum viverra. Proin semper sapien faucibus dolor ultrices a tempus leo porta. Integer sed lorem nisl, ac tincidunt diam.ed ante felis, pellentesque in consectetur at, rutrum non turpis. Aenean id pellentesque lacus. Quisque ligula est, aliquam. Sed massa lacus, iaculis et venenatis nec, tempor mattis est. Sed placerat placerat volutpat. Integer ut orci metus.

Left

Inset

InsetBottom

User11

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

User12

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

User13

User16

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

User17

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

User18

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

User19

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

User20

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali

User24

Av vestibulum turpis interdum. Pha sellus et urna id elit euism convas. Nunc sodales lorem vit magna ac vestibulum turpis in. Phasel lus et urna id elit onvali. Vestibulum ut gravida leo.

Header1

Header2

Header3

Top1

Top2

Adv1

Adv2

Adv3

Adv4

Adv5

User1

User2

User3

User6

User7

Bodytop1

Bodytop2

Bodytop3

Typography

Headings

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5

h6. Heading 6

Big headings

Jumbo font

Add class .yjsg-font-jumbo

Mega font

Add class .yjsg-font-mega

Lists

Default

Ordered

Unstyled - add class .unstyled

Custom Lists

Add class .video

Add class .check

Add class .star

Add class .yjt_iconlist

Buttons

Button sizes

Button colors

Large colored buttons

Medium colored buttons

Small colored buttons

markup:

Dividers

markup:

Dropcaps

markup:

Blockquotes

Blockquote

Blockquote .pull-right

Blockquote quoted .quoted

Blockquote brackets .brackets

markup:

Big numbers

Blocknumber

Blocknumber round

markup:

Additional

Emphasis classes

markup:

Addresses

markup:

Quick menu:

Custom button

markup:

Bodybottom1

Bodybottom2

Bodybottom3

InsetTop

Right

Left

Inset

InsetBottom

User11

User12

User13

Add class `.yjsg-font-jumbo`

Add class `.yjsg-font-mega`

Unstyled - add class `.unstyled`

Add class `.video`

Add class `.check`

Add class `.star`

Add class `.yjt_iconlist`

Blockquote `.pull-right`

Blockquote quoted `.quoted`

Blockquote brackets `.brackets`