{"id":5500,"date":"2023-05-22T20:14:00","date_gmt":"2023-05-22T11:14:00","guid":{"rendered":"https:\/\/full-site-patterner.com\/en\/?p=5500"},"modified":"2023-06-27T13:36:52","modified_gmt":"2023-06-27T04:36:52","slug":"block-patterntext-box","status":"publish","type":"post","link":"https:\/\/full-site-patterner.com\/en\/block-pattern\/design-pattern\/5500\/","title":{"rendered":"Block pattern(text-b\u2026"},"content":{"rendered":"\n<div class=\"wp-block-group row has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-memo-grey<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-memo-grey is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-memo-blue<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-memo-blue is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group row has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-memo-green<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-memo-green is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-memo-pink<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-memo-pink is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group row has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-memo-yellow<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-memo-yellow is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-default\"><\/h2>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group row has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-clip-grey<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-clip-grey is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-clip-blue<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-clip-blue is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group row has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-clip-green<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-clip-green is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-clip-pink<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-clip-pink is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group row has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-clip-yellow<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-clip-yellow is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-default\"><\/h2>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-sticky-grey<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-sticky-grey is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-sticky-blue<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-sticky-blue is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-sticky-green<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-sticky-green is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-sticky-pink<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-sticky-pink is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group row is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading is-style-default\">box-sticky-yellow<\/h2>\n\n\n\n<div class=\"wp-block-group fsp-box-sticky-yellow is-layout-flow wp-block-group-is-layout-flow\">\n<p>box<\/p>\n<\/div>\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group col-sm-12 col-md-6 col-lg-6 has-my-white-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading is-style-default\"><\/h2>\n\n\n\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span> <span class=\"badge rounded-pill bg-warning text-light\">Free edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">alert-primary<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-primary is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading alert-heading is-style-decoration-underline\">alert-primary<\/h2>\n\n\n\n<p class=\"alert-link\"><a href=\"#\">alert-primary<\/a><br>alert-primary<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span> <span class=\"badge rounded-pill bg-warning text-light\">Free edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">alert-secondary<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-secondary is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading alert-heading is-style-decoration-underline\">alert-secondary<\/h2>\n\n\n\n<p class=\"alert-link\"><a href=\"#\">alert-secondary<\/a><br>alert-secondary<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span> <span class=\"badge rounded-pill bg-warning text-light\">Free edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">alert-success<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-success is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading alert-heading is-style-decoration-underline\">alert-success<\/h2>\n\n\n\n<p class=\"alert-link\"><a href=\"#\">alert-success<\/a><br>alert-success<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span> <span class=\"badge rounded-pill bg-warning text-light\">Free edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">alert-info<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-info is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading alert-heading is-style-decoration-underline\">alert-info<\/h2>\n\n\n\n<p class=\"alert-link\"><a href=\"#\">alert-info<\/a><br>alert-info<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span> <span class=\"badge rounded-pill bg-warning text-light\">Free edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">alert-warning<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-warning is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading alert-heading is-style-decoration-underline\">alert-warning<\/h2>\n\n\n\n<p class=\"alert-link\"><a href=\"#\">alert-warning<\/a><br>alert-warning<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span> <span class=\"badge rounded-pill bg-warning text-light\">Free edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">alert-danger<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-danger is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading alert-heading is-style-decoration-underline\">alert-danger<\/h2>\n\n\n\n<p class=\"alert-link\"><a href=\"#\">alert-danger<\/a><br>alert-danger<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span> <span class=\"badge rounded-pill bg-warning text-light\">Free edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">alert-light<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-light is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading alert-heading is-style-decoration-underline\">alert-light<\/h2>\n\n\n\n<p class=\"alert-link\"><a href=\"#\">alert-light<\/a><br>alert-light<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span> <span class=\"badge rounded-pill bg-warning text-light\">Free edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">alert-dark<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-dark is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading alert-heading is-style-decoration-underline\">alert-dark<\/h2>\n\n\n\n<p class=\"alert-link\"><a href=\"#\">alert-dark<\/a><br>alert-dark<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">box-icon-pink<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-dismissible fade show d-flex align-items-center w-75 fsp-center has-pale-pink-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<p><i class=\"bi-exclamation-triangle-fill\" style=\"font-size: 50px; color: #dc143c;\"><\/i><\/p>\n\n\n\n<p>paragraph with icon<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">box-icon-yellow<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-dismissible fade show d-flex align-items-center w-75 fsp-center has-my-pastel-yellow-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<p><i class=\"bi-question-circle-fill\" style=\"font-size: 50px; color: #d2691e;\"><\/i><\/p>\n\n\n\n<p>paragraph with icon<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">box-icon-green<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-dismissible fade show d-flex align-items-center w-75 fsp-center has-light-green-cyan-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<p><i class=\"bi-check-circle-fill\" style=\"font-size: 50px; color: #2e8b57;\"><\/i><\/p>\n\n\n\n<p>paragraph with icon<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">box-icon-blue<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-dismissible fade show d-flex align-items-center w-75 fsp-center has-pale-cyan-blue-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<p><i class=\"bi-hand-thumbs-up-fill\" style=\"font-size: 50px; color: #4682b4;\"><\/i><\/p>\n\n\n\n<p>paragraph with icon<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">box-icon-brown<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-dismissible fade show d-flex align-items-center w-75 fsp-center has-my-brown-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<p><i class=\"bi-cup-hot-fill\" style=\"font-size: 50px; color: #7b5544;\"><\/i><\/p>\n\n\n\n<p>paragraph with icon<\/p>\n<\/div>\n\n\n\n<span class=\"badge rounded-pill bg-danger text-light\">v1 edition<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">box-icon-grey<\/h2>\n\n\n\n<div class=\"wp-block-group alert alert-dismissible fade show d-flex align-items-center w-75 fsp-center has-cyan-bluish-gray-background-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<p><i class=\"bi-pencil-fill\" style=\"font-size: 50px; color: #626063;\"><\/i><\/p>\n\n\n\n<p>alert with icon<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>box-memo-grey box box-memo-blue box box-memo-green box box-memo-pink box box-memo-yellow box box-clip-grey box box-clip-blue box box-clip-green box box-clip-pink box box-clip-yellow box box-sticky-grey box box-sticky-blue box box-sticky-green box box-sticky-pink box box-sticky-yellow box alert-primary alert-primary alert-primaryalert-primary alert-secondary alert-secondary alert-secondaryalert-secondary alert-success alert-success alert-successalert-success alert-info\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[39],"tags":[],"class_list":["post-5500","post","type-post","status-publish","format-standard","hentry","category-design-pattern"],"_links":{"self":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts\/5500","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/comments?post=5500"}],"version-history":[{"count":4,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts\/5500\/revisions"}],"predecessor-version":[{"id":5559,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/posts\/5500\/revisions\/5559"}],"wp:attachment":[{"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/media?parent=5500"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/categories?post=5500"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/full-site-patterner.com\/en\/wp-json\/wp\/v2\/tags?post=5500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}