{"id":983,"date":"2019-05-21T07:41:07","date_gmt":"2019-05-21T07:41:07","guid":{"rendered":"http:\/\/localhost\/quanto\/?page_id=983"},"modified":"2019-05-21T07:41:07","modified_gmt":"2019-05-21T07:41:07","slug":"typography","status":"publish","type":"page","link":"https:\/\/wpdemo2.vegatheme.com\/quanto\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>\t\t\t\t[vc_row css=&#8221;.vc_custom_1558424553062{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221;][vc_column width=&#8221;10\/12&#8243;][vc_row_inner el_id=&#8221;overview&#8221;][vc_column_inner][vc_custom_heading text=&#8221;Overview&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1558423719391{margin-bottom: 16px !important;}&#8221;]<\/p>\n<p class=\"lead\">Nam pulvinar interdum turpis a mattis. Etiam augue leo, mollis a massa sagittis, egestas pretium risus. Aliquam auctor nibh mauris, at fringilla elit lobortis sodales. Praesent volutpat felis et placerat elementum.<\/p>\n<ul class=\"list-unstyled arrow\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/li>\n<li>Mauris bibendum massa ut porttitor congue.<\/li>\n<li>Morbi condimentum magna eget facilisis accumsan.<\/li>\n<li>Proin euismod eros nec libero efficitur, a dapibus mauris condimentum.<\/li>\n<\/ul>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_custom_heading text=&#8221;Typography Rule&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1558423918085{margin-bottom: 24px !important;}&#8221;]<\/p>\n<p class=\"lead\">Golden Ratio Typography is more than just a way to make text look great on a webpage. It\u2019s a deceptively simple design system that maintains perfect proportionality in any design.<br \/>\n<a href=\"#\">https:\/\/grtcalculator.com\/<\/a><\/p>\n<p>[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1558424107200{margin-bottom: 30px !important;}&#8221;]<\/p>\n<div id=\"goldenratio\" class=\"card\">\n<h5 class=\"card-header\">Golden Ratio Scale Typography<\/h5>\n<div class=\"card-body\">\n<table class=\"table\">\n<thead>\n<tr>\n<th scope=\"col\">Font Size<\/th>\n<th scope=\"col\">Line Height<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<th class=\"h1\" scope=\"row\">h1 &#8211; 42px<\/th>\n<td class=\"h1\">64px<\/td>\n<\/tr>\n<tr>\n<th class=\"h2\" scope=\"row\">h2 &#8211; 34px<\/th>\n<td class=\"h2\">44px<\/td>\n<\/tr>\n<tr>\n<th class=\"h3\" scope=\"row\">h3 &#8211; 26px<\/th>\n<td class=\"h3\">33px<\/td>\n<\/tr>\n<tr>\n<th class=\"h4\" scope=\"row\">h4 &#8211; 20px<\/th>\n<td class=\"h4\">31px<\/td>\n<\/tr>\n<tr>\n<th class=\"h5\" scope=\"row\">h5 &#8211; 16px<\/th>\n<td class=\"h5\">21px<\/td>\n<\/tr>\n<tr>\n<th class=\"h6\" scope=\"row\">h6 &#8211; 13px<\/th>\n<td class=\"h6\">21px<\/td>\n<\/tr>\n<tr>\n<th class=\"p\" scope=\"row\">p &#8211; 16px<\/th>\n<td class=\"h6\">27px<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1558424126844{margin-bottom: 30px !important;}&#8221;]<\/p>\n<div id=\"headings\" class=\"card\">\n<h5 class=\"card-header\">Headings<\/h5>\n<div class=\"card-body\">\n<h1>h1. Bootstrap heading<\/h1>\n<h2>h2. Bootstrap heading<\/h2>\n<h3>h3. Bootstrap heading<\/h3>\n<h4>h4. Bootstrap heading<\/h4>\n<h5>h5. Bootstrap heading<\/h5>\n<h6>h6. Bootstrap heading<\/h6>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1558424171829{margin-bottom: 30px !important;}&#8221;]<\/p>\n<div id=\"d-heading\" class=\"card\">\n<h5 class=\"card-header\">Display Headings<\/h5>\n<div class=\"card-body\">\n<h1 class=\"display-1\">Display 1<\/h1>\n<h1 class=\"display-2\">Display 2<\/h1>\n<h1 class=\"display-3\">Display 3<\/h1>\n<h1 class=\"display-4\">Display 4<\/h1>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1558424198868{margin-bottom: 30px !important;}&#8221;]<\/p>\n<div id=\"text\" class=\"card\">\n<h5 class=\"card-header\">Body Text<\/h5>\n<div class=\"card-body\">\n<p class=\"lead\">Maecenas eget metus quis justo semper malesuada id id leo. Mauris tristique libero mauris, vitae rutrum mi ultricies a. Vestibulum volutpat eu leo sit amet feugiat.<\/p>\n<p>Pellentesque pellentesque elementum sem, eu interdum magna. Aenean vestibulum, erat vel tincidunt luctus, ex orci interdum est, ut vehicula erat massa ut purus. Nam sit amet odio quis ante bibendum faucibus. Mauris eleifend lobortis justo vel dictum. Aenean lobortis eleifend turpis, sit amet ullamcorper dui euismod at.<\/p>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1558424214429{margin-bottom: 30px !important;}&#8221;]<\/p>\n<div id=\"align\" class=\"card\">\n<h5 class=\"card-header\">Alignment<\/h5>\n<div class=\"card-body\">\n<h3 class=\"text-left\">Left aligned text.<\/h3>\n<p class=\"text-left\">Pellentesque vulputate arcu sed risus auctor tincidunt. Morbi eget massa turpis. Fusce aliquet dolor eu posuere tincidunt. Fusce ultricies luctus dui, dapibus pharetra risus semper non. .<\/p>\n<\/div>\n<div class=\"card-body border-top\">\n<h3 class=\"text-center\">Center aligned text.<\/h3>\n<p class=\"text-center\">Pellentesque vulputate arcu sed risus auctor tincidunt. Morbi eget massa turpis. Fusce aliquet dolor eu posuere tincidunt. Fusce ultricies luctus dui, dapibus pharetra risus semper non. .<\/p>\n<\/div>\n<div class=\"card-body border-top\">\n<h3 class=\"text-right\">Right aligned text.<\/h3>\n<p class=\"text-right\">Pellentesque vulputate arcu sed risus auctor tincidunt. Morbi eget massa turpis. Fusce aliquet dolor eu posuere tincidunt. Fusce ultricies luctus dui, dapibus pharetra risus semper non. .<\/p>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1558424230670{margin-bottom: 30px !important;}&#8221;]<\/p>\n<div id=\"u-list\" class=\"card\">\n<h5 class=\"card-header\">Unordered list<\/h5>\n<div class=\"card-body\">\n<ul>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Consectetur adipiscing elit<\/li>\n<li>Integer molestie lorem at massa<\/li>\n<li>Facilisis in pretium nisl aliquet<\/li>\n<li>Nulla volutpat aliquam velit\n<ul>\n<li>Phasellus iaculis neque<\/li>\n<li>Purus sodales ultricies<\/li>\n<li>Vestibulum laoreet porttitor sem<\/li>\n<li>Ac tristique libero volutpat at<\/li>\n<\/ul>\n<\/li>\n<li>Faucibus porta lacus fringilla vel<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<li>Eget porttitor lorem<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1558424250534{margin-bottom: 30px !important;}&#8221;]<\/p>\n<div id=\"o-list\" class=\"card\">\n<h5 class=\"card-header\">Ordered list<\/h5>\n<div class=\"card-body\">\n<ol>\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Consectetur adipiscing elit<\/li>\n<li>Integer molestie lorem at massa<\/li>\n<li>Facilisis in pretium nisl aliquet<\/li>\n<li>Nulla volutpat aliquam velit<\/li>\n<li>Phasellus iaculis neque<\/li>\n<li>Purus sodales ultricies<\/li>\n<li>Vestibulum laoreet porttitor sem<\/li>\n<li>Ac tristique libero volutpat at<\/li>\n<li>Faucibus porta lacus fringilla vel<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<li>Eget porttitor lorem<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1558424264023{margin-bottom: 30px !important;}&#8221;]<\/p>\n<div id=\"un-list\" class=\"card\">\n<h5 class=\"card-header\">Unstyled<\/h5>\n<div class=\"card-body\">\n<ul class=\"list-unstyled\">\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Consectetur adipiscing elit<\/li>\n<li>Integer molestie lorem at massa<\/li>\n<li>Facilisis in pretium nisl aliquet<\/li>\n<li>Nulla volutpat aliquam velit<\/li>\n<li>Phasellus iaculis neque<\/li>\n<li>Purus sodales ultricies<\/li>\n<li>Vestibulum laoreet porttitor sem<\/li>\n<li>Ac tristique libero volutpat at<\/li>\n<li>Faucibus porta lacus fringilla vel<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<li>Eget porttitor lorem<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1558424276277{margin-bottom: 30px !important;}&#8221;]<\/p>\n<div id=\"styled-list\" class=\"card\">\n<h5 class=\"card-header\">List Styled<\/h5>\n<div class=\"card-body\">\n<ul class=\"list-unstyled arrow\">\n<li>Lorem ipsum dolor sit amet<\/li>\n<li>Consectetur adipiscing elit<\/li>\n<li>Integer molestie lorem at massa<\/li>\n<li>Facilisis in pretium nisl aliquet<\/li>\n<li>Nulla volutpat aliquam velit<\/li>\n<li>Phasellus iaculis neque<\/li>\n<li>Purus sodales ultricies<\/li>\n<li>Vestibulum laoreet porttitor sem<\/li>\n<li>Ac tristique libero volutpat at<\/li>\n<li>Faucibus porta lacus fringilla vel<\/li>\n<li>Aenean sit amet erat nunc<\/li>\n<li>Eget porttitor lorem<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner][vc_column_inner][vc_column_text css=&#8221;.vc_custom_1558424297343{margin-bottom: 30px !important;}&#8221;]<\/p>\n<div id=\"text-elements\" class=\"card\">\n<h5 class=\"card-header\">Text Elements<\/h5>\n<div class=\"card-body\">\n<p>You can use the mark tag to<br \/>\n<mark>highlight<\/mark> text.<\/p>\n<p><del>This line of text is meant to be treated as deleted text.<\/del><\/p>\n<p><s>This line of text is meant to be treated as no longer accurate.<\/s><\/p>\n<p><ins>This line of text is meant to be treated as an addition to the document.<\/ins><\/p>\n<p><u>This line of text will render as underlined<\/u><\/p>\n<p><small>This line of text is meant to be treated as fine print.<\/small><\/p>\n<p><strong>This line rendered as bold text.<\/strong><\/p>\n<p><em>This line rendered as italicized text.<\/em><\/p>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=&#8221;1\/2&#8243; offset=&#8221;vc_col-md-2&#8243;][vc_column_text css=&#8221;.vc_custom_1558425752439{margin-bottom: 16px !important;}&#8221;]<\/p>\n<div class=\"sidebar-nav-fixed\">\n<ul class=\"list-unstyled\">\n<li><a class=\"active\" href=\"#overview\">Overview<\/a><\/li>\n<li><a class=\"\" href=\"#goldenratio\">Gloden Ratio<\/a><\/li>\n<li><a class=\"\" href=\"#headings\">Headings<\/a><\/li>\n<li><a class=\"\" href=\"#d-heading\">Display Headings<\/a><\/li>\n<li><a class=\"\" href=\"#text\">Body Text<\/a><\/li>\n<li><a class=\"\" href=\"#align\">Alignment<\/a><\/li>\n<li><a class=\"\" href=\"#u-list\">Unordered list<\/a><\/li>\n<li><a class=\"\" href=\"#o-list\">Ordered list<\/a><\/li>\n<li><a class=\"\" href=\"#un-list\">Unstyled list<\/a><\/li>\n<li><a class=\"\" href=\"#styled-list\">Styled list<\/a><\/li>\n<li><a class=\"\" href=\"#text-elements\">Inline text elements<\/a><\/li>\n<li><a class=\"\" href=\"#top\">Back to Top<\/a><\/li>\n<\/ul>\n<\/div>\n<p>[\/vc_column_text][\/vc_column][\/vc_row]\t\t<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1558424553062{padding-top: 100px !important;padding-bottom: 100px !important;}&#8221;][vc_column width=&#8221;10\/12&#8243;][vc_row_inner el_id=&#8221;overview&#8221;][vc_column_inner][vc_custom_heading text=&#8221;Overview&#8221; use_theme_fonts=&#8221;yes&#8221;][vc_column_text css=&#8221;.vc_custom_1558423719391{margin-bottom: 16px !important;}&#8221;] Nam pulvinar interdum turpis a mattis. Etiam augue leo, mollis a massa sagittis, egestas pretium risus. Aliquam auctor nibh mauris, at fringilla elit lobortis sodales. Praesent volutpat felis et placerat elementum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris bibendum massa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-983","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/pages\/983","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/comments?post=983"}],"version-history":[{"count":0,"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/pages\/983\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpdemo2.vegatheme.com\/quanto\/wp-json\/wp\/v2\/media?parent=983"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}