{"id":266,"date":"2012-01-05T17:22:09","date_gmt":"2012-01-05T17:22:09","guid":{"rendered":"http:\/\/flare.localhost\/?page_id=266"},"modified":"2012-01-05T17:22:09","modified_gmt":"2012-01-05T17:22:09","slug":"typography","status":"publish","type":"page","link":"http:\/\/digitalprominence.com\/website\/shortcodes\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<div id=\"lead-counter-1\" class=\"lead\" >\n<p>Vestibulum massa risus, aliquam sit amet dapibus sit amet, aliquet sed lectus. Morbi ultricies, nibh a placerat convallis, erat magna posuere nisi, sit amet iaculis dui velit at lorem. Maecenas augue elit, gravida vel dictum vitae, hendrerit at lorem.<\/p>\n<\/div>\n<h1>H1 heading<\/h1>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<h1>H1 multi-line heading lorem ipsum dolor sit amet<\/h1>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<h2>H2 heading<\/h2>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<h2>H2 multi-line heading lorem ipsum dolor sit amet consectetur adipiscing elit nulla urna<\/h2>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<h3>H3 heading<\/h3>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<h3>H3 multi-line heading lorem ipsum dolor sit amet consectetur adipiscing elit nulla urna tellus tristique eget vestibulum ac tincidunt<\/h3>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<h4>H4 heading<\/h4>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<h4>H4 multi-line heading lorem ipsum dolor sit amet consectetur adipiscing elit nulla urna tellus tristique eget vestibulum ac tincidunt et libero nunc ornare diam quis leo<\/h4>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<h5>H5 heading<\/h5>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<h5>H5 multi-line heading lorem ipsum dolor sit amet consectetur adipiscing elit nulla urna tellus tristique eget vestibulum ac tincidunt et libero nunc ornare diam quis leo dignissim auctor vitae eu nulla<\/h5>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<h6>H6 heading<\/h6>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<h6>H6 multi-line heading lorem ipsum dolor sit amet consectetur adipiscing elit nulla urna tellus tristique eget vestibulum ac tincidunt et libero nunc ornare diam quis leo dignissim auctor vitae eu nulla<\/h6>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac.<\/p>\n<div class=\"divider type-simple\"><\/div>\n<h1>H1 heading<\/h1>\n<h3>H3 subheading<\/h3>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit.<\/p>\n<h1>H1 heading<\/h1>\n<h4>H4 subheading<\/h4>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit.<\/p>\n<h1>H1 heading<\/h1>\n<h5>H5 subheading<\/h5>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit.<\/p>\n<h2>H2 heading<\/h2>\n<h4>H4 subheading<\/h4>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit.<\/p>\n<h2>H2 heading<\/h2>\n<h5>H5 subheading<\/h5>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit.<\/p>\n<h3>H3 heading<\/h3>\n<h5>H5 subheading<\/h5>\n<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit.<\/p>\n<div class=\"divider-top meta\"><a class=\"meta\" href=\"#\">Top<\/a><div><\/div><\/div>\n<h2>Definition List<\/h2>\n<dl>\n<dt>dt<\/dt>\n<dd>dd<\/dd>\n<dt>Cras tincidunt<\/dt>\n<dd>Donec aliquet, neque ut vulputate sagittis, sapien nulla accumsan felis, eget pellentesque tortor erat sit amet dui. Cras eu consectetur elit<\/dd>\n<dt>Vivamus<\/dt>\n<dd>Neque ut vulputate sagittis, sapien nulla accumsan felis<\/dd>\n<dt>Cras tincidunt<\/dt>\n<dd>Donec aliquet, neque ut vulputate sagittis, sapien nulla accumsan felis, eget pellentesque tortor erat sit amet dui. Cras eu consectetur elit<\/dd>\n<dt>Vivamus<\/dt>\n<dd>Neque ut vulputate sagittis, sapien nulla accumsan felis<\/dd>\n<\/dl>\n<div class=\"divider-top meta\"><a class=\"meta\" href=\"#\">Top<\/a><div><\/div><\/div>\n<h2>Lead<\/h2>\n<div id=\"lead-counter-2\" class=\"lead\" >\n<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices <a href=\"\/\">posuere cubilia<\/a> curae. Nulla consequat, leo et elementum tempus, mi enim interdum ante, sed consequat lectus metus nec mi. Donec turpis nisl, congue ac lacinia sed, consequat bibendum ipsum. <\/p>\n<\/div>\n<div class=\"divider-top meta\"><a class=\"meta\" href=\"#\">Top<\/a><div><\/div><\/div>\n<div class=\"grid\"><div class=\"c-one-half \">\n<h2>The pre tag<\/h2>\n<pre>\n  _____  _____  ______ \n |  __ |  __ |  ____|\n | |__) | |__) | |__   \n |  ___\/|  _  \/|  __|  \n | |    | |  | |____ \n |_|    |_|  _______|\n<\/pre>\n<\/div>\n<div class=\"c-one-half \">\n<h2>The code tag inside the pre tag<\/h2>\n<pre><code>&#091;toggle title=&quot;This is toggled content&quot;&#093;\n... here goes toggled content ...\n&#091;\/toggle&#093;\n<\/code><\/pre>\n<\/div><\/div>\n<div class=\"divider-top meta\"><a class=\"meta\" href=\"#\">Top<\/a><div><\/div><\/div>\n<h2>Miscellaneous tags<\/h2>\n<p>This is <a href=\"\">the a tag<\/a> example<br \/>\nThis is <abbr>the abbr tag<\/abbr> example<br \/>\nThis is <acronym>the acronym tag<\/acronym> example<br \/>\nThis is <b>the b tag<\/b> example<br \/>\nThis is <cite>the cite tag<\/cite> example<br \/>\nThis is <del>the del tag<\/del> example<br \/>\nThis is <dfn>the dfn tag<\/dfn> example<br \/>\nThis is <em>the em tag<\/em> example<br \/>\nThis is <i>the i tag<\/i> example<br \/>\nThis is <ins>the ins tag<\/ins> example<br \/>\nThis is <mark>the mark tag<\/mark> example<br \/>\nThis is <q>the q tag<\/q> example<br \/>\nThis is <small>the small tag<\/small> example<br \/>\nThis is <strong>the strong tag<\/strong> example<br \/>\nThis is <sub>the sub tag<\/sub> example<br \/>\nThis is <sup>the sup tag<\/sup> example<br \/>\nThis is <kbd>the kbd tag<\/kbd> example<br \/>\nThis is <samp>the samp tag<\/samp> example<br \/>\nThis is <tt>the tt tag<\/tt> example<br \/>\nThis is <var>the var tag<\/var> example<\/p>\n<div class=\"divider type-simple\"><\/div>\n<h2>Space Shortcode<\/h2>\n<div class=\"grid\"><div class=\"c-one-half \">\n<span class=\"space\" style=\"height: 90px;\"><\/span>\n<h6>Code:<\/h6>\n<pre><code>...here goes some text... \n&#091;space px=\"120\"&#093; \n...here goes some text...\n<\/code><\/pre>\n<\/div>\n<div class=\"c-one-half \">\n<p>In eu ipsum vitae nisi aliquet mattis. Aenean faucibus, quam vitae euismod malesuada, lorem lectus dignissim augue, vitae convallis ligula turpis in magna.<\/p>\n<span class=\"space\" style=\"height: 120px;\"><\/span>\n<p>Sed ullamcorper auctor justo, quis vehicula lectus porttitor vel. Vivamus eget nisi ac nunc vulputate sodales ut sit amet felis.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>H1 heading Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac. H1 multi-line heading lorem ipsum dolor sit amet Cum sociis [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":690,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"page-nav-right.php","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-266","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Typography - Digital Prominence<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/digitalprominence.com\/website\/shortcodes\/typography\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Typography - Digital Prominence\" \/>\n<meta property=\"og:description\" content=\"H1 heading Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac. H1 multi-line heading lorem ipsum dolor sit amet Cum sociis [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"http:\/\/digitalprominence.com\/website\/shortcodes\/typography\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Prominence\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/typography\\\/\",\"url\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/typography\\\/\",\"name\":\"Typography - Digital Prominence\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/#website\"},\"datePublished\":\"2012-01-05T17:22:09+00:00\",\"breadcrumb\":{\"@id\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/typography\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/typography\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/typography\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Shortcodes\",\"item\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/shortcodes\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Typography\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/#website\",\"url\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/\",\"name\":\"Digital Prominence\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\\\/\\\/digitalprominence.com\\\/website\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Typography - Digital Prominence","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/digitalprominence.com\/website\/shortcodes\/typography\/","og_locale":"en_US","og_type":"article","og_title":"Typography - Digital Prominence","og_description":"H1 heading Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum molestie odio a lectus sagittis blandit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse et nunc orci. In neque neque, mollis quis luctus ac. H1 multi-line heading lorem ipsum dolor sit amet Cum sociis [&hellip;]","og_url":"http:\/\/digitalprominence.com\/website\/shortcodes\/typography\/","og_site_name":"Digital Prominence","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/digitalprominence.com\/website\/shortcodes\/typography\/","url":"http:\/\/digitalprominence.com\/website\/shortcodes\/typography\/","name":"Typography - Digital Prominence","isPartOf":{"@id":"http:\/\/digitalprominence.com\/website\/#website"},"datePublished":"2012-01-05T17:22:09+00:00","breadcrumb":{"@id":"http:\/\/digitalprominence.com\/website\/shortcodes\/typography\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["http:\/\/digitalprominence.com\/website\/shortcodes\/typography\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/digitalprominence.com\/website\/shortcodes\/typography\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/digitalprominence.com\/website\/"},{"@type":"ListItem","position":2,"name":"Shortcodes","item":"http:\/\/digitalprominence.com\/website\/shortcodes\/"},{"@type":"ListItem","position":3,"name":"Typography"}]},{"@type":"WebSite","@id":"http:\/\/digitalprominence.com\/website\/#website","url":"http:\/\/digitalprominence.com\/website\/","name":"Digital Prominence","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/digitalprominence.com\/website\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/pages\/266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/comments?post=266"}],"version-history":[{"count":1,"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/pages\/266\/revisions"}],"predecessor-version":[{"id":1096,"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/pages\/266\/revisions\/1096"}],"up":[{"embeddable":true,"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/pages\/690"}],"wp:attachment":[{"href":"http:\/\/digitalprominence.com\/website\/wp-json\/wp\/v2\/media?parent=266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}