{"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:\/\/trafficjockey.com\/?page_id=24","title":{"rendered":"Styles"},"content":{"rendered":"\n<div class=\"gbp-section\">\n<div class=\"gbp-section__inner gb-element-679bed16\">\n<div class=\"gb-element-37525278\">\n<div class=\"gb-text gbp-section__tagline\">Headings \u2013 Outfit<\/div>\n\n\n\n<h1 class=\"gb-text\">H1 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra.<\/h1>\n\n\n\n<h2 class=\"gb-text\">H2 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper.<\/h2>\n\n\n\n<h3 class=\"gb-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-text\">H4 &#8211; Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam corper auctor metus felis nibh velit tellus.<\/h4>\n<\/div>\n\n\n\n<div class=\"gb-element-fb9db284\">\n<div class=\"gb-text gbp-section__tagline\">Body Text \u2013 Albert Sans<\/div>\n\n\n\n<p class=\"gb-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-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=\"gbp-section__icon-list gb-text-e02bbf69\"><span class=\"gb-shape\"><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-text\">Lorem ipsum amet morbi dolor tortor eget mollis nostra ullam<\/span><\/p>\n\n\n\n<p class=\"gbp-section__icon-list gb-text-10e73321\"><span class=\"gb-shape\"><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-text\">Suscipit taciti primis tempor euismod aptent felis blandit gravida<\/span><\/p>\n\n\n\n<p class=\"gbp-section__icon-list gb-text-91459f22\"><span class=\"gb-shape\"><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-text\">Curae iaculis aptent leo ligula euismod mauris gravida etiam <\/span><\/p>\n<\/div>\n\n\n\n<div class=\"gb-element-a4b1212d\">\n<div class=\"gb-text gbp-section__tagline\">Color Palette<\/div>\n\n\n\n<div class=\"gb-element-043e6d66\">\n<div class=\"gb-element-17ff1715\">\n<div>\n<p class=\"gb-text-54c1f74e\"><span class=\"gb-shape\"><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-text\">contrast<\/span><\/p>\n<\/div>\n\n\n\n<div>\n<p class=\"gb-text-f75a2efa\"><span class=\"gb-shape\"><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-text\">contrast-2<\/span><\/p>\n<\/div>\n\n\n\n<div>\n<p class=\"gb-text-2c946b04\"><span class=\"gb-shape\"><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-text\">contrast-3<\/span><\/p>\n<\/div>\n\n\n\n<div>\n<p class=\"gb-text-1a116ff0\"><span class=\"gb-shape\"><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-text\">base<\/span><\/p>\n<\/div>\n\n\n\n<div>\n<p class=\"gb-text-5d2d5471\"><span class=\"gb-shape\"><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-text\">base-2<\/span><\/p>\n<\/div>\n\n\n\n<div>\n<p class=\"gb-text-1fa87c1a\"><span class=\"gb-shape\"><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-text\">base-3 (white)<\/span><\/p>\n<\/div>\n\n\n\n<div>\n<p class=\"gb-text-7f6de163\"><span class=\"gb-shape\"><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-text\">accent<\/span><\/p>\n<\/div>\n\n\n\n<div>\n<p class=\"gb-text-f29f8451\"><span class=\"gb-shape\"><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-text\">accent-2<\/span><\/p>\n<\/div>\n\n\n\n<div>\n<p class=\"gb-text-8252b37b\"><span class=\"gb-shape\"><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-text\">accent-3<\/span><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-98ebfaa7\">\n<div class=\"gb-text gbp-section__tagline\">Buttons<\/div>\n\n\n\n<div class=\"gb-element-dd374946\">\n<a class=\"gb-text gbp-button--primary gb-text-0aa5284a\">Primary Button<\/a>\n\n\n\n<a class=\"gb-text gbp-button--secondary gb-text-156df805\">Secondary Button<\/a>\n\n\n\n<a class=\"gb-text-e9d279c3\" href=\"https:\/\/sites.generatepress.com\/affinity\/services\/\"><span class=\"gb-text\">Text &amp; Icon Button<\/span><span class=\"gb-shape\"><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<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-60ded966\">\n<div class=\"gb-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-text gb-text-5a13799a\">.gbp-section__text- -sm <\/p>\n\n\n\n<p class=\"gb-text gbp-section__text--sm\">Smaller paragraph text for items like testimonial names<\/p>\n\n\n\n<p class=\"gb-text gb-text-2b69969f\">.gbp&#8211;border-radius<\/p>\n\n\n\n<p class=\"gb-text gbp-section__text--sm\">Adds rounded corners to images and containers<\/p>\n\n\n\n<p class=\"gb-text gb-text-1d73c102\">.gbp&#8211;margin-after<\/p>\n\n\n\n<p class=\"gb-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-text gb-text-25d4eb09\">.gbp-section__icon-list<\/p>\n\n\n\n<p class=\"gb-text gbp-section__text--sm\">Styles the text and icons for items like checklists and pricing table features<\/p>\n<\/div>\n<\/div>\n<\/div>\n","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:\/\/trafficjockey.com\/?page_id=24\" aria-label=\"Read more about Styles\">Read more<\/a><\/p>\n","protected":false},"author":0,"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"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Styles - Trafficjockey<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/trafficjockey.com\/?page_id=24\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Styles - Trafficjockey\" \/>\n<meta property=\"og:description\" content=\"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 ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/trafficjockey.com\/?page_id=24\" \/>\n<meta property=\"og:site_name\" content=\"Trafficjockey\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/trafficjockey.com\/?page_id=24\",\"url\":\"https:\/\/trafficjockey.com\/?page_id=24\",\"name\":\"Styles - Trafficjockey\",\"isPartOf\":{\"@id\":\"https:\/\/trafficjockey.com\/#website\"},\"datePublished\":\"2023-07-25T17:53:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/trafficjockey.com\/?page_id=24#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/trafficjockey.com\/?page_id=24\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/trafficjockey.com\/?page_id=24#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/trafficjockey.com\/?page_id=39740\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Styles\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/trafficjockey.com\/#website\",\"url\":\"https:\/\/trafficjockey.com\/\",\"name\":\"Trafficjockey\",\"description\":\"Web developer &amp; SEO\",\"publisher\":{\"@id\":\"https:\/\/trafficjockey.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/trafficjockey.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/trafficjockey.com\/#organization\",\"name\":\"Trafficjockey\",\"url\":\"https:\/\/trafficjockey.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/trafficjockey.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/trafficjockey.com\/wp-content\/uploads\/2025\/09\/agency-logo.svg\",\"contentUrl\":\"https:\/\/trafficjockey.com\/wp-content\/uploads\/2025\/09\/agency-logo.svg\",\"caption\":\"Trafficjockey\"},\"image\":{\"@id\":\"https:\/\/trafficjockey.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Styles - Trafficjockey","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/trafficjockey.com\/?page_id=24","og_locale":"en_GB","og_type":"article","og_title":"Styles - Trafficjockey","og_description":"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 ... Read more","og_url":"https:\/\/trafficjockey.com\/?page_id=24","og_site_name":"Trafficjockey","twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/trafficjockey.com\/?page_id=24","url":"https:\/\/trafficjockey.com\/?page_id=24","name":"Styles - Trafficjockey","isPartOf":{"@id":"https:\/\/trafficjockey.com\/#website"},"datePublished":"2023-07-25T17:53:45+00:00","breadcrumb":{"@id":"https:\/\/trafficjockey.com\/?page_id=24#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trafficjockey.com\/?page_id=24"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/trafficjockey.com\/?page_id=24#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/trafficjockey.com\/?page_id=39740"},{"@type":"ListItem","position":2,"name":"Styles"}]},{"@type":"WebSite","@id":"https:\/\/trafficjockey.com\/#website","url":"https:\/\/trafficjockey.com\/","name":"Trafficjockey","description":"Web developer &amp; SEO","publisher":{"@id":"https:\/\/trafficjockey.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/trafficjockey.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/trafficjockey.com\/#organization","name":"Trafficjockey","url":"https:\/\/trafficjockey.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/trafficjockey.com\/#\/schema\/logo\/image\/","url":"https:\/\/trafficjockey.com\/wp-content\/uploads\/2025\/09\/agency-logo.svg","contentUrl":"https:\/\/trafficjockey.com\/wp-content\/uploads\/2025\/09\/agency-logo.svg","caption":"Trafficjockey"},"image":{"@id":"https:\/\/trafficjockey.com\/#\/schema\/logo\/image\/"}}]}},"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/trafficjockey.com\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trafficjockey.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trafficjockey.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/trafficjockey.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":0,"href":"https:\/\/trafficjockey.com\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"wp:attachment":[{"href":"https:\/\/trafficjockey.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}