{"id":42,"date":"2017-11-01T20:41:19","date_gmt":"2017-11-01T20:41:19","guid":{"rendered":"http:\/\/tommustester.wpengine.com\/?page_id=42"},"modified":"2017-11-01T20:41:19","modified_gmt":"2017-11-01T20:41:19","slug":"elements-typography","status":"publish","type":"page","link":"https:\/\/andrewboks.art\/index.php\/elements\/elements-typography\/","title":{"rendered":"Elements &#8211; Typography"},"content":{"rendered":"<p>[vc_section full_width=&#8221;stretch_row&#8221;][vc_row][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text]<\/p>\n<h1 class=\"heading text-center\">Maecenas faucibus mollis interdum elit non mi porta<\/h1>\n<div class=\"space30\"><\/div>\n<h2 class=\"sub-heading text-center\">Nullam quis risus eget urna mollis ornare vel eu leo praesent commodo cursus magna vel scelerisque<\/h2>\n<div class=\"space30\"><\/div>\n<p class=\"lead larger text-center\">Maecenas sed diam eget risus varius blandit sit amet non magna. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum.<\/p>\n<div class=\"space30\"><\/div>\n<p class=\"lead text-center\">Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vivamus sagittis lacus vel augue laoreet.<\/p>\n<div class=\"space30\"><\/div>\n<p class=\"lead2 text-center\">Donec sed odio dui. Cras mattis consectetur purus sit amet fermentum. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.<\/p>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<hr \/>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<h2 class=\"section-title text-center\">Section Title<\/h2>\n<div class=\"space30\"><\/div>\n<h2 class=\"section-title larger text-center\">Section Title Large<\/h2>\n<div class=\"space30\"><\/div>\n<h2 class=\"section-title section-title-medium text-center\">Section Title Medium<\/h2>\n<div class=\"space30\"><\/div>\n<h2 class=\"section-title section-title-upper-small text-center\">SMALL SECTION TITLE<\/h2>\n<div class=\"space30\"><\/div>\n<h2 class=\"section-title section-title-upper text-center\">UPPERCASE SECTION TITLE<\/h2>\n<div class=\"space30\"><\/div>\n<h2 class=\"section-title section-title-line text-center\">Section Title with Line<\/h2>\n<div class=\"space30\"><\/div>\n<h2 class=\"section-title section-title-medium section-title-line text-center\">Section Title Medium with Line<\/h2>\n<div class=\"space30\"><\/div>\n<h2 class=\"section-title section-title-upper-small section-title-line text-center\">SMALL SECTION TITLE WITH LINE<\/h2>\n<div class=\"space30\"><\/div>\n<h2 class=\"section-title section-title-upper section-title-line text-center\">UPPERCASE SECTION TITLE WITH LINE<\/h2>\n<div class=\"space30\"><\/div>\n<h2 class=\"title-color text-color text-center\">COLOR TITLE<\/h2>\n<div class=\"space30\"><\/div>\n<h2 class=\"title-color text-muted text-center\">COLOR TITLE<\/h2>\n<p>[\/vc_column_text][vc_column_text]<\/p>\n<hr \/>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h1 style=\"text-align: center\">Heading 1<\/h1>\n<div class=\"space30\" style=\"text-align: center\"><\/div>\n<h2 style=\"text-align: center\">Heading 2<\/h2>\n<div class=\"space30\" style=\"text-align: center\"><\/div>\n<h3 style=\"text-align: center\">Heading 3<\/h3>\n<div class=\"space30\" style=\"text-align: center\"><\/div>\n<h4 style=\"text-align: center\">Heading 4<\/h4>\n<div class=\"space30\" style=\"text-align: center\"><\/div>\n<h5 style=\"text-align: center\">Heading 5<\/h5>\n<div class=\"space30\" style=\"text-align: center\"><\/div>\n<h6 style=\"text-align: center\">Heading 6<\/h6>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h1 class=\"text-uppercase\" style=\"text-align: center\">HEADING 1<\/h1>\n<div class=\"space30\" style=\"text-align: center\"><\/div>\n<h2 class=\"text-uppercase\" style=\"text-align: center\">HEADING 2<\/h2>\n<div class=\"space30\" style=\"text-align: center\"><\/div>\n<h3 class=\"text-uppercase\" style=\"text-align: center\">HEADING 3<\/h3>\n<div class=\"space30\" style=\"text-align: center\"><\/div>\n<h4 class=\"text-uppercase\" style=\"text-align: center\">HEADING 4<\/h4>\n<div class=\"space30\" style=\"text-align: center\"><\/div>\n<h5 class=\"text-uppercase\" style=\"text-align: center\">HEADING 5<\/h5>\n<div class=\"space30\" style=\"text-align: center\"><\/div>\n<h6 class=\"text-uppercase\" style=\"text-align: center\">HEADING 6<\/h6>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text]<\/p>\n<hr \/>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4 style=\"text-align: center\">Marked Text<\/h4>\n<p style=\"text-align: center\">You can use the mark tag to <mark>highlight<\/mark> text.<\/p>\n<div class=\"space20\" style=\"text-align: center\"><\/div>\n<h4 style=\"text-align: center\">Deleted text<\/h4>\n<p style=\"text-align: center\"><del>This line of text is meant to be treated as deleted text.<\/del><\/p>\n<div class=\"space20\" style=\"text-align: center\"><\/div>\n<h4 style=\"text-align: center\">Strikethrough text<\/h4>\n<p style=\"text-align: center\"><s>This line of text is meant to be treated as no longer accurate.<\/s><\/p>\n<div class=\"space20\" style=\"text-align: center\"><\/div>\n<h4 style=\"text-align: center\">Underlined text<\/h4>\n<p style=\"text-align: center\"><u>This line of text will render as underlined<\/u><\/p>\n<div class=\"space20\" style=\"text-align: center\"><\/div>\n<h4 style=\"text-align: center\">Small text<\/h4>\n<p style=\"text-align: center\"><small>This line of text is meant to be treated as fine print.<\/small><\/p>\n<div class=\"space20\" style=\"text-align: center\"><\/div>\n<h4 style=\"text-align: center\">Bold<\/h4>\n<p style=\"text-align: center\">The following snippet of text is <strong>rendered as bold text<\/strong><\/p>\n<div class=\"space20\" style=\"text-align: center\"><\/div>\n<h4 style=\"text-align: center\">Italics<\/h4>\n<p style=\"text-align: center\">The following snippet of text is <em>rendered as italicized text<\/em><\/p>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/3&#8243;][vc_column_text]<\/p>\n<h4 style=\"text-align: center\">Sup and Sub<\/h4>\n<p style=\"text-align: center\">This is <sub>subscript<\/sub> and <sup>superscript<\/sup><\/p>\n<div class=\"space20\" style=\"text-align: center\"><\/div>\n<h4 style=\"text-align: center\">Transformation classes<\/h4>\n<p class=\"text-lowercase\" style=\"text-align: center\">Lowercased text<\/p>\n<p class=\"text-uppercase\" style=\"text-align: center\">Uppercased text<\/p>\n<p class=\"text-capitalize\" style=\"text-align: center\">Capitalized text<\/p>\n<div class=\"space20\" style=\"text-align: center\"><\/div>\n<h4 style=\"text-align: center\">Address<\/h4>\n<address><strong>Twitter, Inc.<\/strong><br \/>\n1355 Market Street, Suite 900<br \/>\nSan Francisco, CA 94103<br \/>\n<abbr title=\"Phone\">P:<\/abbr> (123) 456-7890<br \/>\n<a class=\"nocolor\" href=\"mailto:#\">first.last@example.com<\/a><\/address>\n<h4 style=\"text-align: center\">Inline Code<\/h4>\n<p style=\"text-align: center\">For example, <code>&lt;section&gt;<\/code> should be wrapped as inline.<\/p>\n<div class=\"space20\" style=\"text-align: center\"><\/div>\n<h4 style=\"text-align: center\">Block Code<\/h4>\n<pre class=\"prettyprint linenums text-left\"><code>&lt;div data-aos=\"fade-down\"\n     data-aos-easing=\"linear\"\n     data-aos-duration=\"1500\"&gt;\n&lt;\/div&gt;<\/code><\/pre>\n<p>[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/6&#8243;][\/vc_column][\/vc_row][\/vc_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_section full_width=&#8221;stretch_row&#8221;][vc_row][vc_column width=&#8221;1\/6&#8243;][\/vc_column][vc_column width=&#8221;2\/3&#8243;][vc_column_text] Maecenas faucibus mollis interdum elit non mi porta Nullam quis risus eget urna mollis ornare vel eu leo praesent commodo cursus magna vel scelerisque Maecenas sed diam eget risus varius blandit sit amet non magna. Nulla vitae elit libero, a pharetra augue. Maecenas faucibus mollis interdum. Curabitur blandit tempus porttitor. Integer&hellip; <a class=\"more-link\" href=\"https:\/\/andrewboks.art\/index.php\/elements\/elements-typography\/\">Continue reading <span class=\"screen-reader-text\">Elements &#8211; Typography<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1709,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-42","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/pages\/42","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/comments?post=42"}],"version-history":[{"count":0,"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/pages\/42\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/pages\/1709"}],"wp:attachment":[{"href":"https:\/\/andrewboks.art\/index.php\/wp-json\/wp\/v2\/media?parent=42"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}