{"id":182,"date":"2011-02-25T21:01:32","date_gmt":"2011-02-25T21:01:32","guid":{"rendered":"http:\/\/demo.aivahthemes.com\/hostme\/?page_id=182"},"modified":"2011-02-25T21:01:32","modified_gmt":"2011-02-25T21:01:32","slug":"typography","status":"publish","type":"page","link":"https:\/\/www.aivahthemes.com\/hostme\/shortcodes\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"

Block Quotes<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor.

Donec arcu nunc, consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Mauris vel massa nunc. Aenean quis elit tellus, a suscipit quam.<\/p><\/blockquote> Vestibulum ut tellus ut velit malesuada consequat vitae in libero. Donec ac quam ultrices nunc sollicitudin laoreet vel eu tellus. Proin suscipit velit tristique orci vestibulum ac commodo neque tincidunt. Nullam nec sem sapien. Nunc ac sapien eros. Vivamus blandit mauris eu massa mattis eu scelerisque massa porta. Nullam pellentesque ipsum non libero hendrerit vitae dapibus est iaculis. Pellentesque habitant morbi tristique senectus<\/p>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor.

Donec arcu nunc, consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Mauris vel massa nunc. Aenean quis elit tellus, a suscipit quam.<\/p><\/blockquote>Vestibulum ut tellus ut velit malesuada consequat vitae in libero. Donec ac quam ultrices nunc sollicitudin laoreet vel eu tellus. Proin suscipit velit tristique orci vestibulum ac commodo neque tincidunt. Nullam nec sem sapien. Nunc ac sapien eros. Vivamus blandit mauris eu massa mattis eu scelerisque massa porta. Nullam pellentesque ipsum non libero hendrerit vitae dapibus est iaculis. Pellentesque habitant morbi tristique senectus<\/p>\n

Nullam pellentesque ipsum non libero hendrerit vitae dapibus est iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque volutpat metus nec libero sagittis commodo eu sit amet magna.<\/p>\n

Integer sed dolor tortor. Aenean pretium fringilla tellus sit amet dapibus. Vestibulum mattis adipiscing velit, nec ultrices lacus pulvinar eu. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/p>

- John Deo<\/cite><\/p><\/blockquote>\n

Aenean at consectetur nibh. Morbi mi ligula, condimentum nec hendrerit a, dapibus sed ipsum. Nullam interdum tempor orci vel congue. Nam nec urna nec quam volutpat cursus. Suspendisse volutpat facilisis vehicula.<\/p>\n

\/\/ citi - Enter author name or company name
\n\/\/ align - Assign blogquote to right or left
\n[blockquote cite=\"John Deo\" align=\"right\"]
\nInsert your blog quotes text here...
\n[blockquote]
\n<\/code>
\n

Top<\/a><\/div>\n

Drop Caps<\/h2>\n

To create a dropcaps and quotes style like the one below all you need to do is select \u201cDropcap1, Dropcap2, Dropcap3, Dropcap4\u201d from the Style tab in the Hostme<\/strong> WYSIWYG popup. Then enter the text for your as seen below.<\/p>\n

Four Different Drop cap Styles<\/h2>\n
<\/div>\n
A<\/span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor. Donec arcu nunc, consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Mauris vel massa nunc. Aenean quis elit tellus, a suscipit quam. Vestibulum ut tellus ut velit malesuada consequat vitae in libero.
<\/div>\n
A<\/span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor. Donec arcu nunc, consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Mauris vel massa nunc. Aenean quis elit tellus, a suscipit quam. Vestibulum ut tellus ut velit malesuada consequat vitae in libero.
<\/div>
<\/div>\n
Top<\/a><\/div>\n
A<\/span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor. Donec arcu nunc, consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Mauris vel massa nunc. Aenean quis elit tellus, a suscipit quam. Vestibulum ut tellus ut velit malesuada consequat vitae in libero.
<\/div>\n
A<\/span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor. Donec arcu nunc, consectetur nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Mauris vel massa nunc. Aenean quis elit tellus, a suscipit quam. Vestibulum ut tellus ut velit malesuada consequat vitae in libero.
<\/div>
<\/div>\n\/\/ Just replace \"A\" with the letter\/number
\n[dropcap1]A[\/dropcap1]
\n[dropcap2]A[\/dropcap2]
\n[dropcap3]A[\/dropcap3]
\n\/\/ textcolor - Change color of the text
\n[dropcap4 textcolor=\"#cb34a4\"];A[\/dropcap4]
\n<\/code>
\n
Top<\/a><\/div>\n

Highlighting Text<\/h2>\n

To highlight text style like the one below all you need to do is select \u201cHighlight\u201d from the Style tab in the Hostme<\/strong> WYSIWYG popup. Then enter the text for your as seen below.<\/p>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. fermentum. Phasellus pretium massa dolor. Donec arcu nunc consectetur<\/span> nec fringilla vitae, placerat in libero. Curabitur a justo ligula. Mauris vel massa nunc. Aenean quis elit tellus a suscipit quam. Vestibulum ut tellus ut velit malesuada consequat vitae in libero. Donec ac quam ultrices nunc sollicitudin laoreet vel eu tellus. Proin suscipit velit tristique orci vestibulum ac commodo neque tincidunt. Nullam nec sem sapien. Nunc ac sapien eros. Vivamus blandit mauris eu massa mattis eu scelerisque massa porta. Nullam pellentesque ipsum non libero hendrerit vitae dapibus est iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque volutpat metus nec libero sagittis commodo eu sit amet magna.<\/p>\n

\/\/ bgcolor - Enter Background Color Code With Using '#' Key
\n\/\/ textcolor - Enter Text Color Code With Using '#' Key
\n[highlight bgcolor=\"#ff0000\" textcolor=\"#ffffff\"]
\nInsert Your Highlight Text Here
\n[\/highlight]
\n<\/code>
\n

Top<\/a><\/div>\n

List Style with logor<\/h2>\n

To create a alert boxes style like the one below all you need to do is select \u201cList Style\u201d from the Style tab in the Hostme<\/strong> WYSIWYG popup. Then enter the text for your as seen below.<\/p>\n

\n
    \n
  • style = disc<\/li>\n
  • style = disc<\/li>\n
  • style = disc<\/li>\n<\/ul>\n<\/div>\n
    \n
      \n
    • style = bullet<\/li>\n
    • style = bullet<\/li>\n
    • style = bullet<\/li>\n<\/ul>\n<\/div>\n
      \n
        \n
      • style = check<\/li>\n
      • style = check<\/li>\n
      • style = check<\/li>\n<\/ul>\n<\/div>
        <\/div>\n
        \n
          \n
        • style = info<\/li>\n
        • style = info<\/li>\n
        • style = info<\/li>\n<\/ul>\n<\/div>\n
          \n
            \n
          • style = flag<\/li>\n
          • style = flag<\/li>\n
          • style = flag<\/li>\n<\/ul>\n<\/div>\n
            \n
              \n
            • style = badge<\/li>\n
            • style = badge<\/li>\n
            • style = badge<\/li>\n<\/ul>\n<\/div>
              <\/div>\n
              \n
                \n
              • style = arrow1<\/li>\n
              • style = arrow1<\/li>\n
              • style = arrow1<\/li>\n<\/ul>\n<\/div>\n
                \n
                  \n
                • style = arrow2<\/li>\n
                • style = arrow2<\/li>\n
                • style = arrow2<\/li>\n<\/ul>\n<\/div>\n
                  \n
                    \n
                  • style = star<\/li>\n
                  • style = star<\/li>\n
                  • style = star<\/li>\n<\/ul>\n<\/div>
                    <\/div>\n

                    \/\/ style - Select the style as display above
                    \n\/\/ color - Select the color as display above
                    \n[list style=\"star\" color=\"blue\"]
                    \n<ul>
                    \n\t<li>style = star<\/li>
                    \n\t<li>style = star<\/li>
                    \n\t<li>style = star<\/li>
                    \n<\/ul>
                    \n[\/list]
                    \n<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"

                    Block Quotes Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eleifend rhoncus fermentum. Phasellus pretium massa dolor. Vestibulum ut tellus ut velit malesuada consequat vitae in libero. Donec ac quam ultrices nunc sollicitudin laoreet vel eu tellus. Proin suscipit velit tristique orci vestibulum ac commodo neque tincidunt. Nullam nec sem sapien. Nunc ac sapien […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":126,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-182","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/comments?post=182"}],"version-history":[{"count":0,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages\/182\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/pages\/126"}],"wp:attachment":[{"href":"https:\/\/www.aivahthemes.com\/hostme\/wp-json\/wp\/v2\/media?parent=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}