Typography

[cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/1″][cmsmasters_heading type=»h2″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Headings[/cmsmasters_heading][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»30″][cmsmasters_column data_width=»1/1″][cmsmasters_text animation_delay=»0″]

Header one

Header two

Header three

Header four

Header five
Header six

[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/1″][cmsmasters_heading type=»h2″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Blockquotes[/cmsmasters_heading][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»30″][cmsmasters_column data_width=»1/1″][cmsmasters_text animation_delay=»0″]

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/1″][cmsmasters_heading type=»h2″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Dropcaps[/cmsmasters_heading][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»30″][cmsmasters_column data_width=»1/1″][cmsmasters_text animation_delay=»0″]

[cmsmasters_dropcap type=»type2″]A[/cmsmasters_dropcap]Donec non aliquam diam, vitae congue ante. Donec convallis laoreet pretium. Etiam eu lacinia tellus, et maximus quam. Suspendisse eget ligula faucibus, feugiat eros non, accumsan est. Mauris ipsum velit, tincidunt a elit non, feugiat consectetur nunc. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi ut turpis vulputate, faucibus odio eu, mollis lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a tortor quam. Vivamus quis purus feugiat, pulvinar dui id, sagittis metus. Nulla facilisi. Nunc aliquam ultrices consectetur.

[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»30″][cmsmasters_column data_width=»1/1″][cmsmasters_text animation_delay=»0″]

[cmsmasters_dropcap type=»type1″]B[/cmsmasters_dropcap]Donec non aliquam diam, vitae congue ante. Donec convallis laoreet pretium. Etiam eu lacinia tellus, et maximus quam. Suspendisse eget ligula faucibus, feugiat eros non, accumsan est. Mauris ipsum velit, tincidunt a elit non, feugiat consectetur nunc. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi ut turpis vulputate, faucibus odio eu, mollis lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent a tortor quam. Vivamus quis purus feugiat, pulvinar dui id, sagittis metus. Nulla facilisi. Nunc aliquam ultrices consectetur.

[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/1″][cmsmasters_heading type=»h2″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Tables[/cmsmasters_heading][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»30″][cmsmasters_column data_width=»1/1″][cmsmasters_text animation_delay=»0″]

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…

[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/1″][cmsmasters_heading type=»h2″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Contact Form[/cmsmasters_heading][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»30″][cmsmasters_column data_width=»2/3″][cmsmasters_text animation_delay=»0″][cmsmasters_contact_form form_plugin=»cfb» form_cfb=»12163″ email_cfb=»example@example.com» animation_delay=»0″][/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/1″][cmsmasters_heading type=»h2″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Definition Lists[/cmsmasters_heading][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»30″][cmsmasters_column data_width=»1/1″][cmsmasters_text animation_delay=»0″]

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher «Big Black» Boykins, «Do Work» works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»30″][cmsmasters_column data_width=»1/2″][cmsmasters_heading type=»h2″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Unordered Lists (Nested)[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/2″][cmsmasters_heading type=»h2″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Ordered List (Nested)[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/1″][cmsmasters_heading type=»h2″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»50″ animation_delay=»0″]HTML Tags[/cmsmasters_heading][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Abbreviation Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]The abbreviation srsly stands for «seriously».[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Acronym Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]The acronym ftw stands for «for the win».[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Cite Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]»Code is poetry.» —Automattic[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_padding_left=»3″ data_padding_right=»3″ data_top_style=»default» data_bot_style=»default» data_color=»default» data_bg_position=»top center» data_bg_repeat=»no-repeat» data_bg_attachment=»scroll» data_bg_size=»cover» data_bg_parallax_ratio=»0.5″ data_padding_top=»0″ data_padding_bottom=»50″][cmsmasters_column data_width=»1/1″][cmsmasters_divider width=»long» height=»1″ style=»solid» position=»center» margin_top=»10″ margin_bottom=»0″ animation_delay=»0″][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Code Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]You will learn later on in these tests that word-wrap: break-word; will be your best friend.[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Delete Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Keyboard Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_padding_left=»3″ data_padding_right=»3″ data_top_style=»default» data_bot_style=»default» data_color=»default» data_bg_position=»top center» data_bg_repeat=»no-repeat» data_bg_attachment=»scroll» data_bg_size=»cover» data_bg_parallax_ratio=»0.5″ data_padding_top=»0″ data_padding_bottom=»50″][cmsmasters_column data_width=»1/1″][cmsmasters_divider width=»long» height=»1″ style=»solid» position=»center» margin_top=»10″ margin_bottom=»0″ animation_delay=»0″][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Anchor Tag (aka. Link)[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]This is an example of a link.[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Emphasize Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]The emphasize tag should italicize text.[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Insert Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]This tag should denote inserted text.[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_padding_left=»3″ data_padding_right=»3″ data_top_style=»default» data_bot_style=»default» data_color=»default» data_bg_position=»top center» data_bg_repeat=»no-repeat» data_bg_attachment=»scroll» data_bg_size=»cover» data_bg_parallax_ratio=»0.5″ data_padding_top=»0″ data_padding_bottom=»50″][cmsmasters_column data_width=»1/1″][cmsmasters_divider width=»long» height=»1″ style=»solid» position=»center» margin_top=»10″ margin_bottom=»0″ animation_delay=»0″][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Quote Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]Developers, developers, developers… –Steve Ballmer[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Variable Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]This allows you to denote variables.[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Strong Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]This tag shows bold text.[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_padding_left=»3″ data_padding_right=»3″ data_top_style=»default» data_bot_style=»default» data_color=»default» data_bg_position=»top center» data_bg_repeat=»no-repeat» data_bg_attachment=»scroll» data_bg_size=»cover» data_bg_parallax_ratio=»0.5″ data_padding_top=»0″ data_padding_bottom=»50″][cmsmasters_column data_width=»1/1″][cmsmasters_divider width=»long» height=»1″ style=»solid» position=»center» margin_top=»10″ margin_bottom=»0″ animation_delay=»0″][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Big Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]These tests are a big deal, but this tag is no longer supported in HTML5.[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Subscript Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]Getting our science styling on with H2O, which should push the «2» down.[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Superscript Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_padding_left=»3″ data_padding_right=»3″ data_top_style=»default» data_bot_style=»default» data_color=»default» data_bg_position=»top center» data_bg_repeat=»no-repeat» data_bg_attachment=»scroll» data_bg_size=»cover» data_bg_parallax_ratio=»0.5″ data_padding_top=»0″ data_padding_bottom=»50″][cmsmasters_column data_width=»1/1″][cmsmasters_divider width=»long» height=»1″ style=»solid» position=»center» margin_top=»10″ margin_bottom=»0″ animation_delay=»0″][/cmsmasters_column][/cmsmasters_row][cmsmasters_row data_width=»boxed» data_top_style=»default» data_bot_style=»default» data_color=»default» data_padding_top=»0″ data_padding_bottom=»0″][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Teletype Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]This rarely used tag emulates teletype text, which is usually styled like the <code> tag.[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Address Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]

1 Infinite Loop
Cupertino, CA 95014
United States

[/cmsmasters_text][/cmsmasters_column][cmsmasters_column data_width=»1/3″][cmsmasters_heading type=»h6″ font_weight=»normal» font_style=»normal» text_align=»left» margin_top=»0″ margin_bottom=»20″ animation_delay=»0″]Preformatted Tag[/cmsmasters_heading][cmsmasters_text animation_delay=»0″]

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

[/cmsmasters_text][/cmsmasters_column][/cmsmasters_row]

Deja un comentario

Tu dirección de correo electrónico no será publicada.