Thursday, 31 January 2013 11:57 Read 180213 times

Typography

Rate this item
(0 votes)

[row]

[col class="span6"]

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5
h6. Heading 6

[/col]

[col class="span6"]

Dropcap

[dropcap]This is a Magazine Style Drop Cap. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/dropcap]

[[dropcap]Dropcap Texts[/dropcap]]

[/col]

[/row]

[row]

Lists example

[col class="span6"]

  • This is a sample unordered list
  • ul with class arrow
  • ul with class arrow-double
  • ul with class tick
  • ul with class cross
  • ul with class star
  • ul with class rss

[/col]

[col class="span6"]

  1. This is a sample ordered list
  • ul with class arrow
  • ul with class arrow-double
  • ul with class tick
  • ul with class cross
  • ul with class star
  • ul with class rss

[/col]

[/row]

Block Number

[row][col class="span4"] [blocknumber type="circle" text="01" color="#FFF" background="#34bcf5"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber type="circle" text="02" color="#FFF" background="#aacb24"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber type="circle" text="03" color="#FFF" background="#f16a10"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[[blocknumber type="circle" text="01" color="#FFF" background="#f16a10"]Circle Block Number[/blocknumber]]

[/col]

[col class="span4"] [blocknumber type="rounded" text="01" color="#FFF" background="#7d2828"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber type="rounded" text="02" color="#FFF" background="#d80000"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber type="rounded" text="03" color="#FFF" background="#329491"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[[blocknumber type="rounded" text="01" color="#FFF" background="#329491"]Rounded Block Number[/blocknumber]]

[/col]

[col class="span4"] [blocknumber text="01" color="#FFF" background="#999"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber text="02" color="#FFF" background="#666"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[blocknumber text="03" color="#FFF" background="#000"]Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.[/blocknumber]

[[blocknumber text="01" color="#FFF" background="#999"]Normal Block Number[/blocknumber]]

[/col][/row]

Block Examples 

[row][col class="span4"]

[block color="#FFF" background="#34bcf5"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block color="#FFF" background="#aacb24"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block color="#FFF" background="#f16a10"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[[block color="#FFF" background="#f16a10"]Content[/block]]

[/col]

[col class="span4"]

[block type="rounded" color="#FFF" background="#7d2828"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block type="rounded" color="#FFF" background="#329491"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block type="rounded" color="#FFF" background="#000000"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[[block type="rounded" color="#FFF" background="#000000"]Lorem ipsum dolor[/block]]

[/col]

[col class="span4"]

[block border="1px dashed #CCC" padding="14px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block border="3px solid #34bcf5" padding="12px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[block type="rounded" border="5px solid #aacb24" padding="10px 15px"]Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.[/block]

[[block border="5px solid #aacb24" padding="10px 15px"]Lorem ipsum dolor[/block]]

[/col]

[/row]

Bubble Examples

[row][col class="span4"]

[bubble author="Betty D. Steward"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.[/bubble]

[/col][col class="span4"]

[bubble color="#FFF" background="#736357" author="Barbara J. Pennebaker"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.[/bubble]

[/col][col class="span4"]

[bubble background="transparent" border="3px solid #ccc" author="Chad M. Simmons"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui.[/bubble]

[/col]

[/row]

[row][col class="span12"]

 

[[bubble background="#FFF" color="#666" border="3px solid #ccc" author="Chad M. Simmons"]Lorem ipsum dolor sit amet.[/bubble]]

[/col][/row]

Last modified on Thursday, 14 February 2013 11:14
More in this category: « Video Article »

15067 comments

  • Comment Link buy crestor Tuesday, 24 May 2016 21:22 posted by buy crestor

    http://buy-crestor.accountant/#5593 crestor 10 mg tablet,

  • Comment Link Kristian Tuesday, 24 May 2016 21:20 posted by Kristian

    naturally like your web-site however you need to check the spelling on several
    of your posts. A number of them are rife with spelling problems
    and I to find it very troublesome to tell the truth nevertheless I will definitely come again again.

  • Comment Link Los mejores gafas de sol de Versace venta de fábrica 810129 Tuesday, 24 May 2016 21:19 posted by Los mejores gafas de sol de Versace venta de fábrica 810129

    You really make it seem so easy with your presentation but I find this matter to be actually something that I think I would never understand. It seems too complex and extremely broad for me. I am looking forward for your next post, I'll try to get the hang of it!
    Los mejores gafas de sol de Versace venta de fábrica 810129 http://www.jamonesgargallo.com/?es-23024_los-mejores-gafas-de-sol-de-versace-venta-de-faacutebrica-810129-p-4129.html

  • Comment Link Adrianne Tuesday, 24 May 2016 21:15 posted by Adrianne

    Fantastic goods from you, man. I have understand
    your stuff previous to and you are just extremely excellent.
    I actually like what you've acquired here, really like what you are saying and the way in which you say it.
    You make it entertaining and you still care for to keep it wise.
    I cant wait to read far more from you. This is actually a great website.

  • Comment Link Dannielle Tuesday, 24 May 2016 21:11 posted by Dannielle

    Excellent beat ! I would like to apprentice while you amend your website, how could i subscribe for a blog web site?
    The account helped me a acceptable deal. I had been a little bit acquainted
    of this your broadcast offered bright clear idea

  • Comment Link Bonita Tuesday, 24 May 2016 21:04 posted by Bonita

    You’ve made different nice points here.
    I see something actually special in this website.
    Thank you for posting.

  • Comment Link Alicia Tuesday, 24 May 2016 20:56 posted by Alicia

    Hmm it seems like your site ate my first comment (it was super
    long) so I guess I'll just sum it up what I submitted and say, I'm thoroughly enjoying your
    blog. I as well am an aspiring blog writer but I'm still new to the whole thing.
    Do you have any helpful hints for first-time blog writers?
    I'd really appreciate it.

  • Comment Link mirrored ray bans Tuesday, 24 May 2016 20:32 posted by mirrored ray bans

    What i don't understood is if truth be told how you are not really a lot more neatly-favored than you may be now. You're so intelligent. You already know thus considerably when it comes to this matter, produced me individually believe it from a lot of various angles. Its like women and men are not interested unless it's one thing to do with Girl gaga! Your personal stuffs great. Always handle it up!

  • Comment Link personal injury attorneys in chicago Tuesday, 24 May 2016 20:24 posted by personal injury attorneys in chicago

    Nutrition is critical each right away following injury and throughout the
    rest of your life if you have had a brain injury.

  • Comment Link Steffen Tuesday, 24 May 2016 20:21 posted by Steffen

    Wow that was unusual. I just wrote an extremely long comment but after I clicked submit
    my comment didn't appear. Grrrr... well I'm not writing all that over again. Regardless,
    just wanted to say excellent blog!

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.