Typography

Typography

Button Styles

Standard Buttons

Button with "btn primary"

Button with "btn primary" class and link to internal page

Button with "btn secondary"

Button with "btn tertiary" class

 

Outline Buttons

Button with "btn-o primary" class

Button with "btn-o secondary" class

Button with "btn-o tertiary" class

 

Heading Styles

I am Heading One

I am Heading Two

I am Heading Three

I am Heading Four

I am Heading Five
I am Heading Six

 

Text Link Styles

This is a paragraph of text with an external link.

This is a paragraph of text with an anchor link to Heading Styles.

This is a paragraph of text with an internal link.

This is a paragraph of text with an absolute internal link.

 

Text with Images

Image Left 

ImageLorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi excepturi reiciendis quisquam soluta et rerum assumenda voluptates, dicta possimus. Vitae exercitationem quo obcaecati suscipit totam natus deserunt alias nesciunt excepturi illum! Placeat tempore saepe praesentium voluptate, facilis, nesciunt odio doloremque assumenda obcafugiat minima delectus, quis reiciendis tempore quas animi adipisci sed, quae dolore a commodi, esse magnam id. Quo perspiciatis optio quaerat velit cumque perferendis, sequi consectetur aut ullam a repellat modi, iste magni! Aliquam in delectus dignissimos, dolores esse veritatis fuga sunt.

Possimus temporibus alias rem assumenda suscipit magni totam sunt, similique magnam saepe veritatis veniam minima, in quae? Pariatur fugiat veritatis sed accusamus quam laboriosam, sint ipsam nisi asperiores possimus dolor saepe reprehenderit sunt ea non, magnam eaque aut culpa eos. Consectetur, quis. Quaerat rem t natus nostrum eveniet delectus! Repudiandae aspernatur a mollitia dolorum sapiente vitae! Consequatur, animi pariatur maiores quis incidunt delectus deleniti veniam perferendis cum explicabo nulla temporibus ab, culpa expedita enim, cupiditate mollitia illum nobis optio fuga aperiam. Nihil ducimus possimus eius. Aliquid, esse nulla nostrum itaque!

 

Image Right

ImageLorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi excepturi reiciendis quisquam soluta et rerum assumenda voluptates, dicta possimus. Vitae exercitationem quo obcaecati suscipit totam natus deserunt alias nesciunt excepturi illum! Placeat tempore saepe praesentium voluptate, facilis, nesciunt odio doloremque assumenda obcaecati possimus voluptatum, unde impedit, iure nulla tenetur blanditiis quidem. Expedita exercitationem aliquid sunt, explicabo, quibusdam consectetur, veniam ipsa quaerat eos necessitatibus hic dolore id ipsum qui sapiente quo rem laboriosam odio vitae? Doloremque in fugit molestias perferendis, laudantium similique accusamus animi id praesentium quam minima dolorum, ipsam aliquam, labore, voluptates deleniti voluptate reprehenderit porro autem sapiente ullam harum velit. Eligendi explicabo et doloribus sit porro beatae fugiat minima delectus, quis reiciendis tempore quas animi adipisci sed, quae dolore a commodi, esse magnam id. Quo perspiciatis optio quaerat velit cumque perferendis, sequi consectetur aut ullam a repellat modi, iste magni! Aliquam in delectus dignissimos, dolores esse veritatis fuga sunt.

Possimus temporibus alias rem assumenda suscipit magni totam sunt, similique magnam saepe veritatis veniam minima, in quae? Pariatur fugiat veritatis sed accusamus quam laboriosam, sint ipsam nisi asperiores possimus dolor saepe reprehenderit sunt ea non, magnam eaque aut culpa eos. Consectetur, quis. Quaerat rem dolorem repellendus. A quae tempora temporibus dolor facere, dicta velit unde iure eius. Vero vitae eaque hic at. Cum, enim facere libero nobis sed. Quidem obcaecati magni, aliquid corrupti esse. Earum repellat facere laboriosam dicta molestias explicabo aperiam magnam quibusdam soluta ipsa, eum consectetur quis, amet repudiandae perspiciatis molestiae autem dolore blanditiis. Facilis tenetur odio quis minima explicabo porro, neque fugit natus nostrum eveniet delectus! Repudiandae aspernatur a mollitia dolorum sapiente vitae! Consequatur, animi pariatur maiores quis incidunt delectus deleniti veniam perferendis cum explicabo nulla temporibus ab, culpa expedita enim, cupiditate mollitia illum nobis optio fuga aperiam. Nihil ducimus possimus eius. Aliquid, esse nulla nostrum itaque!

 

Image Center with Caption

Image

