{"id":3045,"date":"2024-03-26T10:53:08","date_gmt":"2024-03-26T10:53:08","guid":{"rendered":"https:\/\/okthemes.com\/vinartwpdemo\/?page_id=3045"},"modified":"2024-03-26T10:53:08","modified_gmt":"2024-03-26T10:53:08","slug":"typography","status":"publish","type":"page","link":"https:\/\/pathien.vn\/en\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-white-color has-primary-color-background-color has-text-color has-background has-link-color wp-elements-6435e378b0aa40b87b6fdf0b9142a9cd wp-block-paragraph\">Primary color<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-white-color has-secondary-color-background-color has-text-color has-background has-link-color wp-elements-d2b564654d264afce92a31a3cca6e5fe wp-block-paragraph\">Seconday color<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center has-accent-color-background-color has-background wp-block-paragraph\">Accent color<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading has-primary-color-color has-text-color has-link-color wp-elements-6e77d75c0c9b5be2a717820617065edb\">Headings<\/h6>\n\n\n\n<h1 class=\"wp-block-heading\">Heading 1<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Heading 2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Heading 3<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Heading 4<\/h4>\n\n\n\n<h5 class=\"wp-block-heading\">Heading 5<\/h5>\n\n\n\n<h6 class=\"wp-block-heading\">Heading 6<\/h6>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading has-primary-color-color has-text-color has-link-color wp-elements-dba9769a2b502b732a890077f169b362\">Paragraphs<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">This is a standard paragraph. It includes <strong>bold<\/strong>, <em>italic<\/em>, and underlined text. It also includes <a href=\"#\">links<\/a> for demonstration purposes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut odio eros, cursus eu turpis sit amet, vulputate placerat elit<\/em>. Sed justo quam, condimentum quis ultrices sed, hendrerit ac augue. Vivamus eleifend tellus ac nisl porttitor porta. <strong>Duis maximus ipsum sem, id faucibus enim lacinia bibendum<\/strong>. Maecenas nec elementum purus. Nam at dignissim sem, vel vehicula neque. Cras molestie cursus risus, sed tincidunt neque dapibus et. <s>Nullam tincidunt gravida sem<\/s>. Curabitur mattis metus vel lorem lacinia, nec pellentesque dui lobortis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is a paragraph with <mark style=\"background-color:var(--vinart-primary-color)\" class=\"has-inline-color\">highlighted text<\/mark> to draw attention to specific words or phrases.<\/p>\n\n\n\n<p class=\"has-drop-cap wp-block-paragraph\">This paragraph starts with a drop cap. It demonstrates how the initial letter can be styled to stand out and create a more elegant appearance.<\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading has-primary-color-color has-text-color has-link-color wp-elements-1b4946d3bc3ddfb5ced730d19939f19c\">Buttons<\/h6>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Default button<\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-font-size is-style-outline has-normal-font-size is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\">Outline button<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading has-primary-color-color has-text-color has-link-color wp-elements-402a818cc76046438a45f35feaed7f1f\">Ordered list<\/h6>\n\n\n\n<ol class=\"wp-block-list\">\n<li>First item<\/li>\n\n\n\n<li>Second item<\/li>\n\n\n\n<li>Third item <\/li>\n\n\n\n<li>Fourth item<\/li>\n\n\n\n<li>Fifth item<\/li>\n<\/ol>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading has-primary-color-color has-text-color has-link-color wp-elements-c0021367415d4a0fbd7ba8f93160ff53\">Unordered list<\/h6>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First item<\/li>\n\n\n\n<li>Second item<\/li>\n\n\n\n<li>Third item<\/li>\n\n\n\n<li>Fourth item<\/li>\n\n\n\n<li>Fifth item<\/li>\n<\/ul>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading has-primary-color-color has-text-color has-link-color wp-elements-e17b245677f53bc391078a332b554356\">Quote<\/h6>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">This is a quote. It can be used to highlight important information. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut odio eros, cursus eu turpis sit amet, vulputate placerat elit. <\/p>\n<cite>Author name<\/cite><\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\" style=\"margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h6 class=\"wp-block-heading has-primary-color-color has-text-color has-link-color wp-elements-75af243eeb42eb0eff0fc7ffa74e3a62\">Table<\/h6>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Header 1<\/th><th>Header 2<\/th><th>Header 3<\/th><\/tr><\/thead><tbody><tr><td>Row 1, Cell 1<\/td><td>Row 1, Cell 2<\/td><td>Row 1, Cell 3<\/td><\/tr><tr><td>Row 2, Cell 1<\/td><td>Row 2, Cell 2<\/td><td>Row 2, Cell 3<\/td><\/tr><\/tbody><\/table><\/figure>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Primary color Seconday color Accent color Headings Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Paragraphs This is a standard paragraph. It includes bold, italic, and underlined text. It also includes links for demonstration purposes. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut odio eros, cursus eu turpis sit amet,<\/p>\n<p class=\"more-link-wrapper\"><a class=\"btn btn-primary\" href=\"https:\/\/pathien.vn\/en\/typography\/\">Read More<\/a><\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"[]"},"class_list":["post-3045","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pathien.vn\/en\/wp-json\/wp\/v2\/pages\/3045","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pathien.vn\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pathien.vn\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pathien.vn\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pathien.vn\/en\/wp-json\/wp\/v2\/comments?post=3045"}],"version-history":[{"count":0,"href":"https:\/\/pathien.vn\/en\/wp-json\/wp\/v2\/pages\/3045\/revisions"}],"wp:attachment":[{"href":"https:\/\/pathien.vn\/en\/wp-json\/wp\/v2\/media?parent=3045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}