{"id":74,"date":"2018-07-18T16:05:17","date_gmt":"2018-07-18T16:05:17","guid":{"rendered":"https:\/\/pawelkowalski.com\/?page_id=74"},"modified":"2024-09-06T08:44:46","modified_gmt":"2024-09-06T08:44:46","slug":"typography","status":"publish","type":"page","link":"https:\/\/pawelkowalski.com\/en\/typography\/","title":{"rendered":"Typography"},"content":{"rendered":"<p class=\"wp-block-paragraph\">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque a blandit euismod. Donec sit amet enim mollis, pharetra metus eu, finibus ipsum.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Maecenas sit amet purus eget ipsum elementum venenatis. Aenean maximus a urna magna, quis rutrum mi semper non. Cras rhoncus elit non arcu hendrerit et rhoncus. Pellentesque dignissim volutpat orci at interdum. In id ipsum volutpat.<\/p>\n\n\n\n<h1 class=\"wp-block-heading\">H1 Heading &#8211; must explain to you how must explain<\/h1>\n\n\n\n<p class=\"wp-block-paragraph\">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">H2 Heading &#8211; must explain to you how all this in you how all this<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">H3 Heading &#8211; must explain to you how all this mistaken idea of denoun mistaken how all this<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">H4 Heading &#8211; must explain to you how all this mistaken idea of denoung pleasure and praising<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">H5 Heading &#8211; must explain to you how all this mistaken idea of denouncing pleasure and praising mistaken idea of denounci<\/h5>\n\n\n\n<p class=\"wp-block-paragraph\">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">H6 Heading &#8211; must explain to you how all this mistaken idea of denouncing pleasure praising pain\n\t<g class=\"gr_ gr_3 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace\" id=\"3\" data-gr-id=\"3\">wasmust<\/g> explain\n\t<g class=\"gr_ gr_4 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling ins-del multiReplace\" id=\"4\" data-gr-id=\"4\">xplain<\/g> to you how all this mistaken<\/h6>\n\n\n\n<p class=\"wp-block-paragraph\">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Standard Inline Elements<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Bold text<\/strong> ipsum dolor amet <a href=\"#\">link<\/a> color and hovered link consectetur adipiscing elit. Mauris et non vehicula nibh. Fusce  non accumsan  erat, sit amet aliquet libero. Vestibulum sed lobortis quam. Quisque dictum, turpis <span class=\"trx_addons_accent_bg\">occaecat cupidatat<\/span> pellentesque laoreet.<br><br><em>Italic text<\/em> donec tincidunt ac est vitae varius. Vestibulum egestas feugiat velit, ut iaculis justo efficitur ac. Maecenas accumsan elit non leo <span class=\"trx_addons_tooltip\" data-tooltip=\"Tooltip\">architecto<\/span> example feugiat, facilisis dui vestibulum. Nulla eu ex efficitur, tincidunt ex ac, maximus quam.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Dropcaps<\/h2>\n\n\n\n<div class=\"wp-block-columns has-2-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<p class=\"wp-block-paragraph\"><span class=\"trx_addons_dropcap trx_addons_dropcap_style_1\">P<\/span>roin vitae massa eu felis gravida vehicula. In ac metus arcu. Etiam imperdiet metus nec erat turpis placerat. Fusce ante mauris, facilisis a tortor non, imperdiet feugiat ex. Class aptent taciti sociosqu et litora torquent a conubia nostra per inceptos himenaeos. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><span class=\"trx_addons_dropcap trx_addons_dropcap_style_2\">P<\/span>roin vitae massa eu felis gravida vehicula. In ac metus arcu. Etiam imperdiet metus nec erat turpis placerat. Fusce ante mauris, facilisis a tortor non, imperdiet feugiat ex. Class aptent taciti sociosqu et litora torquent a conubia nostra per inceptos himenaeos. <\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Blockquote<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>Design is not just what it looks like and feels like. Design is how it works.<\/p><cite>Tom Heiler<br><small>Designer<\/small><\/cite><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Maecenas sit amet purus eget ipsum elementum venenatis. Aenean maximus urna magna, quis rutrum mi semper non. Cras rhoncus elit non arcu hendrerit rhoncus.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. <\/p><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">In ex odio, ullamcorper eget blandit et, elementum sit amet nunc. Sed tempus id augue at egestas. Vestibulum a felis dignissim, feugiat augue ac, maximus ante.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Image Alignment<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Nulla id laoreet nunc.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img fetchpriority=\"high\" decoding=\"async\" width=\"370\" height=\"264\" src=\"https:\/\/pawelkowalski.com\/wp-content\/uploads\/2018\/07\/img-al1-copyright.jpg\" alt=\"\" class=\"wp-image-77\" srcset=\"https:\/\/pawelkowalski.com\/wp-content\/uploads\/2018\/07\/img-al1-copyright.jpg 370w, https:\/\/pawelkowalski.com\/wp-content\/uploads\/2018\/07\/img-al1-copyright-300x214.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><figcaption>Image title<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Maecenas id massa ornare, pharetra felis quis, tristique leo. Duis a feugiat diam, at malesuada ex. Vivamus consequat lectus tellus, nec blandit nunc eleifend sit amet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Donec lobortis augue et lacus maximus sagittis. Suspendisse arcu justo, accumsan vel pretium a, efficitur et elit. Maecenas porta ligula a lorem consectetur efficitur velit malesuada. Nulla facilisi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Maecenas faucibus dolor vitae nisl vehicula semper. Sed sed dolor nec sapien mattis facilisis quis vel lorem. Cras tellus leo, laoreet nec imperdiet vel, facilisis et arcu.<\/p>\n\n\n\n<div style=\"height:5px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img decoding=\"async\" width=\"370\" height=\"264\" src=\"https:\/\/pawelkowalski.com\/wp-content\/uploads\/2018\/07\/img-al2-copyright.jpg\" alt=\"\" class=\"wp-image-78\" srcset=\"https:\/\/pawelkowalski.com\/wp-content\/uploads\/2018\/07\/img-al2-copyright.jpg 370w, https:\/\/pawelkowalski.com\/wp-content\/uploads\/2018\/07\/img-al2-copyright-300x214.jpg 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Maecenas id massa ornare, pharetra felis quis, tristique leo. Duis a feugiat diam, at malesuada ex. Vivamus consequat lectus tellus, nec blandit nunc eleifend sit amet.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Donec lobortis augue et lacus maximus sagittis. Suspendisse arcu justo, accumsan vel pretium a, efficitur et elit. Maecenas porta ligula. Lorem consectetur efficitur velit malesuada. Nulla facilisi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit.<\/p>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">List Styles<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Nulla id laoreet nunc.<\/p>\n\n\n\n<div class=\"wp-block-columns has-2-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<ul class=\"trx_addons_list_dot wp-block-list\"><li>Nam ut rutrum ex venenatis sollicitudin;<\/li><li>Aliquam erat volutpat nteger;<\/li><li>Quisque vitae nibh iaculis neque;<\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ol class=\"trx_addons_list_custom\"><li>Nam ut rutrum ex venenatis sollicitudin;<\/li><li>Aliquam erat volutpat nteger;<\/li><li>Quisque vitae nibh iaculis neque;<\/li><\/ol>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Table<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>#<\/th><th>Column 1<\/th><th>Column 2<\/th><th>Column 3<\/th><th>Column 4<\/th><\/tr><tr><td>1<\/td><td>Row 1 Cell 1<\/td><td>Row 1 Cell 2<\/td><td>Row 1 Cell 3<\/td><td>Row 1 Cell 4<\/td><\/tr><tr><td>2<\/td><td>Row 2 Cell 1<\/td><td>Row 2 Cell 2<\/td><td>Row 2 Cell 3<\/td><td>Row 2 Cell 4<\/td><\/tr><tr><td>3<\/td><td>Row 3 Cell 1<\/td><td>Row 3 Cell 2<\/td><td>Row 3 Cell 3<\/td><td>Row 3 Cell 4<\/td><\/tr><tr><td>4<\/td><td>Row 4 Cell 1<\/td><td>Row 4 Cell 2<\/td><td>Row 4 Cell 3<\/td><td>Row 4 Cell 4<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<hr class=\"wp-block-separator is-style-dots\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Inputs &amp; Buttons<\/h2>\n\n\n\n<div style=\"height:8px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"style-bg-left\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f79-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"79\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/74#wpcf7-f79-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\" data-trp-original-action=\"\/en\/wp-json\/wp\/v2\/pages\/74#wpcf7-f79-o1\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"79\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.4.1\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f79-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"columns_wrap\">\n<div class=\"column-1_2\"><label> Your Name <i>*<\/i><\/label>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n<\/div>\n<div class=\"column-1_2\">\n<label>Your Email <i>*<\/i><\/label>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n<\/div>\n<div class=\"column-1_1\">\n<label>Message <i>*<\/i><\/label>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span>\n<\/div>\n<div class=\"column-1_1\">\n<span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-636\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-636\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">I agree that my submitted data is being collected and stored.<\/span><\/label><\/span><\/span><\/span>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:75px\" aria-hidden=\"true\" class=\"wp-block-spacer middle-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-button alignnone\"><a class=\"wp-block-button__link no-border-radius\" href=\"#\">Button<\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>Nam ut rutrum ex, venenatis sollicitudin urna. Aliquam erat volutpat. Integer eu ipsum sem. Ut bibendum lacus vestibulum maximus suscipit. Quisque vitae nibh iaculis neque a blandit euismod. Donec sit amet enim mollis, pharetra metus eu, finibus ipsum. Maecenas sit amet purus eget ipsum elementum venenatis. Aenean maximus a urna magna, quis rutrum mi semper non. Cras rhoncus elit non arcu hendrerit&hellip;<\/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-74","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pawelkowalski.com\/en\/wp-json\/wp\/v2\/pages\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pawelkowalski.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pawelkowalski.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pawelkowalski.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pawelkowalski.com\/en\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":0,"href":"https:\/\/pawelkowalski.com\/en\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"wp:attachment":[{"href":"https:\/\/pawelkowalski.com\/en\/wp-json\/wp\/v2\/media?parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}