Lorem ipsum dolor sit amet,ullam a repellat mus dignissimos, dolores esse veritatis fuga sunt.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi excepturi reiciendis quisquam soluta et rerum assumenda voluptates, dicta possimus. Vitae exercitationem quo obcaecati suscipit totam natus deserunt alias nesciunt excepturi illum! Sapiente quo rem laboriosam odio vitae? Doloremque in fugit molestias perferendis, laudantium similique accusamus animi id praesentium quam minima dolorum, ipsam aliquam, labore, voluptates deleniti voluptate reprehenderit porro autem sapiente ullam harum velit. Eligendi explicabo et doloribus sit porro beatae fugiat minima delectus, quis reiciendis tempore quas animi adipisci sed, quae dolore a commodi, esse magnam id. Quo perspiciatis optio quaerat velit cumque perferendis, sequi consectetur aut ullam a repellat modi, iste magni! Aliquam in delectus dignissimos, dolores esse veritatis fuga sunt.

 

Possimus temporibus alias rem assumenda suscipit magni totam sunt, similique magnam saepe veritatis veniam minima, in quae? Pariatur fugiat veritatis sed accusamus quam laboriosam, sint ipsam nisi asperiores possimus dolor saepe reprehenderit sunt ea non, magnam eaque aut culpa eos. Consectetur, quis. Quaerat rem dolorem repellendus. A quae tempora temporibus dolor facere, dicta velit unde iure eius. Vero vitae eaque hic at. Cum, enim facere libero nobis sed. Quidem obcaecati magni, aliquid corrupti esse. Earum repellat facere laboriosam dicta molestias explicabo aperiam magnam quibusdam soluta ipsa, eum consectetur quis, amet repudiandae perspiciatis molestiae autem dolore blanditiis. Facilis tenetur odio quis minima explicabo porro, neque fugit natus nostrum eveniet delectus! Repudiandae aspernatur a mollitia dolorum sapiente vitae! Consequatur, animi pariatur maiores quis incidunt delectus deleniti veniam perferendis cum explicabo nulla temporibus ab, culpa expedita enim, cupiditate mollitia illum nobis optio fuga aperiam. Nihil ducimus possimus eius. Aliquid, esse nulla nostrum itaque!

 

Image Inline

ImageLorem ipsum dolor sit amet, consectetur adipisicing elit. Eligendi excepturi reiciendis quisquam soluta et rerum assumenda voluptates, dicta possimus. Vitae exercitationem quo obcaecati suscipit totam natus deserunt alias nesciunt excepturi illum! 

Possimus temporibus alias rem assumenda suscipit magni totam sunt, similique magnam saepe veritatis veniam minima, in quae? Pariatur fugiat veritatis sed accusamus quam laboriosam, sint ipsam nisi asperiores possimus dolor saepe reprehenderit sunt ea non, magnam eaque aut culpa eos. Consectetur, quis. Quaerat rem dolorem repellendus. A quae tempora temporibus dolor facere, dicta velit unde iure eius. 

 

Bullet Points

  • Vestibulum nec mi vitae pede tincidunt nonummy
  • Vestibulum nec mi vitae pede tincidunt nonummy
  • Vestibulum nec mi vitae pede tincidunt nonummy
    • Vestibulum nec mi vitae pede tincidunt nonummy
    • Vestibulum nec mi vitae pede tincidunt nonummy
      • Vestibulum nec mi vitae pede tincidunt nonummy
      • Vestibulum nec mi vitae pede tincidunt nonummy
        • Vestibulum nec mi vitae pede tincidunt nonummy
        • Vestibulum nec mi vitae pede tincidunt nonummy
  • Vestibulum nec mi vitae pede tincidunt nonummy
  • Vestibulum nec mi vitae pede tincidunt nonummy

 

Number Points

  1. Vestibulum nec mi vitae pede tincidunt nonummy
  2. Vestibulum nec mi vitae pede tincidunt nonummy
  3. Vestibulum nec mi vitae pede tincidunt nonummy
    1. Vestibulum nec mi vitae pede tincidunt nonummy
    2. Vestibulum nec mi vitae pede tincidunt nonummy
      1. Vestibulum nec mi vitae pede tincidunt nonummy
      2. Vestibulum nec mi vitae pede tincidunt nonummy
    3. Vestibulum nec mi vitae pede tincidunt nonummy
    4. Vestibulum nec mi vitae pede tincidunt nonummy
  4. Vestibulum nec mi vitae pede tincidunt nonummy
  5. Vestibulum nec mi vitae pede tincidunt nonummy

 

Tables

Table with border = 0

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?

 

Table with border = 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?

 

Table with border = 1 and Headers = First Row

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?

 

Table with border = 1 and Headers = First Column

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?

 

Table with border = 1 and Headers = Both

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nulla saepe ea tempora reprehenderit nihil, suscipit?

 

Blockquote with a link in it
# Title Details
1 Test Record
Business Sector
Agriculture - Lucerne Hay
Business Sector 2
Food Services - Bakery
Business Sector 3
Waste Management - Green Waste Collection
Business Sector 4
Aircraft & Aviation - Drone Services
Company Name
sdf
Street Address
sdf
Suburb
sdf
State
Queensland
Postcode
sdf
Phone Number
sdf