0
ORDER ONLINE OR CALL US (03) 8699 0642
» Typography

Typography

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel gravida sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec eget imperdiet felis. Nullam lobortis libero ut velit hendrerit

H1 header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel gravida sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec eget imperdiet felis. Nullam lobortis libero ut velit hendrerit imperdiet. Donec pellentesque congue convallis. Mauris quam velit, ultrices a pharetra et, pretium eu augue. Fusce urna turpis, molestie viverra lacinia vel, scelerisque sit amet ante.Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H2 header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel gravida sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec eget imperdiet felis. Nullam lobortis libero ut velit hendrerit imperdiet. Donec pellentesque congue convallis. Mauris quam velit, ultrices a pharetra et, pretium eu augue. Fusce urna turpis, molestie viverra lacinia vel, scelerisque sit amet ante.Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H3 header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel gravida sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec eget imperdiet felis. Nullam lobortis libero ut velit hendrerit imperdiet. Donec pellentesque congue convallis. Mauris quam velit, ultrices a pharetra et, pretium eu augue. Fusce urna turpis, molestie viverra lacinia vel, scelerisque sit amet ante.Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H4 header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel gravida sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec eget imperdiet felis. Nullam lobortis libero ut velit hendrerit imperdiet. Donec pellentesque congue convallis. Mauris quam velit, ultrices a pharetra et, pretium eu augue. Fusce urna turpis, molestie viverra lacinia vel, scelerisque sit amet ante.Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H5 header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel gravida sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec eget imperdiet felis. Nullam lobortis libero ut velit hendrerit imperdiet. Donec pellentesque congue convallis. Mauris quam velit, ultrices a pharetra et, pretium eu augue. Fusce urna turpis, molestie viverra lacinia vel, scelerisque sit amet ante.Lorem ipsum dolor sit amet, consectetur adipiscing elit.

H6 header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vel gravida sapien. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec eget imperdiet felis. Nullam lobortis libero ut velit hendrerit imperdiet. Donec pellentesque congue convallis. Mauris quam velit, ultrices a pharetra et, pretium eu augue. Fusce urna turpis, molestie viverra lacinia vel, scelerisque sit amet ante.Lorem ipsum dolor sit amet, consectetur adipiscing elit.


Basic HTML Elements


Here is a short demonstration of text-level semanticts. The <p> element creates a new paragraph. It will have some space before and after itself. To turn your text into hypertext just use the <a> element.

Text-Level Semantics


You can emphasize text using the <em> element or to imply any extra importance the <strong> element. Highlight text with no semantic meaning using the <mark> element. Markup document changes like inserted or deleted text with the <del> element or <ins> element. To define an abbreviation use the <abbr> element and to define a definition term use the <dfn> element.

Code


To define a short inline computer code use the <code> element. For a larger code snippet use the <pre class="prettyprint linenums"> element which defines preformatted text. It creates a new text block which preserves both spaces and line breaks.

An ordered list:


  1. Words which look even
  2. Slight believe passage
  3. Needure there anything
  4. Embarrassing / the middle
  5. Fact that a read distracted

An unordered list:


  • Words which look even
  • Slight believe passage
  • Needure there anything
  • Embarrassing / the middle
  • Fact that a read distracted

Use the <small> element for side comments and small print.

Table

Header 1 Header 2 Header 3 Header 4
Item #1 Description 100 Gb 100 Gb
Item #2 Description 200 Gb 200 Gb
Item #3 Description 300 Gb 300 Gb
Item #4 Description 400 Gb 400 Gb
Item #5 Description 500 Gb 500 Gb