{"id":2862,"date":"2024-04-08T12:35:34","date_gmt":"2024-04-08T12:35:34","guid":{"rendered":"http:\/\/clapat-themes.com\/wordpress\/montoya\/?page_id=2862"},"modified":"2024-04-08T12:35:34","modified_gmt":"2024-04-08T12:35:34","slug":"typography","status":"publish","type":"page","link":"https:\/\/josephineolivier.com\/index.php\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"\n<div class=\"wp-block-montoya-gutenberg-container content-row light-section full row_padding_left row_padding_right\" data-bgcolor=\"#ffffff\" style=\"text-align:left\">\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h5 class=\"wp-block-heading\">Primary Headings<\/h5>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h1 class=\"wp-block-heading has-mask-fill primary-font-title\">Heading 1<\/h1>\n\n\n\n<h2 class=\"wp-block-heading has-mask-fill primary-font-title\">Heading 2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-mask-fill primary-font-title\">Heading 3<\/h3>\n\n\n\n<h4 class=\"wp-block-heading has-mask-fill primary-font-title\">Heading 4<\/h4>\n\n\n\n<h5 class=\"wp-block-heading has-mask-fill primary-font-title\">Heading 5<\/h5>\n\n\n\n<h6 class=\"wp-block-heading has-mask-fill primary-font-title\">Heading 6<\/h6>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h5 class=\"wp-block-heading\">Secondary Headings<\/h5>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<h1 class=\"wp-block-heading has-mask-fill\">Heading 1<\/h1>\n\n\n\n<h2 class=\"wp-block-heading has-mask-fill\">Heading 2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading has-mask-fill\">Heading 3<\/h3>\n\n\n\n<h4 class=\"wp-block-heading has-mask-fill\">Heading 4<\/h4>\n\n\n\n<h5 class=\"wp-block-heading has-mask-fill\">Heading 5<\/h5>\n\n\n\n<h6 class=\"wp-block-heading has-mask-fill\">Heading 6<\/h6>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h5 class=\"wp-block-heading\">Anchor Links<\/h5>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>If you paste in a URL, like <a class=\"link\" href=\"https:\/\/clapat.com\">https:\/\/clapat.com<\/a> &#8211; it&#8217;ll automatically be linked up. But if you want to customise your anchor text, you can do that too! Here&#8217;s a link to the <a class=\"link\" href=\"https:\/\/clapat.com\">ClaPat website<\/a>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h5 class=\"wp-block-heading\">Floating Images<\/h5>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p>This is a text with a <span class=\"has-hover-image hide-ball\" data-img=\"http:\/\/clapat-themes.com\/wordpress\/montoya\/wp-content\/uploads\/2024\/04\/image01.jpg\">floating image<\/span> which you can use as <span class=\"has-hover-image vertical hide-ball\" data-img=\"http:\/\/clapat-themes.com\/wordpress\/montoya\/wp-content\/uploads\/2024\/04\/pinned02.jpg\">many times<\/span> you want in each paragraph.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h5 class=\"wp-block-heading\">Blockquote<\/h5>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-medium-font-size\">A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away.<\/p>\n<\/blockquote>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h5 class=\"wp-block-heading\">Highlighting<\/h5>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p><mark>Highlighting text<\/mark> can help bring important information immediately to the reader&#8217;s attention. When creating a highlighting text, all you need to do is add a <code>==<\/code> before and after your text in a <strong>Markdown card<\/strong>.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Lists<\/h5>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"bigger\">Unordered List<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Item number one<\/li>\n\n\n\n<li>Item number two\n<ul class=\"wp-block-list\">\n<li>Nested item one<\/li>\n\n\n\n<li>Nested item two<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Item number three<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"bigger\">Ordered List<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Item number one<\/li>\n\n\n\n<li>Item number two\n<ul class=\"wp-block-list\">\n<li>Nested item one<\/li>\n\n\n\n<li>Nested item two<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Item number three<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h5 class=\"wp-block-heading\">Code<\/h5>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<pre class=\"wp-block-code\"><code>.awesome-thing {\n  display: block;\n  width: 100%;\n}<\/code><\/pre>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h5 class=\"wp-block-heading\">Text Indentation<\/h5>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"has-indent\">You don&#8217;t see this visual style as much in web pages because browsers, by default, display paragraphs with space underneath them as a way to show where one ends and another begins, but if you want to style a page to have that print-inspired indent style on paragraphs, you can do so with the text-indent style property.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"has-span-indent\">You don&#8217;t see this<\/span> Visual style as much in web pages because browsers by default.<\/h4>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<hr class=\"wp-block-montoya-gutenberg-animated-line animated-line has-animation\"\/>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h5 class=\"wp-block-heading\">Buttons<\/h5>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"button-wrap small-btn right has-animation \" data-delay=\"0\"><div class=\"icon-wrap parallax-wrap\"><div class=\"button-icon parallax-element\"><i class=\"arrow-icon-down\"><\/i><\/div><\/div><a target=\"_blank\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\"><div class=\"button-text sticky right\"><span data-hover=\"Sticky Button Right\">Sticky Button Right<\/span><\/div><\/a><\/div>\n\n\n\n<div class=\"button-wrap large-btn right has-animation \" data-delay=\"0\"><div class=\"icon-wrap parallax-wrap\"><div class=\"button-icon parallax-element\"><i class=\"arrow-icon-down\"><\/i><\/div><\/div><a target=\"_blank\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\"><div class=\"button-text sticky right\"><span data-hover=\"Sticky Button Right\">Sticky Button Right<\/span><\/div><\/a><\/div>\n\n\n\n<div class=\"button-wrap small-btn right button-link has-animation \" data-delay=\"0\"><div class=\"icon-wrap parallax-wrap\"><div class=\"button-icon parallax-element\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div><\/div><a target=\"_blank\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\"><div class=\"button-text sticky right\"><span data-hover=\"Sticky Button Right\">Sticky Button Right<\/span><\/div><\/a><\/div>\n\n\n\n<div class=\"button-wrap large-btn right button-link has-animation \" data-delay=\"0\"><div class=\"icon-wrap parallax-wrap\"><div class=\"button-icon parallax-element\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div><\/div><a target=\"_blank\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\"><div class=\"button-text sticky right\"><span data-hover=\"Sticky Button Right\">Sticky Button Right<\/span><\/div><\/a><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"button-box has-animation \" data-delay=\"0\"><div class=\"clapat-button-wrap parallax-wrap hide-ball\"><div class=\"clapat-button parallax-element\"><div class=\"button-border parallax-element-second outline rounded\"><a class=\"\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\" target=\"_blank\"><span data-hover=\"Button Text\">Button Text<\/span><\/a><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"button-box has-animation \" data-delay=\"0\"><div class=\"clapat-button-wrap parallax-wrap hide-ball\"><div class=\"clapat-button parallax-element\"><div class=\"button-border parallax-element-second rounded\"><a class=\"\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\" target=\"_blank\"><span data-hover=\"Button Text\">Button Text<\/span><\/a><\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"button-wrap small-btn right has-animation \" data-delay=\"0\"><div class=\"icon-wrap parallax-wrap\"><div class=\"button-icon parallax-element\"><i class=\"arrow-icon-down\"><\/i><\/div><\/div><a target=\"_blank\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\"><div class=\"button-text sticky right\"><span data-hover=\"Sticky Button Left\">Sticky Button Left<\/span><\/div><\/a><\/div>\n\n\n\n<div class=\"button-wrap large-btn right has-animation \" data-delay=\"0\"><div class=\"icon-wrap parallax-wrap\"><div class=\"button-icon parallax-element\"><i class=\"arrow-icon-down\"><\/i><\/div><\/div><a target=\"_blank\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\"><div class=\"button-text sticky right\"><span data-hover=\"Sticky Button Left\">Sticky Button Left<\/span><\/div><\/a><\/div>\n\n\n\n<div class=\"button-wrap small-btn right button-link has-animation \" data-delay=\"0\"><div class=\"icon-wrap parallax-wrap\"><div class=\"button-icon parallax-element\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div><\/div><a target=\"_blank\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\"><div class=\"button-text sticky right\"><span data-hover=\"Sticky Button Left\">Sticky Button Left<\/span><\/div><\/a><\/div>\n\n\n\n<div class=\"button-wrap large-btn right button-link has-animation \" data-delay=\"0\"><div class=\"icon-wrap parallax-wrap\"><div class=\"button-icon parallax-element\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/div><\/div><a target=\"_blank\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\"><div class=\"button-text sticky right\"><span data-hover=\"Sticky Button Left\">Sticky Button Left<\/span><\/div><\/a><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"button-box has-animation \" data-delay=\"0\"><div class=\"clapat-button-wrap parallax-wrap hide-ball\"><div class=\"clapat-button parallax-element\"><div class=\"button-border parallax-element-second outline\"><a class=\"\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\" target=\"_blank\"><span data-hover=\"Button Text\">Button Text<\/span><\/a><\/div><\/div><\/div><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"button-box has-animation \" data-delay=\"0\"><div class=\"clapat-button-wrap parallax-wrap hide-ball\"><div class=\"clapat-button parallax-element\"><div class=\"button-border parallax-element-second\"><a class=\"\" href=\"https:\/\/themeforest.net\/user\/clapat\/portfolio\" target=\"_blank\"><span data-hover=\"Button Text\">Button Text<\/span><\/a><\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2862","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/josephineolivier.com\/index.php\/wp-json\/wp\/v2\/pages\/2862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/josephineolivier.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/josephineolivier.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/josephineolivier.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/josephineolivier.com\/index.php\/wp-json\/wp\/v2\/comments?post=2862"}],"version-history":[{"count":0,"href":"https:\/\/josephineolivier.com\/index.php\/wp-json\/wp\/v2\/pages\/2862\/revisions"}],"wp:attachment":[{"href":"https:\/\/josephineolivier.com\/index.php\/wp-json\/wp\/v2\/media?parent=2862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}