{"id":1065,"date":"2020-12-03T09:43:38","date_gmt":"2020-12-03T09:43:38","guid":{"rendered":"https:\/\/www.bluecode.co.uk\/stg\/home-copy\/"},"modified":"2024-09-19T11:33:45","modified_gmt":"2024-09-19T10:33:45","slug":"gutenberg-blocks","status":"publish","type":"page","link":"https:\/\/www.bluecode.co.uk\/stg\/gutenberg-blocks\/","title":{"rendered":"Gutenberg Blocks"},"content":{"rendered":" \n
\n \"joel-filipe-QwoNAhbmLLo-unsplash\"\n\n <\/div>\n \n\n
\n

\n Overline <\/p>\n

Banner Title \n Subheading <\/span>\n <\/h1>\n
\n \n Button Text <\/a>\n \n Button Text <\/a>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n
\n
\n
\n \"james-eades-iMTA-vMuB0Q-unsplash\"\n\n \"jr-farren–20zZkZU58o-unsplash\"\n\n <\/div>\n \n
\n Previous<\/title><\/g><\/svg><\/a>\n
<\/div>\n Next<\/title><\/g><\/svg><\/a>\n <\/div>\n <\/div>\n\n
\n
\n
\n

\n Overline <\/p>\n \n

Title \n Subtitle <\/span>\n <\/h2>\n <\/header>\n\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n <\/article>\n \n

\n \n Click Me <\/a>\n \n Secondary <\/a>\n \n Minor <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n
\n
\n
\n \"roberto-nickson-emqnSQwQQDo-unsplash\"\n\n \"erol-ahmed-9XiN0r2NWSM-unsplash\"\n\n <\/div>\n \n
\n Previous<\/title><\/g><\/svg><\/a>\n
<\/div>\n Next<\/title><\/g><\/svg><\/a>\n <\/div>\n <\/div>\n\n
\n
\n
\n

\n Overline <\/p>\n \n

Title \n Subtitle <\/span>\n <\/h2>\n <\/header>\n\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n <\/article>\n \n

\n \n Click Me <\/a>\n \n Secondary <\/a>\n \n Minor <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n
\n
\n
\n \"alexander-pemberton-skLqGtLrYKc-unsplash\"\n\n <\/div>\n \n
\n

\n Overline <\/p>\n \n

Content Lockup \n Subtitle <\/span>\n <\/h3>\n \n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n <\/div>\n \n

\n \n Button Text <\/a>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \"jordan-whitt-8hT4d5vX3no-unsplash\"\n\n <\/div>\n \n
\n

\n Overline <\/p>\n \n

Content Lockup \n Subtitle <\/span>\n <\/h3>\n \n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n <\/div>\n \n

\n \n Button Text <\/a>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n \"luca-bravo-hFzIoD0F_i8-unsplash\"\n\n <\/div>\n \n
\n

\n Overline <\/p>\n \n

Content Lockup \n Subtitle <\/span>\n <\/h3>\n \n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n <\/div>\n \n

\n \n Button Text <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n
\n

\n Overline <\/p>\n

Title \n Subtitle <\/span>\n <\/h2>\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n <\/div>\n \n \n Button <\/a>\n \n Aasdsds <\/a>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n

\n\n

\n Featured content section, lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. <\/h2>\n
\n \n <\/div>\n <\/section>\n \n\n \n
\n \n
\n
\n

\n Standard BG <\/p>\n

\n Call to Action Block <\/h3>\n <\/header>\n\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam<\/p>\n <\/div>\n

\n \n arrow-right<\/title><\/g><\/svg>\n <\/span>\n <\/div>\n <\/div>\n <\/a>\n \n
\n
\n

\n Accent BG <\/p>\n

\n Call to Action Block <\/h3>\n <\/header>\n\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam<\/p>\n <\/div>\n

\n \n arrow-right<\/title><\/g><\/svg>\n <\/span>\n <\/div>\n <\/div>\n <\/a>\n \n
\n
\n

\n Image BG <\/p>\n

\n Call to Action Block <\/h3>\n <\/header>\n\n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam<\/p>\n <\/div>\n

\n \n Button Text <\/span>\n <\/div>\n <\/div>\n \"lucas-benjamin-wQLAGv4_OYs-unsplash\"\n\n <\/a>\n <\/div>\n <\/section>\n \n\n \n
\n
\n
\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n <\/div>\n <\/div>\n \n
\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n

\n Hey there! <\/p>\n <\/div>\n <\/a>\n

\n
\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n

\n Lorem ipsum dolor sit amet <\/p>\n <\/div>\n \"lucas-benjamin-wQLAGv4_OYs-unsplash\"\n\n <\/div>\n

\n
\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n

\n Lorem ipsum dolor sit amet <\/p>\n <\/div>\n <\/div>\n

\n
\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n

\n Lorem ipsum dolor sit amet <\/p>\n <\/div>\n <\/div>\n \n

\n
\n

\n Compact CTA <\/h4>\n <\/header>\n\n

\n Lorem ipsum dolor sit amet <\/p>\n <\/div>\n \"lucas-benjamin-wQLAGv4_OYs-unsplash\"\n\n <\/a>\n <\/div>\n <\/section>\n \n\n \n

\n \n
\n

\n Page Builder Callout Section <\/h3>\n

\n Praesent sagittis, tortor, laoreet vitae etiam elementum aliquam ultricies. <\/p>\n <\/header>\n \n arrow-right<\/title><\/g><\/svg>\n <\/span>\n \n <\/a>\n \n
\n

\n Page Builder Callout Section <\/h3>\n

\n Praesent sagittis, tortor, laoreet vitae etiam elementum aliquam ultricies. <\/p>\n <\/header>\n \n arrow-right<\/title><\/g><\/svg>\n <\/span>\n \n <\/a>\n \n
\n

\n Page Builder Callout Section <\/h3>\n

\n Praesent sagittis, tortor, laoreet vitae etiam elementum aliquam ultricies. <\/p>\n <\/header>\n \n arrow-right<\/title><\/g><\/svg>\n <\/span>\n \n \"lucas-benjamin-wQLAGv4_OYs-unsplash\"\n\n <\/a>\n <\/div>\n <\/section>\n \n\n \n
\n
\n
\n

\n Overline <\/p>\n \n

Featured Call to Action Section Subheading<\/span> <\/h2>\n <\/header>\n\n
\n

Ultricies neque, arcu, sagittis cras sit erat sit. Non suspendisse et scelerisque consectetur id eget sem. Aliquet lacus risus, nullam donec aenean malesuada viverra. Amet eu morbi egestas nibh tortor auctor accumsan. Sed tortor facilisis nascetur venenatis purus.<\/p>\n\n

\n \n Button Text <\/a>\n \n Button Text <\/a>\n <\/div>\n <\/article> \n \n <\/div>\n \"daniel-olah-6KQETG8J-zI-unsplash\"\n\n <\/div>\n <\/section>\n \n\n \n
\n <\/a>\n <\/a>\n
\n
\n
\n \"tim-swaan-eOpewngf68w-unsplash\"\n\n <\/div>\n\n

\n This is an image caption <\/p>\n <\/div>\n

\n
\n \"luca-bravo-hFzIoD0F_i8-unsplash\"\n\n <\/div>\n\n

\n Lorem Ipsum <\/p>\n <\/div>\n

\n
\n \"david-marcu-78A265wPiO4-unsplash\"\n\n <\/div>\n\n

\n This is an image caption <\/p>\n <\/div>\n <\/div>\n\n

\n Previous<\/title><\/g><\/svg><\/a>\n
<\/div>\n Next<\/title><\/g><\/svg><\/a>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n
\n
\n

\n Overline <\/p>\n \n

Title \n Subtitle <\/span>\n <\/h3>\n \n
\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n <\/div>\n \n

\n \n Button Text <\/a>\n \n Button Text <\/a>\n <\/div>\n <\/div>\n <\/div>\n
\n
\n
\n

\n Accordion heading caret-down<\/title><\/g><\/svg><\/span>\n <\/h4>\n <\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n<\/div>\n <\/div>\n

\n
\n

\n Accordion heading caret-down<\/title><\/g><\/svg><\/span>\n <\/h4>\n <\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n<\/div>\n <\/div>\n

\n
\n

\n Accordion heading caret-down<\/title><\/g><\/svg><\/span>\n <\/h4>\n <\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n<\/div>\n <\/div>\n

\n
\n

\n Accordion heading caret-down<\/title><\/g><\/svg><\/span>\n <\/h4>\n <\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n<\/div>\n <\/div>\n

\n
\n

\n Accordion heading caret-down<\/title><\/g><\/svg><\/span>\n <\/h4>\n <\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n<\/div>\n <\/div>\n

\n
\n

\n Accordion heading caret-down<\/title><\/g><\/svg><\/span>\n <\/h4>\n <\/div>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. In sagittis nulla ultricies porta ac in placerat aliquet. Metus suspendisse velit turpis netus arcu. Tincidunt sit congue phasellus augue enim, commodo tellus. Etiam arcu nullam nisl, quam netus lorem massa faucibus.<\/p>\n<\/div>\n <\/div>\n <\/div>\n <\/section>\n \n\n \n

\n
\n
\n

\n Overline <\/p>\n

Newsletter Signup \n Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi enim aliquet dolor amet. <\/span>\n <\/h2>\n <\/header>\n
\n
\n
\n email<\/title><\/g><\/svg>\n <\/div>\n \n