{"id":222,"date":"2018-12-27T01:34:37","date_gmt":"2018-12-26T23:34:37","guid":{"rendered":"http:\/\/e-merald.com\/themes\/transvision-wp\/?page_id=222"},"modified":"2018-12-28T14:27:12","modified_gmt":"2018-12-28T12:27:12","slug":"typography","status":"publish","type":"page","link":"https:\/\/e-merald.com\/themes\/transvision-wp\/resources\/general\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

A heading element briefly describes the topic of the section it introduces.<\/p>\n

Heading elements implement six levels of document headings, <h1><\/code> is the most important and <h6><\/code> is the least.<\/p>\n

H1 Heading<\/h1>\n

H2 Heading<\/h2>\n

H3 Heading<\/h3>\n

H4 Heading<\/h4>\n

H5 Heading<\/h5>\n
H6 Heading<\/h6>\n

Sed vulputate, nunc a cursus imperdiet, felis tortor interdum purus, non viverra justo libero et erat. Aliquam dignissim lorem ac leo egestas pellentesque.<\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

H2 Heading<\/h2>\n

Large lead text + helper class that centers a single paragraph or block of text using the adaptive width<\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Lead text extra large<\/p>\n

Lead text large<\/p>\n

Lead text medium<\/p>\n

H2 or H3 + Lead text large<\/h2>\n\n<\/div>\n\n<\/div>
\n\n\n
\n

Heading with small underline<\/h4>\n

Small text<\/strong> vulputate, nunc a cursus imperdiet, felis tortor interdum purus, non viverra justo libero et erat. Aliquam dignissim lorem ac leo egestas pellentesque.<\/p>\n

Extra small text<\/strong> vulputate, nunc a cursus imperdiet, felis tortor interdum purus, non viverra justo libero et erat.<\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Text Styling and Alignment<\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Text transform<\/h4>\n
<\/div>\n

Transform text in components with text capitalization classes:<\/p>\n

Uppercased text<\/span>
\nUnderlined text
\n<\/span>Strikethrough text<\/del><\/p>\n

Text alignment<\/h4>\n
<\/div>\n

Easily realign text with text alignment classes:<\/p>\n

For left<\/strong>, right, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.<\/p>\n

For left, right, and center<\/strong> alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.<\/p>\n

For left, right<\/strong>, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.<\/p>\n

Text indention<\/h4>\n
<\/div>\n

Small indent<\/strong> applied to a paragraph with small text.<\/p>\n

Medium indent<\/strong> applied to a paragraph with small text.<\/p>\n

Large indent<\/strong> applied to a paragraph with small text.<\/p>\n\n<\/div>\n\n<\/div>

\n\n\n
\n

Text color<\/h4>\n
<\/div>\n
black text<\/h6>\n
dark grey text<\/h6>\n
grey text<\/h6>\n
light grey text<\/h6>\n
primary color text<\/h6>\n
body color text<\/h6>\n
primary color muted text<\/h6>\n
primary color pale text<\/h6>\n
primary color light text<\/h6>\n
primary color saturated text<\/h6>\n
highlighted text<\/h6>\n
secondary color text<\/h6>\n
secondary color light text<\/h6>\n

Font weight classes<\/h4>\n
<\/div>\n

Bold text<\/strong>
\nSemibold text<\/span>
\nNormal weight text<\/span>
\nLight weight text<\/span><\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Highlights<\/h4>\n
<\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras leo urna, licensed and certified<\/span>, convallis quis nisi. In eleifend ligula sit amet lacus suscipit tristique tempor turpis aliquet.<\/p>\n

Call me at (07) 3621 4076<\/span> or click the button below to email for a free consultation!<\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Links and Buttons<\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Default Button<\/a><\/p>\n

Colored Button<\/a><\/p>\n

Grey Button<\/a><\/p>\n

Read more link<\/a><\/p>\n

Read more link<\/a><\/p>\n\n<\/div>\n\n<\/div>

\n\n\n
\n

Medium Size Button<\/a><\/p>\n

Colored Button<\/a><\/p>\n

Grey Button<\/a><\/p>\n

Read more link small<\/a><\/p>\n

Read more link small<\/a><\/p>\n\n<\/div>\n\n<\/div>

\n\n\n
\n

Text with the bold link<\/strong><\/a> and underlined link<\/a> inside.<\/p>\n

Text with the colored bold link<\/strong><\/a> inside.<\/p>\n

Download PDF file<\/a><\/p>\n

Download Excel file<\/a><\/p>\n

Download Word file<\/a><\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

On the Dark Colored background<\/p>\n\n<\/div>\n\n<\/div><\/div>

\n\n\n
\n

Default Button<\/a><\/p>\n

Colored Button<\/a><\/p>\n

Read more link<\/a><\/p>\n\n<\/div>\n\n<\/div>

\n\n\n
\n
<\/div>\n<\/div>\n\n\n\n\n
\n

Medium Size Button<\/a><\/p>\n

Colored Button<\/a><\/p>\n

Read more link small<\/a><\/p>\n\n<\/div>\n\n<\/div>

\n\n\n
\n
<\/div>\n<\/div>\n\n\n\n\n
\n

The default link<\/strong><\/a> inside white text.<\/p>\n

The colored link<\/strong><\/a> inside text.<\/p>\n

The light colored link<\/strong><\/a> inside text.<\/p>\n\n<\/div>\n\n<\/div><\/div><\/div><\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

On the Secondary Color background<\/p>\n\n<\/div>\n\n<\/div><\/div>

\n\n\n
\n

Default Button<\/a><\/p>\n

Colored Button<\/a><\/p>\n

Grey Button<\/a><\/p>\n

Read more link<\/a><\/p>\n\n<\/div>\n\n<\/div>

\n\n\n
\n
<\/div>\n<\/div>\n\n\n\n\n
\n

Medium Size Button<\/a><\/p>\n

Colored Button<\/a><\/p>\n

Grey Button<\/a><\/p>\n

Read more link small<\/a><\/p>\n\n<\/div>\n\n<\/div>

\n\n\n
\n
<\/div>\n<\/div>\n\n\n\n\n
\n

The default link<\/strong><\/a> inside text.<\/p>\n

The default link<\/strong><\/a> inside colored text.<\/p>\n

The colored link<\/strong><\/a> inside text.<\/p>\n

The\u00a0white link<\/strong><\/a> inside text.<\/p>\n\n<\/div>\n\n<\/div><\/div><\/div><\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

Blockquote<\/h2>\n

My integrated coaching style combines traditional coaching processes with a wide range of tools from various other disciplines, including Neuro-Linguistic Programming, Business Coaching, Gestalt Therapy, Transactional Analysis, Cognitive Behavioural Therapy and Mindfulness.Paul Smart<\/strong>, the Founder of TransVision Coaching<\/cite><\/p><\/blockquote>\n\n<\/div>\n\n\n\n\n

\n
<\/div>\n<\/div>\n\n\n\n\n
\n

The same style as \"blockquote\" but without border:<\/p>\n

Estelle never thought much about her career direction. She got into leasing commercial real estate years ago and just went with the flow. One day the light bulb went off!<\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t

\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n

List Styles<\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
\n\t\t\t
<\/div>\n\n\t\t\t
\n\n
\n\n\n
\n
    \n
  • Check list item \u2014 an opportunity to develop your own goals, solutions and strategies.<\/li>\n
  • Modules delivered to your inbox after each session on:\n
      \n
    • Support you in discovery the career you love<\/li>\n
    • Personal brand development<\/li>\n
    • Mindset practices that support you in your career transition<\/li>\n<\/ul>\n<\/li>\n
    • A place to receive feedback that will help you discover new perspectives.<\/li>\n<\/ul>\n\n<\/div>\n\n<\/div>
      \n\n\n
      \n
        \n
      • Arrow list item \u2014 email support between sessions<\/li>\n
      • Access to coaching call notes and recordings of all calls<\/li>\n<\/ul>\n
          \n
        • Small check list + small text \u2014 get strategic and use a plan<\/li>\n
        • Hear valuable feedback and use it to grow<\/li>\n<\/ul>\n
            \n
          • Dot list item + small text.<\/li>\n
          • Stop making excuses and justifications for staying stuck.<\/li>\n<\/ul>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
            \n\t\t\t
            <\/div>\n\n\t\t\t
            \n\n
            \n\n\n
            \n

            Custom ordered list<\/h4>\n
              \n
            1. Use an easy-to-follow system that helps you develop and remember answers to potential interview questions.<\/li>\n
            2. Learn how to negotiate for the salary and benefits you desire most.<\/li>\n
            3. Develop a way to resign your current job with confidence and celebration.<\/li>\n<\/ol>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
              \n\t\t\t
              <\/div>\n\n\t\t\t
              \n\n
              \n\n\n
              \n

              Dividers<\/h2>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n\n\t\t\n\t\t
              \n\t\t\t
              <\/div>\n\n\t\t\t
              \n\n
              \n\n\n
              \n

              NOTE:\u00a0The Divider is also available as widget (element) in the Page Builder.<\/strong><\/p>\n

              Each divider can be grey (default) or colored.<\/p>\n

              Solid Divider Line<\/h5>\n
              <\/div>\n
              <\/div>\n
              <\/div>\n
              <\/div>\n
              Dotted Divider Line<\/h5>\n
              <\/div>\n
              <\/div>\n
              Gradient line with \"arrow down\"<\/h5>\n

              Integer vel enim mi, sed suscipit neque. Integer at enim cursus massa malesuada tempus. Nullam tortor leo, tristique ac tempus eget, vestibulum nec ante. Aenean sit amet lorem vel eros viverra convallis at eu metus.<\/p>\n

              <\/div>\n

              Enim cursus massa malesuada tempus praesent congue molestie tristique nullam tortor leo, tristique ac tempus eget, vestibulum nec ante. Aenean sit amet lorem vel eros viverra convallis at eu metus.<\/p>\n

              Small Bar<\/h5>\n

              Proin viverra ipsum ut tortor tincidunt sodales. Nunc id mauris ipsum, id ultricies elit. Mauris auctor nulla sit amet libero molestie interdum.<\/p>\n

              <\/div>\n

              Nam in orci turpis, congue volutpat augue. Nulla facilisi. Suspendisse lobortis consequat sapien, at accumsan justo condimentum.<\/p>\n

              <\/div>\n

              Phasellus consectetur egestas erat, at euismod nisl sodales a sit amet lacus posuere lacus ullamcorper tempus.<\/p>\n

              <\/div>\n

              Nulla ornare neque sit amet magna volutpat cursus sit amet sollicitudin massa. Sed a sapien ac odio fringilla accumsan, aliquam lectus ligula, fringilla quis ornare nec, sodales mollis nibh.<\/p>\n

              Note Separator<\/h5>\n

              Proin viverra ipsum ut tortor tincidunt sodales mauris ipsum id ultricies elit. Mauris auctor nulla sit amet libero molestie interdum hasellus consectetur egestas erat, at euismod nisl sodales.<\/p>\n

              <\/div>\n

              All sessions are valid for 12 months from date of booking.
              \nI only take 4 clients per year with the Ultimate VIP package, please call me at (07) 3621 4076<\/strong> to check availability.<\/p>\n\n<\/div>\n\n<\/div><\/div>\n\n\t\t\t<\/div> \n\n\t\t<\/div>\n\t\t\n","protected":false},"excerpt":{"rendered":"

              A heading element briefly describes the topic of the section it introduces. Heading elements implement six levels of document headings, <h1> is the most important and <h6> is the least. H1 Heading H2 Heading H3 Heading H4 Heading […]<\/p>\n","protected":false},"author":1,"featured_media":20,"parent":219,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/222"}],"collection":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/comments?post=222"}],"version-history":[{"count":0,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/222\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/pages\/219"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/media\/20"}],"wp:attachment":[{"href":"https:\/\/e-merald.com\/themes\/transvision-wp\/wp-json\/wp\/v2\/media?parent=222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}