{"id":24,"date":"2023-07-25T17:53:45","date_gmt":"2023-07-25T17:53:45","guid":{"rendered":"https:\/\/business-one.local\/?page_id=24"},"modified":"2023-07-25T17:53:45","modified_gmt":"2023-07-25T17:53:45","slug":"styles","status":"publish","type":"page","link":"https:\/\/www.jacekandrzejewski.com\/?page_id=24","title":{"rendered":"Styles"},"content":{"rendered":"<div class=\"gb-container gb-container-fa740308 gbp-section\">\n<div class=\"gb-container gb-container-864c4103 gb-container-b03b9235 gbp-section__inner\">\n<div class=\"gb-container gb-container-cbaa7e4b\">\n\n<div class=\"gb-headline gb-headline-276e09d4 gb-headline-text gbp-section__tagline\">Headings \u2013 Outfit<\/div>\n\n\n\n<h1 class=\"gb-headline gb-headline-4598f42f gb-headline-text\">H1 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra.<\/h1>\n\n\n\n<h2 class=\"gb-headline gb-headline-b7fefd4d gb-headline-text\">H2 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper.<\/h2>\n\n\n\n<h3 class=\"gb-headline gb-headline-21880a17 gb-headline-text\">H3 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis.<\/h3>\n\n\n\n<h4 class=\"gb-headline gb-headline-0c6e548b gb-headline-text\">H4 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis nibh velit tellus.<\/h4>\n\n<\/div>\n\n<div class=\"gb-container gb-container-d3873732\">\n\n<div class=\"gb-headline gb-headline-e3916f49 gb-headline-text gbp-section__tagline\">Body Text \u2013 Albert Sans<\/div>\n\n\n\n<p class=\"gb-headline gb-headline-a8960752 gb-headline-text\">Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam velit corper. Pharetra torquent auctor metus <a href=\"#\">text link<\/a> velit. Natoque tellus semper taciti nostra primis lectus donec tortor fusce morbi risus curae.<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-220ae908 gb-headline-text\">Suscipit taciti primis tempor euismod aptent felis blandit cursus gravida lectus nullam dapibus netus. Curae iaculis aptent leo ligula euismod mauris gravida etiam praesent magnis congue gravida magna netus inceptos.<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-3585f787 gbp-section__icon-list\"><span class=\"gb-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" fill=\"#000000\" viewBox=\"0 0 256 256\"><path d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam<\/span><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-3b687108 gbp-section__icon-list\"><span class=\"gb-icon\"><svg viewBox=\"0 0 256 256\" fill=\"#000000\" height=\"32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Suscipit taciti primis tempor euismod aptent felis blandit gravida<\/span><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-6d718092 gbp-section__icon-list\"><span class=\"gb-icon\"><svg viewBox=\"0 0 256 256\" fill=\"#000000\" height=\"32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M173.66,98.34a8,8,0,0,1,0,11.32l-56,56a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L112,148.69l50.34-50.35A8,8,0,0,1,173.66,98.34ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">Curae iaculis aptent leo ligula euismod mauris gravida etiam <\/span><\/p>\n\n<\/div>\n\n<div class=\"gb-container gb-container-a27bce37\">\n\n<div class=\"gb-headline gb-headline-2e1e2e06 gb-headline-text gbp-section__tagline\">Color Palette<\/div>\n\n\n<div class=\"gb-container gb-container-53c704f8\">\n<div class=\"gb-grid-wrapper gb-grid-wrapper-6c418e36\">\n<div class=\"gb-grid-column gb-grid-column-dc8f5ac6\"><div class=\"gb-container gb-container-dc8f5ac6\">\n\n<p class=\"gb-headline gb-headline-ba81816c\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">contrast<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-b2233e9a\"><div class=\"gb-container gb-container-b2233e9a\">\n\n<p class=\"gb-headline gb-headline-c38dae4f\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">contrast-2<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-a98bec1d\"><div class=\"gb-container gb-container-a98bec1d\">\n\n<p class=\"gb-headline gb-headline-edc9d9bc\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">contrast-3<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-f6e94eb9\"><div class=\"gb-container gb-container-f6e94eb9\">\n\n<p class=\"gb-headline gb-headline-9714b178\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">base<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-e070c94c\"><div class=\"gb-container gb-container-e070c94c\">\n\n<p class=\"gb-headline gb-headline-fe811c0e\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">base-2<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-088beaf8\"><div class=\"gb-container gb-container-088beaf8\">\n\n<p class=\"gb-headline gb-headline-7487abc9\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">base-3 (white)<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-a7e7199f\"><div class=\"gb-container gb-container-a7e7199f\">\n\n<p class=\"gb-headline gb-headline-d22944b6\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">accent<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-7f7e51ff\"><div class=\"gb-container gb-container-7f7e51ff\">\n\n<p class=\"gb-headline gb-headline-a0677158\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">accent-2<\/span><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-2827c2b9\"><div class=\"gb-container gb-container-2827c2b9\">\n\n<p class=\"gb-headline gb-headline-ed0c4aec\"><span class=\"gb-icon\"><svg viewBox=\"0 0 490 490\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M482 490H8c-2.21 0-4.21-.9-5.66-2.34S0 484.21 0 482V8c0-2.21.9-4.21 2.34-5.66S5.79 0 8 0h474c2.21 0 4.21.9 5.66 2.34S490 5.79 490 8v474c0 2.21-.9 4.21-2.34 5.66S484.21 490 482 490Z\"><\/path><\/svg><\/span><span class=\"gb-headline-text\">accent-3<\/span><\/p>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-2308e49a\">\n\n<div class=\"gb-headline gb-headline-ce9218de gb-headline-text gbp-section__tagline\">Buttons<\/div>\n\n\n<div class=\"gb-container gb-container-bb0e7e81\">\n\n<span class=\"gb-button gb-button-9fd9e30a gb-button-text gbp-button--primary\">Primary Button<\/span>\n\n\n\n<span class=\"gb-button gb-button-de9bc565 gb-button-text gbp-button--secondary\">Secondary Button<\/span>\n\n\n\n<a class=\"gb-button gb-button-63e723b6\" href=\"https:\/\/gpsites.co\/affinity\/services\/\"><span class=\"gb-button-text\">Text &amp; Icon Button<\/span><span class=\"gb-icon\"><svg viewBox=\"0 0 256 256\" fill=\"#000000\" height=\"32\" width=\"32\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z\"><\/path><\/svg><\/span><\/a>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-3d7b7f2c\">\n\n<div class=\"gb-headline gb-headline-03b89e3b gb-headline-text gbp-section__tagline\">Global Styles<\/div>\n\n\n\n<p>This site uses the 12 default GenerateBlocks Pro <a href=\"https:\/\/docs.generateblocks.com\/article\/pattern-global-styles\/#visual-pattern-index\" target=\"_blank\" rel=\"noreferrer noopener\">Global Style Classes<\/a>, as well as 4 additional classes for frequently used styles on this site. <\/p>\n\n\n\n<p class=\"gb-headline gb-headline-c49660ef gb-headline-text\">.gbp-section__text- -sm <\/p>\n\n\n\n<p class=\"gb-headline gb-headline-473e4020 gb-headline-text gbp-section__text--sm\">Smaller paragraph text for items like testimonial names<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-03abc41f gb-headline-text\">.gbp&#8211;border-radius<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-b5708726 gb-headline-text gbp-section__text--sm\">Adds rounded corners to images and containers<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-30a69785 gb-headline-text\">.gbp&#8211;margin-after<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-51abb0bf gb-headline-text gbp-section__text--sm\">Used for adding space between two content sections in the same container<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-4429cb7f gb-headline-text\">.gbp-section__icon-list<\/p>\n\n\n\n<p class=\"gb-headline gb-headline-7cbb3d94 gb-headline-text gbp-section__text--sm\">Styles the text and icons for items like checklists and pricing table features<\/p>\n\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Headings \u2013 Outfit H1 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra. H2 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper. H3 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis. H4 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam &#8230; <a title=\"Styles\" class=\"read-more\" href=\"https:\/\/www.jacekandrzejewski.com\/?page_id=24\" aria-label=\"Dowiedz si\u0119 wi\u0119cej o Styles\">Czytaj dalej<\/a><\/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-24","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.jacekandrzejewski.com\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jacekandrzejewski.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jacekandrzejewski.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jacekandrzejewski.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jacekandrzejewski.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":0,"href":"https:\/\/www.jacekandrzejewski.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jacekandrzejewski.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}