{"id":3264,"date":"2021-10-07T11:16:51","date_gmt":"2021-10-07T10:16:51","guid":{"rendered":"https:\/\/allbootstrapblocks.com\/?page_id=3264"},"modified":"2021-10-08T17:38:41","modified_gmt":"2021-10-08T16:38:41","slug":"progress-bar","status":"publish","type":"page","link":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/","title":{"rendered":"Progress bar"},"content":{"rendered":"\r\n\t\t<div  class=\"block-89ecd84e-2d76-4fb5-846b-d2ea22e5ff23 alert alert-info\" role=\"alert\">\r\n\t\t\t\r\n\t\t\t<div>\n\n<p>Read the original Bootstrap documentation on progress bars <a href=\"https:\/\/getbootstrap.com\/docs\/5.1\/components\/progress\/\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n<\/div>\r\n\t\t\t \r\n\t\t<\/div>\r\n\t\n\n\n<p>The progress block allows you to quickly add progress bars to your page with options to easily change the colours, animate and change the width of the progress bar.<\/p>\n\n\n\r\n\t\t<div  class=\"progress block-593ffbb5-0fc7-484b-a9ce-4e12c8202c19\">\r\n\t\t\t<div \r\n\t\t\t\tclass=\"progress-bar bg-secondary progress-bar-striped progress-bar-animated\" \r\n\t\t\t\trole=\"progressbar\" \r\n\t\t\t\taria-valuenow=\"0\" \r\n\t\t\t\taria-valuemin=\"0\" \r\n\t\t\t\taria-valuemax=\"100\"\r\n\t\t\t\tstyle=\"width: 70%;\"\r\n\t\t\t>\r\n\t\t\t\t70%\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t\n\n\n<p><\/p>\n\n\n\n<p>The progress block has the following options:<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Settings<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Width<\/h3>\n\n\n\n<p>The width option allows you to specify the width of the inner progress bar. You just need to enter a number here which will be treated as a percentage.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"269\" height=\"133\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-42.png\" alt=\"\" class=\"wp-image-3398\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Include label<\/h3>\n\n\n\n<p>The include label option allows you to add a label to the inner progress bar. Id this is checked then a label will be added with the value set in the width option. By default the label is switched off.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"269\" height=\"96\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-43.png\" alt=\"\" class=\"wp-image-3399\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Include stripes<\/h3>\n\n\n\n<p>The include stripes option allows you to add a striped overlay to the inner progress bar. By default this is switched off. To include stripes check this option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"272\" height=\"112\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-44.png\" alt=\"\" class=\"wp-image-3400\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Include animation<\/h3>\n\n\n\n<p>If you have selected to include stripes, the include animation option will add an animation to the stripes. By default this option is switched off.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"135\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-45.png\" alt=\"\" class=\"wp-image-3402\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Background<\/h3>\n\n\n\n<p>The background option allows you to change the background colour of the inner progress sbar. You can choose from all of the theme colours:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Primary: Default<\/li><li>Secondary<\/li><li>Success<\/li><li>Danger<\/li><li>Warning<\/li><li>Info<\/li><li>Dark<\/li><li>Light<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"272\" height=\"130\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-46.png\" alt=\"\" class=\"wp-image-3403\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Device specific settings<\/h2>\n\n\n\n<p>Along with global options for a block there are also device specific settings. These settings allow you to specify options that will be applied to their relevant device size. The device sizes available match up with the Bootstrap breakpoints: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>XS (&lt;576px)<\/li><li>SM (\u2265576px)<\/li><li>MD (\u2265768px)<\/li><li>LG (\u2265992px)<\/li><li>XL (\u22651200px)<\/li><li>XXL (\u22651400px). <\/li><\/ul>\n\n\n\n<p>Device specific settings are tabbed and to update a specific device you simply need to click on the relevant tab to reveal the options. Each device has the same options available. For the purpose of these docs we only explain one device tab (as all of the other tabs are the same for their related breakpoint).<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"274\" height=\"177\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-13.png\" alt=\"\" class=\"wp-image-3127\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Highlighted Tabs<\/h3>\n\n\n\n<p>Due to there being options for a number of different device sizes it could become confusing remembering which settings you have chosen. To help, when you make a change in a specific device tab the tab will be highlighted green. If all of the values in the tab are reverted back to the default then the highlight will disappear.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full  border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"283\" height=\"217\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2022\/04\/highlight.png\" alt=\"\" class=\"wp-image-4736\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Display (XS)<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Hide on XS<\/h4>\n\n\n\n<p>You can hide this block on any device. As default all blocks are displayed. If you wish to hide a block on a specific device you can check this option. This option will only apply to the related device. To hide on other devices, click on the relevant device tab and check the Hide on [device] option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"96\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-15.png\" alt=\"\" class=\"wp-image-3145\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Height<\/h4>\n\n\n\n<p>The height option allows you to specify a height for the chosen block. The height setting will be applied to the current device and all larger devices. If you wish to have different heights on different devices you will need to click on the relevant tab and set the option. The dimensions field should be a number, the units field has a number of options: px, %, vh and rem. The value that is applied to the block is the dimension with the unit appended to it eg: <code>100px <\/code>or <code>100%<\/code> or <code>100vh<\/code>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"269\" height=\"162\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-16.png\" alt=\"\" class=\"wp-image-3146\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Padding<\/h4>\n\n\n\n<p>The padding option allows you to specify what padding should be applied to the block. This will apply to the current breakpoint and all larger breakpoint so if you wish to have different padding on other devices you will need to set this option for each breakpoint. You can specify top, right, bottom and left. You should only insert a number into these fields.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"267\" height=\"158\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-17.png\" alt=\"\" class=\"wp-image-3147\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Margin<\/h4>\n\n\n\n<p>The margin option allows you to specify what margin should be applied to the block. This will apply to the current breakpoint and all larger breakpoint so if you wish to have different margin on other devices you will need to set this option for each breakpoint.  You can specify top, right, bottom and left. You should only insert a number into these fields. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"265\" height=\"162\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-14.png\" alt=\"\" class=\"wp-image-3144\"\/><\/figure>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Reset Settings<\/h2>\n\n\n\n<p>Blocks tend to have a large number of settings along with different settings for each device size. You may get to the point where you have changed lots of settings and want to revert them back to the default. This can be time consuming and difficult to remember which settings have been changed to we have supplied three buttons that make this a piece of cake. Simply click the relevant button to reset your settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"275\" height=\"233\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2022\/04\/reset.png\" alt=\"\" class=\"wp-image-4740\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>All:<\/strong> When you click this button is will reset all of the settings for the selected block<\/li><li><strong>Global:<\/strong> When you click this button it will reset all of the settings outside of the device specific tabs<\/li><li><strong>Devices:<\/strong> When you click this button it will reset all of the settings within the Device Specific tabs<\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Advanced<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">HTML Anchor<\/h3>\n\n\n\n<p>The HTML anchor option allows you to set an ID on the current block. This is useful when you wish to link to a specific area on a page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"268\" height=\"164\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-18.png\" alt=\"\" class=\"wp-image-3149\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Additional CSS class(es)<\/h3>\n\n\n\n<p>The additional class(es) option lets you add any other classes to the block. This is really useful as it allows you to utilise all of the Bootstrap utility classes to quickly apply styles and add more advanced customisations. A few examples of this would be to align all inner content by adding the <code>text-start<\/code>, <code>text-center<\/code> or <code>text-end<\/code> classes. You also have the ability to quickly search all of the available Bootstrap classes. To search Bootstrap classes open the <strong>Add Bootstrap class<\/strong> select box. You can filter the results by typing in the available search field. When you select an option it will automatically be added to your class list.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full border rounded\"><img loading=\"lazy\" decoding=\"async\" width=\"276\" height=\"159\" src=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2022\/02\/2720748d-9de5-4a64-8f22-86eff68132f5.png\" alt=\"\" class=\"wp-image-4527\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The progress block allows you to quickly add progress bars to your page with options to easily change the colours, animate and change the width of the progress bar. The progress block has the following options: Settings Width The width option allows you to specify the width of the inner progress bar. You just need [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2960,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/docs-page.php","meta":{"footnotes":""},"class_list":["post-3264","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Progress bar | All Bootstrap Blocks<\/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:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Progress bar | All Bootstrap Blocks\" \/>\n<meta property=\"og:description\" content=\"The progress block allows you to quickly add progress bars to your page with options to easily change the colours, animate and change the width of the progress bar. The progress block has the following options: Settings Width The width option allows you to specify the width of the inner progress bar. You just need [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/\" \/>\n<meta property=\"og:site_name\" content=\"All Bootstrap Blocks\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-08T16:38:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-42.png\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/\",\"url\":\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/\",\"name\":\"Progress bar | All Bootstrap Blocks\",\"isPartOf\":{\"@id\":\"https:\/\/allbootstrapblocks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-42.png\",\"datePublished\":\"2021-10-07T10:16:51+00:00\",\"dateModified\":\"2021-10-08T16:38:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/#primaryimage\",\"url\":\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-42.png\",\"contentUrl\":\"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-42.png\",\"width\":269,\"height\":133},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/allbootstrapblocks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"All Bootstrap Blocks\",\"item\":\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Documentation\",\"item\":\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Component blocks\",\"item\":\"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Progress bar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/allbootstrapblocks.com\/#website\",\"url\":\"https:\/\/allbootstrapblocks.com\/\",\"name\":\"All Bootstrap Blocks\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/allbootstrapblocks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/allbootstrapblocks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/allbootstrapblocks.com\/#organization\",\"name\":\"AREOI\",\"url\":\"https:\/\/allbootstrapblocks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/allbootstrapblocks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/areoi-wp.local\/wp-content\/uploads\/2021\/09\/android-chrome-512x512-1.png\",\"contentUrl\":\"https:\/\/areoi-wp.local\/wp-content\/uploads\/2021\/09\/android-chrome-512x512-1.png\",\"width\":512,\"height\":512,\"caption\":\"AREOI\"},\"image\":{\"@id\":\"https:\/\/allbootstrapblocks.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Progress bar | All Bootstrap Blocks","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:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/","og_locale":"en_GB","og_type":"article","og_title":"Progress bar | All Bootstrap Blocks","og_description":"The progress block allows you to quickly add progress bars to your page with options to easily change the colours, animate and change the width of the progress bar. The progress block has the following options: Settings Width The width option allows you to specify the width of the inner progress bar. You just need [&hellip;]","og_url":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/","og_site_name":"All Bootstrap Blocks","article_modified_time":"2021-10-08T16:38:41+00:00","og_image":[{"url":"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-42.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/","url":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/","name":"Progress bar | All Bootstrap Blocks","isPartOf":{"@id":"https:\/\/allbootstrapblocks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/#primaryimage"},"image":{"@id":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/#primaryimage"},"thumbnailUrl":"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-42.png","datePublished":"2021-10-07T10:16:51+00:00","dateModified":"2021-10-08T16:38:41+00:00","breadcrumb":{"@id":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/#primaryimage","url":"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-42.png","contentUrl":"https:\/\/allbootstrapblocks.com\/wp-content\/uploads\/2021\/10\/image-42.png","width":269,"height":133},{"@type":"BreadcrumbList","@id":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/progress-bar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/allbootstrapblocks.com\/"},{"@type":"ListItem","position":2,"name":"All Bootstrap Blocks","item":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/"},{"@type":"ListItem","position":4,"name":"Component blocks","item":"https:\/\/allbootstrapblocks.com\/all-bootstrap-blocks\/documentation\/components\/"},{"@type":"ListItem","position":5,"name":"Progress bar"}]},{"@type":"WebSite","@id":"https:\/\/allbootstrapblocks.com\/#website","url":"https:\/\/allbootstrapblocks.com\/","name":"All Bootstrap Blocks","description":"","publisher":{"@id":"https:\/\/allbootstrapblocks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/allbootstrapblocks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/allbootstrapblocks.com\/#organization","name":"AREOI","url":"https:\/\/allbootstrapblocks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/allbootstrapblocks.com\/#\/schema\/logo\/image\/","url":"https:\/\/areoi-wp.local\/wp-content\/uploads\/2021\/09\/android-chrome-512x512-1.png","contentUrl":"https:\/\/areoi-wp.local\/wp-content\/uploads\/2021\/09\/android-chrome-512x512-1.png","width":512,"height":512,"caption":"AREOI"},"image":{"@id":"https:\/\/allbootstrapblocks.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/allbootstrapblocks.com\/wp-json\/wp\/v2\/pages\/3264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/allbootstrapblocks.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/allbootstrapblocks.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/allbootstrapblocks.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/allbootstrapblocks.com\/wp-json\/wp\/v2\/comments?post=3264"}],"version-history":[{"count":9,"href":"https:\/\/allbootstrapblocks.com\/wp-json\/wp\/v2\/pages\/3264\/revisions"}],"predecessor-version":[{"id":3420,"href":"https:\/\/allbootstrapblocks.com\/wp-json\/wp\/v2\/pages\/3264\/revisions\/3420"}],"up":[{"embeddable":true,"href":"https:\/\/allbootstrapblocks.com\/wp-json\/wp\/v2\/pages\/2960"}],"wp:attachment":[{"href":"https:\/\/allbootstrapblocks.com\/wp-json\/wp\/v2\/media?parent=3264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}