CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Bricks – Visual Site Builder for WordPress</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <meta name="description" content="Meet Bricks. An innovative, community-driven, visual site builder for WordPress. Empowering you to design unique, performant, and scalable websites. Code-free."><link rel="alternate" type="application/rss+xml" title="Bricks » Feed" href="https://bricksbuilder.io/feed/" /> <link rel="alternate" type="application/rss+xml" title="Bricks » Comments Feed" href="https://bricksbuilder.io/comments/feed/" /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel='stylesheet' id='bricks-frontend-css' href='https://bricksbuilder.io/wp-content/themes/bricks/assets/css/frontend-light.min.css?ver=1741251946' media='all' /> <style id='bricks-frontend-inline-css'> @font-face{font-family:"Manrope";font-weight:400;font-display:swap;src:url(https://bricksbuilder.io/wp-content/uploads/2024/11/Manrope-VariableFont_wght.woff2) format("woff2");} </style> <link rel='stylesheet' id='bricks-color-palettes-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/color-palettes.min.css?ver=1741252203' media='all' /> <link rel='stylesheet' id='bricks-global-variables-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/global-variables.min.css?ver=1741252204' media='all' /> <link rel='stylesheet' id='bricks-global-custom-css-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/global-custom-css.min.css?ver=1741252203' media='all' /> <link rel='stylesheet' id='bricks-theme-style-brx23-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/theme-style-brx23.min.css?ver=1741252204' media='all' /> <link rel='stylesheet' id='bricks-post-3581-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-3581.min.css?ver=1741252206' media='all' /> <link rel='stylesheet' id='bricks-post-1320-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-1320.min.css?ver=1741252207' media='all' /> <link rel='stylesheet' id='bricks-post-3743-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-3743.min.css?ver=1741252206' media='all' /> <link rel='stylesheet' id='bricks-post-1312-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-1312.min.css?ver=1741252208' media='all' /> <link rel='stylesheet' id='bricks-post-135-css' href='https://bricksbuilder.io/wp-content/uploads/bricks/css/post-135.min.css?ver=1741252207' media='all' /> <style id='bricks-frontend-inline-inline-css'> html {scroll-behavior: smooth}.notice_wrapper {padding-top: var(--size-xxsmall); padding-bottom: var(--size-xxsmall)}@media (max-width: 478px) {.notice_wrapper {padding-right: var(--size-medium); padding-left: var(--size-medium)}}.cursor-pointer {cursor: pointer}.background-color-secondary-600 {background-color: var(--color-secondary-600)}.notice_inner {justify-content: center; align-items: center; column-gap: var(--gap-content); row-gap: var(--gap-content); flex-direction: row}.text-size-small {font-size: var(--text-size-small)}.text-color-white {color: var(--color-white)}.text-weight-bold {font-weight: 700; font-variation-settings: "wght" 700}.text-weight-bold { font-weight: var(--text-weight-bold);}.text-align-center {text-align: center}.navbar {padding-top: var(--size-small); padding-bottom: var(--size-small); background-color: var(--color-white)}@media (max-width: 991px) {.navbar {border-bottom: 1px solid var(--color-gray-100)}}@media (max-width: 767px) {.navbar {padding-top: var(--size-xsmall); padding-bottom: var(--size-xsmall); position: relative}}.navbar_wrapper {flex-direction: row; width: 100%; align-items: center; column-gap: var(--gap-grid); justify-content: space-between; display: grid; align-items: initial; grid-template-columns: 1fr auto 1fr; grid-gap: var(--gap-grid)}@media (max-width: 991px) {.navbar_wrapper {justify-content: space-between; grid-template-columns: 1fr auto}}.navbar_logo .bricks-site-logo {width: var(--size-xlarge); height: var(--size-xlarge)}.navbar_logo {display: inline-block}.navbar_logo img { border-radius: var(--radius-tiny); transition: transform .25s ease;} .navbar_logo:hover img { transform: scale(.95);}.nav_megamenu-content {padding-top: var(--size-medium); padding-right: var(--size-xxlarge); padding-bottom: var(--size-medium); padding-left: var(--size-xxlarge); background-color: var(--color-white); border-top: 1px solid var(--color-gray-100)}@media (max-width: 991px) {.nav_megamenu-content {padding-right: var(--size-medium); padding-left: var(--size-medium); border-style: none; border-radius: var(--radius-tiny); background-color: var(--color-gray-50); margin-top: var(--size-xsmall)}}@media (max-width: 767px) {.nav_megamenu-content {padding-right: var(--size-small); padding-left: var(--size-small)}}.nav_dropdown-item-list {row-gap: var(--size-small); padding-left: 0; margin-top: 0; margin-bottom: 0}@media (max-width: 767px) {.nav_dropdown-item-list {row-gap: var(--size-small)}}.nav_column-title {color: var(--color-medium); font-size: var(--text-size-tiny); text-transform: uppercase; letter-spacing: 1px; font-variation-settings: "wght" 800; align-self: stretch; margin-bottom: var(--size-xsmall)}.nav_item-link {flex-direction: row; column-gap: var(--size-small); align-items: flex-start; flex-shrink: 0; font-weight: 500; color: var(--color-gray-500)}@media (max-width: 991px) {.nav_item-link {align-items: flex-start; column-gap: var(--size-xsmall)}}@media (max-width: 767px) {.nav_item-link {width: 100%; flex-wrap: nowrap}}.nav_item-link {align-items: flex-start; flex-shrink: 0; font-weight: 500; color: var(--color-gray-500)}@media (max-width: 991px) {.nav_item-link {align-items: flex-start}}@media (max-width: 767px) {.nav_item-link {width: 100%}}.nav_item-icon {border: 1px solid var(--bricks-border-color); border-radius: var(--radius-tiny); flex-shrink: 0}.nav_megamenu-item-link-label {padding-top: var(--size-xxsmall); padding-bottom: var(--size-xxsmall); display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; row-gap: var(--size-tiny)}@media (max-width: 767px) {.nav_megamenu-item-link-label {width: 100%}}.nav_item-link-title {line-height: 1.3; font-size: var(--text-size-regular); color: var(--color-gray-600); font-variation-settings: "wght" 700; align-items: center}.nav_item-link-description {font-size: var(--text-size-small); color: var(--color-gray-500); line-height: 1.2; font-variation-settings: "wght" 500; display: block}.list-none {padding-left: 0; margin-top: 0; margin-bottom: 0; flex-direction: row}.list-none { list-style-type: none;}.button_group {flex-direction: row; align-items: center; column-gap: var(--size-xsmall); row-gap: var(--size-medium)}.button_group .brxe-button { white-space: nowrap;}@media (max-width: 991px) {.button_group {column-gap: var(--size-xsmall)}}@media (max-width: 767px) {.button_group {flex-wrap: nowrap}}@media (max-width: 478px) {.button_group {flex-wrap: wrap}}.align-items-center {align-items: center}.gap-grid {column-gap: var(--gap-grid); row-gap: var(--gap-grid)}.hero_title {max-width: var(--max-width-heading-medium); font-size: var(--heading-style-xxlarge); text-align: center}.hero_title { text-wrap: balance;}@media (max-width: 991px) {.hero_title {font-size: var(--heading-style-xlarge)}}@media (max-width: 767px) {.hero_title {font-size: var(--heading-style-large)}}@media (max-width: 478px) {.hero_title {font-size: var(--heading-style-large)}}.text-size-large {font-size: var(--text-size-large)}.max-width-content-large {max-width: var(--max-width-content-large)}.max-width-content-large { text-wrap: pretty;}.justify-content-center {justify-content: center}.section_hero-media {margin-top: 12rem; padding-bottom: 0}@media (max-width: 478px) {.section_hero-media {margin-top: 13rem}}.is-rounded::before {content: ""; width: var(--radius-large); height: var(--radius-large); position: absolute; left: 0px; border-bottom-left-radius: var(--radius-large); top: -3rem}.is-dim {background-color: var(--color-gray-100)}.container_hero-media {margin-top: -18rem; width: calc(1280px + 10rem); position: relative; z-index: 1; aspect-ratio: 16/9}@media (max-width: 478px) {.container_hero-media {margin-top: -16rem}}.feature_card-media {width: 100%; min-height: 100%; overflow: hidden; border-radius: var(--radius-xsmall)}.feature_card-media { mask-image: radial-gradient(white,black); -webkit-mask-image: -webkit-radial-gradient(white, black);} .feature_card-media video { aspect-ratio: 16/9; width: 100%; height: auto; background-color: transparent;}.feature_card-media {width: 100%; min-height: 100%; overflow: hidden; border-radius: var(--radius-xsmall)}.feature_card-media:not(.tag), .feature_card-media img {object-fit: cover}.feature_card-media { mask-image: radial-gradient(white,black); -webkit-mask-image: -webkit-radial-gradient(white, black);} .feature_card-media video { aspect-ratio: 16/9; width: 100%; height: auto; background-color: transparent;}.feature_card {border: 1px solid var(--color-subtle); border-radius: var(--radius-small); color: var(--color-body); position: relative; overflow: hidden; flex-grow: 1}.testimonial {color: var(--color-dark); font-size: 1em; align-items: center; display: flex; padding-bottom: var(--size-large)}blockquote { margin-block: 0; margin-inline: 0; margin: 0;padding: 0; border-left: none;} .slider-testimonial blockquote,.section_hero-media blockquote.testimonial { font-size: var(--text-size-medium);}.testimonial {flex-direction: column; color: var(--color-dark); font-size: 1em; align-items: center; display: flex; padding-bottom: var(--size-large)}blockquote { margin-block: 0; margin-inline: 0; margin: 0;padding: 0; border-left: none;} .slider-testimonial blockquote,.section_hero-media blockquote.testimonial { font-size: var(--text-size-medium);}.testimonial_video {border-bottom: 1px solid var(--color-subtle); border-top-left-radius: var(--radius-xsmall); border-top-right-radius: var(--radius-xsmall)}.hero_media-svg svg { width: 4.8rem; height: auto; min-width: unset; min-height: unset;} .testimonial_card:not(:first-child) .hero_media-svg svg { width: 3.2rem;}.testimonial_quote {font-family: "Georgia"; text-align: center; max-width: var(--max-width-content-large); padding-top: var(--size-medium); padding-right: var(--size-medium); padding-bottom: var(--size-medium); padding-left: var(--size-medium)}.testimonial_quote:before,.testimonial_quote:after { display: inline-block;} .testimonial_quote:before { content: open-quote;} .testimonial_quote:after { content: close-quote;}.testimonial_author-meta {display: flex; column-gap: var(--gap-content); justify-content: center; align-items: center; max-width: var(--max-width-content-small)}.testimonial_author-avatar {width: var(--size-xlarge); height: var(--size-xlarge); border-radius: 50%; background-color: var(--color-gray-200)}.testimonial_author-avatar { display: grid; place-items: center; flex-shrink: 0;} .testimonial_author-avatar svg { width: var(--size-large); height: var(--size-large); }.testimonial_author-avatar-image {border-radius: 50%; flex-shrink: 0}.testimonial_author-avatar-image:not(.tag), .testimonial_author-avatar-image img {object-fit: cover}.changelog_author-details {display: flex; flex-direction: column; text-transform: none; line-height: 1.4; font-style: normal; margin-top: 0; opacity: 1}.changelog_author-details { font-family: var(--font-body);}.testimonial_author-name {color: var(--color-dark); font-size: var(--text-size-regular); font-variation-settings: "wght" 700}.testimonial_author-cite {text-transform: none; font-size: var(--text-size-small); opacity: 1; margin-top: 0}.testimonial_author-title {color: var(--color-medium-muted); font-size: var(--text-size-small); line-height: 1.2; max-width: var(--max-width-content-small)}@media (max-width: 767px) {.testimonial_author-title .icon { display: none;}}.feature_card {border: 1px solid var(--color-subtle); border-radius: var(--radius-small); row-gap: var(--gap-content); color: var(--color-body); position: relative; overflow: hidden; flex-grow: 1}.heading_eyebrow {font-size: var(--text-size-small); color: var(--color-medium-muted); text-transform: uppercase; letter-spacing: 1px; font-variation-settings: "wght" 700; margin-bottom: var(--size-xsmall); display: block}.max-width-heading-medium {max-width: var(--max-width-heading-medium)}.grid-auto-2 {align-items: stretch}.feature_card-body {padding-top: var(--size-large); padding-right: var(--size-large); padding-bottom: var(--size-large); padding-left: var(--size-large); row-gap: var(--gap-content); flex-grow: 1}.feature_card-icon {padding-top: var(--size-xsmall); padding-right: var(--size-xsmall); padding-bottom: var(--size-xsmall); padding-left: var(--size-xsmall); border: 1px solid var(--color-muted); border-radius: var(--radius-xsmall); color: var(--color-muted); line-height: 1; margin-bottom: var(--size-medium)}.feature_card-icon { aspect-ratio: 1;} .feature_card-icon .brxe-icon { stroke-width: 1.5;} .feature_card-icon .brxe-icon.icon-fill { fill: currentColor;}.feature_card-title {text-wrap: balance; max-width: var(--max-width-heading-medium)}.text_link {color: var(--color-dark); line-height: 1.5; text-decoration: none; font-variation-settings: "wght" 700; margin-top: auto; transition: color .35s ease}.text_link:hover {color: var(--color-gray-500)}.text_link::after { content: "\027E9"; font-size: var(--text-size-tiny); margin-left: var(--gap-content);} .text_link .icon { display: none;}.is-wide {width: calc(1280px + 10rem)}.feature_tabs {flex-direction: row}.feature_tabs > .tab-menu .tab-title {padding-top: var(--size-small); padding-right: var(--size-medium); padding-bottom: var(--size-small); padding-left: var(--size-medium); width: 100%; border: 1px solid var(--color-subtle); border-radius: var(--radius-xsmall)}.feature_tabs > .tab-content {border-top-left-radius: var(--radius-medium); border-top-right-radius: var(--radius-medium); padding-top: var(--size-medium); padding-right: var(--size-medium); padding-left: var(--size-medium)}.feature_tabs > .tab-menu .tab-title.brx-open {background-color: var(--color-white)}.feature_tabs { gap: var(--gap-grid);} .feature_tabs .tab-title { transition: all .5s ease; box-shadow: 0px 4px 8px -4px rgba(16, 24, 40, 0.15); } .feature_tabs .tab-title.brx-open,.feature_tabs .tab-title:hover { position: relative; box-shadow: 0px 4px 8px -4px rgba(16, 24, 40, 0.15); } .feature_tabs .feature_tabs-description { max-height: 0; overflow: hidden; transition: max-height .35s cubic-bezier(.165,.84,.44,1), margin .35s cubic-bezier(.165,.84,.44,1);} .feature_tabs .tab-title.brx-open .feature_tabs-description {max-height: 20rem; overflow: visible; margin-top: var(--size-small);} .feature_tabs .feature_tabs-media-wrapper-mobile { display: none;}@media (max-width: 991px) {.feature_tabs .tab-title.brx-open .feature_tabs-media-wrapper-mobile { margin-bottom: var(--size-large); display: block;}} .feature_tabs .tab-pane.brx-open { min-height: 100%;} .feature_tabs .feature_tabs-media-wrapper { overflow: hidden;}@media (max-width: 991px) {.feature_tabs {flex-direction: column}.feature_tabs .tab-content { order: -1;}.feature_tabs .feature_tabs-media-wrapper { aspect-ratio: 4/3; overflow: hidden;}.feature_tabs > .tab-menu .tab-title {padding-top: var(--size-medium); padding-bottom: var(--size-medium)}}.feature_tabs-menu {flex-direction: column; row-gap: var(--gap-content)}.feature_tabs-media-wrapper {overflow: hidden; border-top-left-radius: var(--radius-small); border-top-right-radius: var(--radius-small); position: relative; padding-top: var(--size-medium); padding-right: var(--size-medium); padding-left: var(--size-medium); background-image: linear-gradient(var(--color-subtle) 0%, rgba(255, 255, 255, 0) 80%); width: 100%}.feature_tabs-media-wrapper { aspect-ratio: 4/3;}@media (max-width: 478px) {.feature_tabs-media-wrapper {margin-bottom: var}}.feature_tabs-media {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; min-height: 100%}.feature_tabs-media:not(.tag), .feature_tabs-media img {object-fit: contain; object-position: top center}.feature_tabs-media { mask-image: linear-gradient(to top, transparent, black 33%); -webkit-mask-image: linear-gradient(to top, transparent, black 33%);}.feature_tabs-title-wrapper {display: flex; flex-direction: row; align-items: center; column-gap: var(--size-small)}.icon-tiny {height: auto; width: 1.5rem}.feature_tabs-icon :not([fill="none"]) {fill: var(--color-muted) !important}.feature_tabs-title {font-size: var(--heading-style-xsmall); color: var(--color-dark); font-variation-settings: "wght" 700; display: block}.feature_tabs-description {margin-left: 2.6rem}.feature_tabs-content {overflow: hidden; background-image: linear-gradient(var(--color-subtle) 0%, rgba(255, 255, 255, 0) 100%)}@media (max-width: 991px) {.feature_tabs-content {display: none}}.align-items-normal { align-items: normal;}.feature_card-media-wrapper {padding-top: var(--size-small); padding-right: var(--size-small); padding-bottom: var(--size-small); padding-left: var(--size-small)}.is-brand {background-color: var(--color-brand-400)}.is-brand { --color-background: hsl(46, 96%, 53%); --color-body: hsl(240, 6%, 10%); --color-eyebrow: hsl(240, 6%, 10%); --color-heading: hsl(240, 6%, 10%); --color-muted: hsl(240, 6%, 10%); --color-subtle: hsl(240, 6%, 10%); .brxw-text-basic { color: var(--color-body); }}.radius-small {border-radius: .5rem}.gap-content {column-gap: var(--gap-content); row-gap: var(--gap-content)}.is-dark {background-color: var(--color-gray-900)}.is-dark { --color-white: hsl(228, 6%, 16%); --color-subtle: hsl(235, 6%, 34%); --color-muted: hsl(240, 6%, 65%); --color-medium-muted: hsl(240, 6%, 65%); --color-medium: hsl(240, 6%, 83%); --color-dark: hsl(0, 0%, 99%); --color-black: hsl(0, 0%, 0%); .filter-button .bricks-button { background-color: var(--color-gray-25); } .filter-button__show-filters { color: var(--color-gray-400); border-color: currentColor; &:hover { color: var(--color-gray-25); } } .brxe-filter-checkbox label { color: var(--color-gray-300); } .brxe-filter-checkbox label.brx-option-active { color: var(--color-gray-25); } .active-filters-mobile { background-color: var(--color-gray-900); } }.columns_masonry { --columns: 3; column-count: var(--columns); column-gap: var(--gap-grid); width: 100%; } .columns_masonry > div { margin-bottom: var(--gap-grid); -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid;}@media (max-width: 991px) {.columns_masonry { --columns: 3;}}@media (max-width: 767px) {.columns_masonry { --columns: 2;}}.template_item {overflow: hidden; border-radius: var(--radius-small); transition: transform .5s ease}.template_item-image:not(.tag), .template_item-image img {object-fit: cover}.template_item-image {width: 100%; max-height: 600px; overflow: hidden; border-radius: var(--radius-small)}.template_item-image:nth-child(even) {max-height: 800px}.template_item-title {margin-top: var(--size-small); font-size: var(--text-size-medium); font-weight: 600; color: var(--color-gray-200)}@media (max-width: 478px) {.template_item-title {display: none}}.columns-3 { --columns: 3;}@media (max-width: 991px) {.columns-3 { --columns: 2;}}@media (max-width: 767px) {.columns-3 { --columns: 1;}}.testimonial_card {align-items: center; border: 1px solid var(--color-subtle); border-radius: var(--radius-small)}.cta-row {display: grid; align-items: initial; grid-gap: var(--gap-grid); grid-template-columns: var(--grid-3-2)}@media (max-width: 767px) {.cta-row {grid-template-columns: var(--grid-1)}}.text-no-wrap { white-space: nowrap;}.footer {color: var(--color-gray-25); padding-top: var(--size-huge); padding-bottom: var(--size-xlarge); row-gap: var(--size-xlarge)}.footer_cta-row {padding-bottom: var(--size-large); display: grid; align-items: initial; grid-gap: var(--gap-grid); grid-template-columns: var(--grid-2); align-items: flex-start}@media (max-width: 767px) {.footer_cta-row {grid-template-columns: var(--grid-1)}}.text-color-gray-25 {color: var(--color-gray-25)}.footer_cta-form .form-group input {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); color: #ffffff; line-height: 1; background-color: var(--color-gray-800)}.footer_cta-form .flatpickr {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); background-color: var(--color-gray-800)}.footer_cta-form select {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); color: var(--color-gray-300); font-size: var(--text-size-small); color: #ffffff; line-height: 1; background-color: var(--color-gray-800)}.footer_cta-form textarea {border-color: var(--color-gray-700); border-radius: var(--radius-tiny); color: #ffffff; line-height: 1; background-color: var(--color-gray-800)}.footer_cta-form .bricks-button:not([type=submit]) {border-color: var(--color-gray-700); border-radius: var(--radius-tiny)}.footer_cta-form .choose-files {border-color: var(--color-gray-700); border-radius: var(--radius-tiny)}.footer_cta-form ::placeholder {color: var(--color-gray-300); font-size: var(--text-size-small)}.footer_cta-form {max-width: var(--max-width-content-medium)}.footer_cta-form { gap: var(--size-xsmall); justify-self: end;} .footer_cta-form .form-group { width: auto; padding-bottom: 0; display: grid; flex-grow: 1;} .footer_cta-form .form-group.submit-button-wrapper { flex-grow: 0;} .footer_cta-form .bricks-button.bricks-background-light { --color-white: white;} .footer_cta-form .form-group.captcha { flex-grow: 0;}@media (max-width: 767px) {.footer_cta-form {justify-content: flex-start}.footer_cta-form { justify-self: start;}}@media (max-width: 478px) {.footer_cta-form .submit-button-wrapper {width: 100%}.footer_cta-form .form-group { width: 100%;}}.footer_row {flex-direction: row; justify-content: space-between; column-gap: var(--gap-grid); row-gap: var(--gap-grid); padding-top: var(--size-xlarge); border-top: 1px solid var(--color-gray-600)}.align-items-start {align-items: flex-start}.text-weight-semibold {font-weight: 600; font-variation-settings: "wght" 600}.text-weight-semibold { font-weight: var(--text-weight-semibold);}.text-color-gray-400 {color: var(--color-gray-400)}.footer_nav .bricks-nav-menu {flex-direction: column; gap: var(--gap-content)}.footer_nav .bricks-nav-menu > li {margin-left: 0}.footer_nav .bricks-nav-menu > li > a {font-variation-settings: "wght" 600; font-weight: 500; padding-top: var(--size-tiny); padding-bottom: var(--size-tiny)}.footer_nav .bricks-nav-menu > li > .brx-submenu-toggle > * {font-variation-settings: "wght" 600; font-weight: 500; padding-top: var(--size-tiny); padding-bottom: var(--size-tiny)}.footer_nav {margin-top: var(--size-small)}.footer_social-icons {flex-direction: row; column-gap: var(--size-small); flex-wrap: nowrap; width: auto; align-items: center; line-height: 1}@media (max-width: 478px) {.footer_social-icons {display: none}}.footer_social-icon {font-size: var(--size-large); color: var(--color-gray-25); fill: var(--color-gray-25)} </style> <link rel="https://api.w.org/" href="https://bricksbuilder.io/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://bricksbuilder.io/wp-json/wp/v2/pages/1312" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://bricksbuilder.io/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.2" /> <link rel="canonical" href="https://bricksbuilder.io/" /> <link rel='shortlink' href='https://bricksbuilder.io/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://bricksbuilder.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbricksbuilder.io%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://bricksbuilder.io/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fbricksbuilder.io%2F&format=xml" /> <meta name="viewport" content="initial-scale=1, viewport-fit=cover" /> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://bricksbuilder.io/wp-content/uploads/2023/11/Social-Share.jpg"> <script defer data-domain="bricksbuilder.io" src="https://plausible.io/js/script.js"></script> <link rel="icon" href="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-32x32.png" sizes="32x32" /> <link rel="icon" href="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-180x180.png" /> <meta name="msapplication-TileImage" content="https://bricksbuilder.io/wp-content/uploads/2023/09/cropped-bricks-favicon-512x512-1-270x270.png" />  <meta property="og:url" content="https://bricksbuilder.io" /> <meta property="og:site_name" content="Bricks" /> <meta property="og:title" content="| Bricks Home" /> <meta property="og:description" content="Meet Bricks. An innovative, community-driven, visual site builder for WordPress." /> <meta property="og:image" content="https://bricksbuilder.io/wp-content/uploads/2023/11/Social-Share.jpg" /> <meta property="og:type" content="website" /> </head> <body class="home page-template-default page page-id-1312 brx-body bricks-is-frontend wp-embed-responsive"> <a class="skip-link" href="#brx-content">Skip to main content</a> <a class="skip-link" href="#brx-footer">Skip to footer</a> <header id="brx-header" class="sticky on-scroll" data-slide-up-after="200"><section id="brxe-limgfm" class="brxe-div notice_wrapper cursor-pointer background-color-secondary-600 bricks-lazy-hidden"><div class="brxe-container bricks-lazy-hidden"><div class="brxe-block notice_inner bricks-lazy-hidden"><a id="brxe-cxmunl" class="brxe-text-basic text-size-small text-color-white text-weight-bold text-align-center" href="https://bricksbuilder.io/experts/">[NOW Live] Bricks Experts Directory 🎉</a></div></div></section><section class="brxe-section navbar bricks-lazy-hidden"><div class="brxe-container navbar_wrapper bricks-lazy-hidden"><div id="brxe-pudowi" class="brxe-div bricks-lazy-hidden"><a class="brxe-logo navbar_logo" href="https://bricksbuilder.io"><img src="https://bricksbuilder.io/wp-content/uploads/2023/07/bricks-logo.svg" class="bricks-site-logo css-filter" alt="Bricks" data-bricks-logo="https://bricksbuilder.io/wp-content/uploads/2023/07/bricks-logo.svg" loading="eager" decoding="async" /></a></div><nav id="brxe-fcijjb" data-script-id="fcijjb" class="brxe-nav-nested bricks-lazy-hidden" aria-label="Menu" data-toggle="tablet_portrait"><ul id="brxe-ipbzru" class="brxe-block brx-nav-nested-items bricks-lazy-hidden"><li id="brxe-tvapyw" data-script-id="tvapyw" class="brxe-dropdown bricks-lazy-hidden brx-has-megamenu" data-toggle="both"><div class="brx-submenu-toggle"><span>Features</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul class="brxe-div nav_megamenu-content brx-dropdown-content bricks-lazy-hidden"><li id="brxe-fxirjc" class="brxe-container grid-auto-3 bricks-lazy-hidden"><ul class="brxe-block nav_dropdown-item-list bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><span class="brxe-text-basic nav_column-title">Overview</span></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-xcoonu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.75 6.5V22"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 10.75h1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 14.25h1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 17.75h1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 10h6.5s.75 0 .75.75v7s0 .75-.75.75h-6.5s-.75 0-.75-.75v-7s0-.75.75-.75"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12 14h8"></path><g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 2h19.5s1.5 0 1.5 1.5v17s0 1.5-1.5 1.5H2.25s-1.5 0-1.5-1.5v-17S.75 2 2.25 2"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.75 6.5h22.5"></path></g></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Builder</span><span class="brxe-text-basic nav_item-link-description">Ultimate control and creativity</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/design/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-jenrhu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path d="M5.25 23.25h0a3 3 0 0 1-3-3V6.53a3 3 0 0 1 .32-1.34l2-4a.75.75 0 0 1 1.34 0l2 4a3 3 0 0 1 .32 1.34v13.72a3 3 0 0 1-2.98 3Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.5h6"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.5h6"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.25.75h6s1.5 0 1.5 1.5v19.5s0 1.5-1.5 1.5h-6s-1.5 0-1.5-1.5V2.25s0-1.5 1.5-1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 5.25h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 9.75h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 14.25h3.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.75 18.75h3.5"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Design</span><span class="brxe-text-basic nav_item-link-description">Revolutionary design features</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/performance-seo/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-iakkcm" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="m22.5 1.567-2.158.24a7.5 7.5 0 0 0-4.475 2.151L6.06 13.765l4.24 4.242L20.109 8.2a7.494 7.494 0 0 0 2.151-4.475Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m6.06 13.765-3.622-1.208a.749.749 0 0 1-.293-1.241l.232-.232a6 6 0 0 1 6.14-1.45l1.255.418Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m6.06 13.765-3.622-1.208a.749.749 0 0 1-.293-1.241l.232-.232a6 6 0 0 1 6.14-1.45l1.255.418Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.3 18.007 1.208 3.622a.749.749 0 0 0 1.241.293l.233-.232a6 6 0 0 0 1.449-6.14l-.416-1.25Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.3 18.007 1.208 3.622a.749.749 0 0 0 1.241.293l.233-.232a6 6 0 0 0 1.449-6.14l-.416-1.25Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.779 18.538a2.243 2.243 0 0 1-.659 1.591c-.878.878-5.3 2.121-5.3 2.121s1.243-4.425 2.121-5.3a2.246 2.246 0 0 1 1.444-.655" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Performance and SEO</span><span class="brxe-text-basic nav_item-link-description">Unmatched Speed</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/elements/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-rvveuu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.75.75h7.231s1 0 1 1v7.231s0 1-1 1H1.75s-1 0-1-1V1.75s0-1 1-1"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.019.75h7.231s1 0 1 1v7.231s0 1-1 1h-7.231s-1 0-1-1V1.75s0-1 1-1"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.75 14.019h7.231s1 0 1 1v7.231s0 1-1 1H1.75s-1 0-1-1v-7.231s0-1 1-1"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.635 15.173v6.923"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.096 18.635h-6.923"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Elements</span><span class="brxe-text-basic nav_item-link-description">Explore all elements</span></div></a></li></ul><ul class="brxe-block nav_dropdown-item-list bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><span class="brxe-text-basic nav_column-title">Power features</span></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/query-loop-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-mhzenr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M13.9 15.5a5.61 5.61 0 0 0 4.1 2.248 5.25 5.25 0 0 0 0-10.5c-3.75 0-6 5.25-6 5.25s-2.25 5.25-6 5.25a5.25 5.25 0 0 1 0-10.5A5.617 5.617 0 0 1 10.1 9.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Query Loop Builder</span><p class="brxe-text-basic nav_item-link-description">Retrieve any data</p></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/menu-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-tpujen" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M2.25 18.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 12.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 6.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Menu Builder</span><span class="brxe-text-basic nav_item-link-description">Navigate with ease</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/popup-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-cqszys" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M6.76 11.253v-9a1.5 1.5 0 0 1 1.5-1.5h13.5a1.5 1.5 0 0 1 1.5 1.5v10.5a1.5 1.5 0 0 1-1.5 1.5h-4.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.76 5.253h16.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M.76 20.253h9v3h-9Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m7.135 16.878 7.125-7.125" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.76 9.753h4.5v4.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Popup Builder</span><span class="brxe-text-basic nav_item-link-description">Build popups that convert</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/woocommerce-builder/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-gpqreb" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path d="M3.25 4.25a2.5 2.5 0 0 0-2.5 2.5v7.5a2.5 2.5 0 0 0 2.5 2.5H11l5.5 3-1-3h5.25a2.5 2.5 0 0 0 2.5-2.5v-7.5a2.5 2.5 0 0 0-2.5-2.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.6 7.77c.62 3.56 1.16 5.67 1.16 5.67L7.25 9a7.71 7.71 0 0 0 1.93 4.44 11.16 11.16 0 0 1 1.09-5.91" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.913 12.846a2.33 1.47-78.55 1 0 .925-4.567 2.33 1.47-78.55 1 0-.925 4.567"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.128 12.85a2.33 1.47-78.55 1 0 .925-4.567 2.33 1.47-78.55 1 0-.925 4.567"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">WooCommerce Builder</span><p class="brxe-text-basic nav_item-link-description">Build your entire shop visually</p></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/forms/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-vedsll" xmlns="http://www.w3.org/2000/svg" viewBox="-0.75 -0.75 24 24" height="24" width="24"><defs></defs><title>paragraph-bullets</title><path d="M2.109375 0.70125h18.28125s1.40625 0 1.40625 1.40625v18.28125s0 1.40625 -1.40625 1.40625H2.109375s-1.40625 0 -1.40625 -1.40625v-18.28125s0 -1.40625 1.40625 -1.40625" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m17.578125 4.92 -4.21875 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m17.578125 9.13875 -5.625 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m17.578125 13.3575 -5.625 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="m16.171875 17.57625 -4.21875 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M4.921875 4.92h4.21875v4.21875h-4.21875Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path><path d="M4.921875 13.3575h4.21875v4.21875h-4.21875Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Forms</span><p class="brxe-text-basic nav_item-link-description">Customized forms made simple</p></div></a></li></ul><ul class="brxe-block nav_dropdown-item-list bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><span class="brxe-text-basic nav_column-title">Dynamic Features</span></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/dynamic-data/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-dilafm" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m20.35 9.25-5.9 7.4c-.1.1-.1.3-.1.4.1.1.2.2.3.2h2.6v6l5.9-7.4c.1-.1.1-.3.1-.4-.1-.1-.2-.2-.3-.2h-2.6v-6Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M8.55 7.55c4.308 0 7.8-1.522 7.8-3.4S12.858.75 8.55.75.75 2.272.75 4.15s3.492 3.4 7.8 3.4Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.75 4.15v5.2c0 1.9 3.5 3.4 7.8 3.4 2.15 0 4.099-.375 5.511-.987M16.35 9.35v-5.2"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M.75 9.35v5.2c0 1.9 3.5 3.4 7.8 3.4 1.1 0 2.1-.1 3-.3"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Dynamic Data</span><span class="brxe-text-basic nav_item-link-description">Render dynamic content effortlessly</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/conditions/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-tyjzhu" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M23 7.35s-3.5 7-11 7-11-7-11-7"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m1.375 12.537 2-2"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m7.628 16.4 1.2-2.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m22.625 12.537-2-2"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m16.372 16.4-1.2-2.5"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Conditions</span><span class="brxe-text-basic nav_item-link-description">Take personalization to new heights</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/interactions/" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-ztlalt" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m10.607 10.104 1.017 12.522c.003.608.792.736 1.267.306l2.876-3.385 4.456.01c.608-.003.933-.76.586-1.12l-8.906-8.833c-.513-.59-1.382-.223-1.296.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M12 .815v4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m4.6 3.915 2.9 2.8"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M1.5 11.315h4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m4.6 18.715 2.9-2.8"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="M22.5 11.315h-4"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="m19.5 3.915-2.9 2.8"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Interactions</span><span class="brxe-text-basic nav_item-link-description">Create dynamic user experiences</span></div></a></li></ul></li></ul></li><li data-script-id="tqujml" class="brxe-dropdown bricks-lazy-hidden brx-has-megamenu" data-toggle="both"><div class="brx-submenu-toggle"><span>Product</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul class="brxe-div nav_megamenu-content brx-dropdown-content bricks-lazy-hidden"><li id="brxe-xgykyp" class="brxe-container bricks-lazy-hidden"><ul id="brxe-mvjgtj" class="brxe-block mobile-portrait:grid-1 grid-auto-6 nav_dropdown-item-list mobile-landscape:grid-2 bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/testimonials/" title="Browse through real Bricks user experiences" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-nyqytn" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"><g><path d="M18.56 3.93a4.94 4.94 0 1 0 0 9.88 4.5 4.5 0 0 0 1.11 -0.14 0.26 0.26 0 0 1 0.26 0.1 0.24 0.24 0 0 1 0.07 0.23 6.83 6.83 0 0 1 -5.88 3.52 1.25 1.25 0 1 0 0 2.5 9.71 9.71 0 0 0 9.43 -9.94V8.87a5 5 0 0 0 -4.99 -4.94Z" fill="currentColor" stroke-width="1"></path><path d="M6.24 3.93a4.94 4.94 0 1 0 0 9.88 4.56 4.56 0 0 0 1.11 -0.14 0.26 0.26 0 0 1 0.26 0.1 0.24 0.24 0 0 1 0 0.27 6.84 6.84 0 0 1 -5.88 3.52 1.25 1.25 0 0 0 0 2.5 9.71 9.71 0 0 0 9.43 -9.94V8.87a5 5 0 0 0 -4.92 -4.94Z" fill="currentColor" stroke-width="1"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Testimonials</span><span class="brxe-text-basic nav_item-link-description">Real user quotes</span></div></a></li><li id="brxe-npgpet" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/showcase" title="Explore real user experiences" class="brxe-block nav_item-link bricks-lazy-hidden"><svg id="brxe-kllpaf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="brxe-icon nav_item-icon feather feather-monitor"><rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect><line x1="8" y1="21" x2="16" y2="21"></line><line x1="12" y1="17" x2="12" y2="21"></line></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Showcase</span><span class="brxe-text-basic nav_item-link-description"> #builtwithbricks</span></div></a></li><li id="brxe-trefts" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/experts" title="Find Bricks experts to elevate your next project" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-ffpate" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 14V16C8.68629 16 6 18.6863 6 22H4C4 17.5817 7.58172 14 12 14ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11ZM18 21.5L15.0611 23.0451L15.6224 19.7725L13.2447 17.4549L16.5305 16.9775L18 14L19.4695 16.9775L22.7553 17.4549L20.3776 19.7725L20.9389 23.0451L18 21.5Z"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Experts</span><span class="brxe-text-basic nav_item-link-description">Find Bricks experts</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/roadmap/" title="See what's next on the roadmap" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-lczfaw" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25.75a4.5 4.5 0 0 1 4.5 4.5c0 1.921-2.688 5.576-3.909 7.138a.75.75 0 0 1-1.182 0C3.438 10.827.75 7.171.75 5.25a4.5 4.5 0 0 1 4.5-4.5v0Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.75 11.324a4.5 4.5 0 0 1 4.5 4.5c0 1.921-2.688 5.576-3.909 7.138a.749.749 0 0 1-1.182 0c-1.221-1.562-3.909-5.217-3.909-7.138a4.5 4.5 0 0 1 4.5-4.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 15.75v3"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 21.75a1.5 1.5 0 0 0 1.5 1.5h1.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.25 23.25h1.5"></path><path stroke="currentColor" d="M5.25 5.625a.375.375 0 1 1 0-.75"></path><path stroke="currentColor" d="M5.25 5.625a.375.375 0 1 0 0-.75"></path><g><path stroke="currentColor" d="M18.75 16.2a.375.375 0 0 1 0-.75"></path><path stroke="currentColor" d="M18.75 16.2a.375.375 0 0 0 0-.75"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Roadmap</span><span class="brxe-text-basic nav_item-link-description">See what's next</span></div></a></li><li id="brxe-chnlbs" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/changelog/" title="See what's changed so far" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-uwague" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.25 23.123a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.25 14.123v6"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.25 17.123h6"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 2.123h15"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 8.123h15"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 14.123h3"></path><path stroke="currentColor" d="M1.125 8.498a.375.375 0 0 1 0-.75"></path><path stroke="currentColor" d="M1.125 8.498a.375.375 0 0 0 0-.75"></path><path stroke="currentColor" d="M1.125 14.498a.375.375 0 1 1 0-.75"></path><path stroke="currentColor" d="M1.125 14.498a.375.375 0 1 0 0-.75"></path><g><path stroke="currentColor" d="M1.125 2.498a.375.375 0 0 1 0-.75"></path><path stroke="currentColor" d="M1.125 2.498a.375.375 0 0 0 0-.75"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Changelog</span><span class="brxe-text-basic nav_item-link-description">See what's changed</span></div></a></li><li id="brxe-ziotye" class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/ideas/" title="Submit your ideas to the idea board" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-wbwtzx" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M20.25 23.25a1.934 1.934 0 0 0-.75-1.572 11.239 11.239 0 0 0-7.5-2.357 11.239 11.239 0 0 0-7.5 2.357 1.934 1.934 0 0 0-.75 1.572" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.5 23.071 1.5-3.75 1.5 3.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18 6.75a6 6 0 0 0-12 0 5.846 5.846 0 0 0 3.429 5.493V15h5.142v-2.757A5.846 5.846 0 0 0 18 6.75Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 15v1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.938 12h6.124" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 12V9" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M14.25 6.75 12 9 9.75 6.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.75 6.75h1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.439 10.189 22.5 11.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.439 3.31 22.5 2.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 6.75H.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.561 10.189 1.5 11.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.561 3.31 1.5 2.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Idea board</span><span class="brxe-text-basic nav_item-link-description">Submit your ideas</span></div></a></li></ul></li></ul></li><li data-script-id="kehatw" class="brxe-dropdown bricks-lazy-hidden brx-has-megamenu" data-toggle="both"><div class="brx-submenu-toggle"><span>Resources</span><button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button></div><ul class="brxe-div nav_megamenu-content brx-dropdown-content bricks-lazy-hidden"><li id="brxe-hpyike" class="brxe-container bricks-lazy-hidden"><ul id="brxe-uejihy" class="brxe-block nav_dropdown-item-list grid-auto-5 mobile-landscape:grid-2 mobile-portrait:grid-1 bricks-lazy-hidden"><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://academy.bricksbuilder.io/" rel="external" title="Check out the Bricks academy" aria-label="Check out the Bricks academy" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-ecqydu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M17.25 6a5.25 5.25 0 0 1-10.5 0V.75h10.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 23.25a9.75 9.75 0 0 1 19.5 0" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M.75.75h22.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.75 5.25h10.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25.75v7.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.013 14.871 12 18.75l4.987-3.879" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Academy</span><span class="brxe-text-basic nav_item-link-description">Master Bricks with concise documentation.</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://forum.bricksbuilder.io/" rel="external" title="Become a part of the Bricks Community" aria-label="Become a part of the Bricks Community" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-nrajfo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.728 9.571a2.446 2.446 0 1 0 4.892 0 2.446 2.446 0 1 0-4.892 0"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.38 9.571a2.446 2.446 0 1 0 4.892 0 2.446 2.446 0 1 0-4.892 0"></path><path d="M16.4 23.125v-6.734a6.347 6.347 0 0 1-5.441-4.32l-.842-2.525a1.468 1.468 0 0 1 1.167-1.915 1.523 1.523 0 0 1 1.642 1.062l.818 2.453a3.42 3.42 0 0 0 3.247 2.338h4.3a1.956 1.956 0 0 1 1.958 1.956v7.689" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.453 10.548-.2.594A3.424 3.424 0 0 1 7 13.484H2.705A1.956 1.956 0 0 0 .75 15.436v7.689" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.6 23.125v-6.734A6.347 6.347 0 0 0 12 14" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.5.875v2"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.414 2.961 14 4.375"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.586 2.961 9 4.375"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Forum</span><span class="brxe-text-basic nav_item-link-description">Contribute to the Bricks community.</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://bricksbuilder.io/contact/" title="Get in touch via email" aria-label="Get in touch via email" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-xughqg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="mail-send--send-email-envelope-dash"><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.607142857142858 3.25h-6.5a0.9285714285714286 0.9285714285714286 0 0 0 -0.9285714285714286 0.9285714285714286v4.642857142857143a0.9285714285714286 0.9285714285714286 0 0 0 0.9285714285714286 0.9285714285714286h6.5a0.9285714285714286 0.9285714285714286 0 0 0 0.9285714285714286 -0.9285714285714286v-4.642857142857143a0.9285714285714286 0.9285714285714286 0 0 0 -0.9285714285714286 -0.9285714285714286Z" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4.178571428571429 4.206428571428572 8.357142857142858 6.964285714285714l4.178571428571429 -2.757857142857143" stroke-width="1"></path><path id="Vector_3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.4642857142857143 3.25H1.8571428571428572" stroke-width="1"></path><path id="Vector_4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.4642857142857143 6.035714285714286H1.8571428571428572" stroke-width="1"></path><path id="Vector_5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M0.4642857142857143 8.821428571428571H1.8571428571428572" stroke-width="1"></path></g></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Email-Support</span><span class="brxe-text-basic nav_item-link-description">Get in touch by email for customer support.</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://www.facebook.com/groups/brickscommunity" rel="external" title="Join our Facebook Group" aria-label="Join our Facebook Group" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-wyxzfh" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M12.15 23.25H1.75a1 1 0 0 1-1-1V1.75a1 1 0 0 1 1-1h20.5a1 1 0 0 1 1 1v20.5a1 1 0 0 1-1 1h-6.1v-8.5h2.56a.5.5 0 0 0 .5-.44l.38-3a.5.5 0 0 0-.5-.56h-2.94V9.69A1.69 1.69 0 0 1 17.84 8h1.81a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-1.81a5.69 5.69 0 0 0-5.69 5.69v1.06h-2.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h2.5v8.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">Facebook Group</span><span class="brxe-text-basic nav_item-link-description">Join the Bricks Facebook Group</span></div></a></li><li class="brxe-block nav_megamenu-item bricks-lazy-hidden"><a href="https://www.youtube.com/@bricksbuilder" rel="external" title="Check out our YouTube Channel" aria-label="Check out our YouTube Channel" class="brxe-block nav_item-link bricks-lazy-hidden"><svg class="brxe-icon nav_item-icon" id="brxe-rofnph" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M23.25 7.44A3.44 3.44 0 0 0 19.81 4H4.19A3.44 3.44 0 0 0 .75 7.44v9.12A3.44 3.44 0 0 0 4.19 20h15.62a3.44 3.44 0 0 0 3.44-3.44ZM9.5 15.94V7.28l6.77 4.33Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="brxe-div nav_megamenu-item-link-label bricks-lazy-hidden"><span class="brxe-text-basic nav_item-link-title">YouTube</span><span class="brxe-text-basic nav_item-link-description">Subscribe to the official Bricks YouTube Channel</span></div></a></li></ul></li></ul></li><li id="brxe-wrkpto" class="brxe-block bricks-lazy-hidden"><a class="brxe-text-link nav_item-link" href="https://my.bricksbuilder.io" title="Your Bricks Account">Account</a><ul id="brxe-peifef" class="brxe-block list-none button_group bricks-lazy-hidden"><li class="brxe-block bricks-lazy-hidden"><a id="brxe-cuohpi" class="brxe-button bricks-button sm outline bricks-color-dark" href="https://try.bricksbuilder.io" rel="external" target="_blank" title="Test Bricks for free on the Bricks playground">Try Bricks</a></li><li class="brxe-block bricks-lazy-hidden"><a id="brxe-cokbkh" class="brxe-button bricks-button sm bricks-background-dark" href="https://bricksbuilder.io/pricing/" title="Get Bricks">Get Bricks</a></li></ul></li></ul><button id="brxe-aitbyv" data-script-id="aitbyv" class="brxe-toggle brxa--squeeze" aria-label="Open" aria-expanded="false" data-selector="#brxe-fcijjb"><span class="brxa-wrap"><span class="brxa-inner"></span></span></button></nav><ul id="brxe-elxcpz" class="brxe-block list-none button_group tablet:display-hide bricks-lazy-hidden"><li id="brxe-kuxmqe" class="brxe-div bricks-lazy-hidden"><a id="brxe-nyqmok" class="brxe-button bricks-button sm outline bricks-color-dark" href="https://my.bricksbuilder.io" title="Your account"><span>Account</span><svg class="fill" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.5 -0.5 14 14" height="14" width="14"><g id="user-circle-single--circle-geometric-human-person-single-user"><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.5 7.428571428571429c1.2820878571428573 0 2.3214285714285716 -1.0393407142857143 2.3214285714285716 -2.3214285714285716S7.782087857142858 2.7857142857142856 6.5 2.7857142857142856 4.178571428571429 3.8250550000000003 4.178571428571429 5.107142857142858 5.217912142857143 7.428571428571429 6.5 7.428571428571429Z" stroke-width="1"></path><path id="Vector_2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.5349814285714287 11.05c0.41436571428571434 -0.6801785714285715 0.9967378571428571 -1.2423357142857143 1.6911235714285715 -1.6323357142857144 0.6943857142857143 -0.3900835714285715 1.4774314285714287 -0.5949728571428572 2.2738764285714286 -0.5949728571428572 0.796445 0 1.5794907142857144 0.20488928571428575 2.2738764285714286 0.5949728571428572 0.6944135714285714 0.39 1.2767207142857142 0.9521571428571429 1.691142142857143 1.6323357142857144" stroke-width="1"></path><path id="Vector_3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.5 12.535714285714286c3.3334785714285715 0 6.035714285714286 -2.702235714285714 6.035714285714286 -6.035714285714286C12.535714285714286 3.1665678571428573 9.833478571428572 0.4642857142857143 6.5 0.4642857142857143 3.1665678571428573 0.4642857142857143 0.4642857142857143 3.1665678571428573 0.4642857142857143 6.5c0 3.3334785714285715 2.702282142857143 6.035714285714286 6.035714285714286 6.035714285714286Z" stroke-width="1"></path></g></svg></a></li><li class="brxe-div bricks-lazy-hidden"><a id="brxe-yfduth" class="brxe-button bricks-button sm outline bricks-color-dark" href="https://try.bricksbuilder.io" rel="external" target="_blank" title="Try Bricks">Try Bricks</a></li><li class="brxe-div bricks-lazy-hidden"><a id="brxe-zhurwo" class="brxe-button bricks-button sm bricks-background-dark" href="https://bricksbuilder.io/pricing/" title="Get Bricks">Get Bricks</a></li></ul></div></section></header><main id="brx-content"><section class="brxe-section bricks-lazy-hidden"><div class="brxe-container align-items-center gap-grid bricks-lazy-hidden"><h1 class="brxe-heading hero_title">The visual site builder that grows with you.</h1><p id="brxe-ikqogu" class="brxe-text-basic text-align-center text-size-large max-width-content-large">Meet Bricks. An innovative, community-driven, <strong>visual site builder theme</strong> for your <b>self-hosted WordPress</b> website. Empowering you to design <strong>unique</strong>, <strong>performant</strong>, and <strong>scalable</strong> websites. <strong>Code-free.</strong></p><div class="brxe-block button_group justify-content-center bricks-lazy-hidden"><a class="brxe-button bricks-button lg bricks-background-dark" href="https://bricksbuilder.io/pricing/" title="Get Bricks now" aria-label="Get Bricks now">Get Bricks</a><a class="brxe-button bricks-button lg outline bricks-color-dark" href="https://try.bricksbuilder.io/" rel="external" target="_blank" title="Try Bricks for free" aria-label="Try Bricks for free">Try Bricks</a></div></div></section><section id="brxe-1b14b0" class="brxe-section section_hero-media is-rounded is-dim bricks-lazy-hidden"><div class="brxe-container container_hero-media bricks-lazy-hidden"><div data-script-id="fmtkcm" class="brxe-video feature_card-media"><video data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Home-v2.mp4" class="bricks-lazy-hidden" playsinline onclick="this.paused ? this.play() : this.pause()" loop muted poster="https://bricksbuilder.io/wp-content/uploads/2023/08/video-home-v2-1536x864.jpeg"><p>Your browser does not support the video tag.</p></video></div></div><template style='display:none' aria-hidden='true' data-brx-loop-start='siixpo'></template><div class="brxe-siixpo brxe-block align-items-center bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">Bricks has the most comprehensive support I've encountered in 6 years of premium themes and builders usage (and I've used Elementor Pro, Divi, and GeneratePress).</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Óscar Gil Balaguer headshot" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Oscar-Gil-Balaguer-e1689848399632-150x150.jpg" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Oscar-Gil-Balaguer-e1689848399632-150x150.jpg 150w, https://bricksbuilder.io/wp-content/uploads/2023/07/Oscar-Gil-Balaguer-e1689848399632.jpg 257w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Óscar Gil Balaguer</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"></cite></div></footer></blockquote></div><div class="brx-query-trail" data-query-element-id="siixpo" data-query-vars="{"post_type":["testimonial"],"orderby":"rand","randomSeedTtl":"0","meta_query":[{"key":"_thumbnail_id","compare":"EXISTS"},{"key":"testimonial_quality","value":"3","compare":">="},{"key":"testimonial_type","value":"text"}],"posts_per_page":1,"post_status":"publish","paged":1}" data-original-query-vars="[]" data-page="1" data-max-pages="99" data-start="1" data-end="1"></div></section><section class="brxe-section is-rounded bricks-lazy-hidden"><div class="brxe-container bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Superb Features</span><div class="brxe-block grid-2 mobile-landscape:grid-1 bricks-lazy-hidden"><h2 class="brxe-heading max-width-heading-medium">Bricks has it all: Customization, Maintainability, Accessibility, Flexibility</h2><p class="brxe-text-basic">Discover unparalleled customization, maintainability, accessibility and flexibility with features designed to elevate your WordPress site's performance and user experience.</p></div></div><div class="brxe-container grid-auto-2 bricks-lazy-hidden"><div id="brxe-7c9f66" class="brxe-block feature_card is-dim bricks-lazy-hidden"><div id="brxe-f8cf98" class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="fill brxe-icon" id="brxe-5b9ca5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0.25 0.25 23.5 23.5" stroke-width="1"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.25 9.75v-1.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.25 14.25v-1.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.25 18.75v-1.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.75 23.25h-1.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.25 23.25h-1.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.75 23.25h-1.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.75 23.25a1.5 1.5 0 0 0 1.5-1.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6 18.75H1.75a1 1 0 0 1-1-1v-16a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1V7"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m14.212 9.997-.838-.827a1.193 1.193 0 0 0-1.676 0 1.162 1.162 0 0 0 0 1.654l-.417-.412a1.193 1.193 0 0 0-1.677 0 1.162 1.162 0 0 0 0 1.654l.42.414a1.193 1.193 0 0 0-1.677 0 1.162 1.162 0 0 0 0 1.654l1.257 1.24a2.324 2.324 0 0 0-.694 1.655c0 .62.25 1.216.694 1.654a5.57 5.57 0 0 0 3.011 1.53l1.473.24a3.6 3.6 0 0 0 1.668-.12 3.564 3.564 0 0 0 1.428-.859l2.13-2.102a3.99 3.99 0 0 0 .878-1.297 3.946 3.946 0 0 0 0-3.057 3.991 3.991 0 0 0-.879-1.296l-3.424-3.38a1.193 1.193 0 0 0-1.677 0 1.162 1.162 0 0 0 0 1.655Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m9.603 15.373 1.257 1.24"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m10.86 13.305-.838-.827"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m12.536 11.651-.838-.827"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><h3 class="brxe-heading feature_card-title">Unrivaled visual full site editing</h3></div><p class="brxe-text-basic feature_card-text">Easily create stunning pages with drag & drop, visual spacing, and nestable elements. Craft your website from header to footer and everything in between.</p><a class="brxe-text-link text_link" href="https://bricksbuilder.io/builder/" title="Explore more Builder Features">Explore all builder features</a></div></div><div id="brxe-itwcze" class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-szflsf" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M9 6H4.5A1.5 1.5 0 0 0 3 7.5V18h18V7.5A1.5 1.5 0 0 0 19.5 6H15M1.5 18h21M12 18v5.25M8.25 18 6 23.25M15.75 18 18 23.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.5 7.5h-3A1.5 1.5 0 0 1 9 6h0v-.75a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 .75.75V6h0a1.5 1.5 0 0 1-1.5 1.5zM12 2.25V4.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><h3 class="brxe-heading feature_card-title">Design without any limitations<br></h3></div><p class="brxe-text-basic feature_card-text">Create flexbox & CSS grid layouts in seconds. Setup your own CSS class system, global color palettes, global styles, typography, templates, and so much more.</p><a class="brxe-text-link text_link" href="https://bricksbuilder.io/design/" title="Explore more Design Features">Explore all design features</a></div></div></div><div class="brxe-container is-wide bricks-lazy-hidden"><?xml encoding="UTF-8"><div data-script-id="9c69ba" class="brxe-tabs-nested feature_tabs bricks-lazy-hidden" data-open-tab="0"><div class="brxe-block feature_tabs-menu tab-menu bricks-lazy-hidden" role="tablist"><div class="brxe-div feature_tabs-menu-item tab-title bricks-lazy-hidden" role="tab" aria-selected="true" tabindex="0" id="brx-tab-title-9c69ba-0" aria-controls="brx-tab-pane-9c69ba-0"><div class="brxe-div feature_tabs-menu-title-wrapper bricks-lazy-hidden"><div class="brxe-div feature_tabs-media-wrapper feature_tabs-media-wrapper-mobile bricks-lazy-hidden"><img width="768" height="576" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20576'%3E%3C/svg%3E" class="brxe-image feature_tabs-media css-filter size-medium_large bricks-lazy-hidden" alt="A collage of Bricks menu elements such as dropdowns, mega menus, mobile and offcanvas menus, vertical and horizontal navigation menus." decoding="async" fetchpriority="high" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent-768x576.png" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent-768x576.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent-1024x768.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent-1536x1152.png 1536w, https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent.png 2048w"></div><div class="brxe-div feature_tabs-title-wrapper bricks-lazy-hidden"><svg class="brxe-svg icon-tiny feature_tabs-icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" stroke-width="1.5"><path d="M2.25 18.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 12.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.25 6.003h19.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><h3 class="brxe-heading feature_tabs-title">Menu builder</h3></div><p class="brxe-text-basic feature_tabs-description">Build accessible, bespoke menus to improve navigation. Enhance user experience with dynamic Mega Menus, mobile-optimized options, and seamless WordPress integration.</p></div></div><div class="brxe-div feature_tabs-menu-item tab-title bricks-lazy-hidden" role="tab" aria-selected="false" tabindex="-1" id="brx-tab-title-9c69ba-1" aria-controls="brx-tab-pane-9c69ba-1"><div class="brxe-div feature_tabs-menu-title-wrapper bricks-lazy-hidden"><div class="brxe-div feature_tabs-media-wrapper-mobile bricks-lazy-hidden"><div data-script-id="cxviug" class="brxe-video feature_card-media"><video data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Responsive-Editing.mp4" class="bricks-lazy-hidden" playsinline onclick="this.paused ? this.play() : this.pause()" loop muted poster="https://bricksbuilder.io/wp-content/uploads/2023/08/responsive-editing-poster-768x432.jpeg"><p>Your browser does not support the video tag.</p></video></div></div><div class="brxe-div feature_tabs-title-wrapper bricks-lazy-hidden"><svg class="brxe-svg icon-tiny feature_tabs-icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" stroke-width="1.5"><defs></defs><title>responsive-design</title><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.5 23.25h-6l.75-4.5h4.5l.75 4.5z"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M8.25 23.25h10.5"></path><path d="M11.25 5.25h10.5a1.5 1.5 0 0 1 1.5 1.5v10.5a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5v-1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.75 15.75h19.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.25.75h4.5s1.5 0 1.5 1.5v9s0 1.5-1.5 1.5h-4.5s-1.5 0-1.5-1.5v-9s0-1.5 1.5-1.5"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M.75 9.75h7.5"></path></svg><h3 class="brxe-heading feature_tabs-title">Responsive design</h3></div><p class="brxe-text-basic feature_tabs-description">Create pixel-perfect sites for every device with Bricks' unlimited custom breakpoints. The only builder with desktop & mobile-first approach. View & make changes on any breakpoint directly in the builder.</p></div></div><div class="brxe-div feature_tabs-menu-item tab-title bricks-lazy-hidden" role="tab" aria-selected="false" tabindex="-1" id="brx-tab-title-9c69ba-2" aria-controls="brx-tab-pane-9c69ba-2"><div class="brxe-div feature_tabs-menu-title-wrapper bricks-lazy-hidden"><div class="brxe-div feature_tabs-media-wrapper feature_tabs-media-wrapper-mobile bricks-lazy-hidden"><img width="768" height="576" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20576'%3E%3C/svg%3E" class="brxe-image feature_tabs-media css-filter size-medium_large bricks-lazy-hidden" alt="A collage of WooCommerce product cards of different sizes." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/WooCommerce-Builder-768x576.jpg" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/WooCommerce-Builder-768x576.jpg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/WooCommerce-Builder-300x225.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/WooCommerce-Builder-1024x768.jpg 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/WooCommerce-Builder.jpg 1537w"></div><div class="brxe-div feature_tabs-title-wrapper bricks-lazy-hidden"><svg class="brxe-svg icon-tiny feature_tabs-icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" stroke-width="1.5"><g><path d="M3.25 4.25a2.5 2.5 0 0 0-2.5 2.5v7.5a2.5 2.5 0 0 0 2.5 2.5H11l5.5 3-1-3h5.25a2.5 2.5 0 0 0 2.5-2.5v-7.5a2.5 2.5 0 0 0-2.5-2.5Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M3.6 7.77c.62 3.56 1.16 5.67 1.16 5.67L7.25 9a7.71 7.71 0 0 0 1.93 4.44 11.16 11.16 0 0 1 1.09-5.91" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.913 12.846a2.33 1.47-78.55 1 0 .925-4.567 2.33 1.47-78.55 1 0-.925 4.567"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.128 12.85a2.33 1.47-78.55 1 0 .925-4.567 2.33 1.47-78.55 1 0-.925 4.567"></path></g></svg><h3 class="brxe-heading feature_tabs-title">WooCommerce builder</h3></div><p class="brxe-text-basic feature_tabs-description">Craft your entire WooCommerce stores visually. Design all shop, single product, archive, cart, checkout, and account pages with Bricks. Enhance user experience and boost sales with seamless design integration.</p></div></div><div class="brxe-div feature_tabs-menu-item tab-title bricks-lazy-hidden" role="tab" aria-selected="false" tabindex="-1" id="brx-tab-title-9c69ba-3" aria-controls="brx-tab-pane-9c69ba-3"><div class="brxe-div feature_tabs-menu-title-wrapper bricks-lazy-hidden"><div class="brxe-div feature_tabs-media-wrapper feature_tabs-media-wrapper-mobile bricks-lazy-hidden"><img width="768" height="546" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20546'%3E%3C/svg%3E" class="brxe-image feature_tabs-media css-filter size-medium_large bricks-lazy-hidden" alt="The Query Loop settings panel next to styled query examples such as latest posts, user, media, categories, and a cart items query." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder-768x546.png" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder-768x546.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder-300x213.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder-1024x728.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder-1536x1092.png 1536w, https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder.png 2048w"></div><div class="brxe-div feature_tabs-title-wrapper bricks-lazy-hidden"><svg class="brxe-svg icon-tiny feature_tabs-icon" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" stroke-width="1.5"><path d="M13.9 15.5a5.61 5.61 0 0 0 4.1 2.248 5.25 5.25 0 0 0 0-10.5c-3.75 0-6 5.25-6 5.25s-2.25 5.25-6 5.25a5.25 5.25 0 0 1 0-10.5A5.617 5.617 0 0 1 10.1 9.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg><h3 class="brxe-heading feature_tabs-title">Query loop builder</h3></div><p class="brxe-text-basic feature_tabs-description">The Query Loop Builder lets you visually query your database. You can write your own PHP query, too. Enhance user experience with load more buttons, infinite scroll, AJAX pagination & loading animations.</p></div></div></div><div class="brxe-block feature_tabs-content tab-content bricks-lazy-hidden"><div class="brxe-block tab-pane bricks-lazy-hidden" id="brx-tab-pane-9c69ba-0" role="tabpanel" aria-labelledby="brx-tab-title-9c69ba-0" tabindex="0"><div class="brxe-div feature_tabs-media-wrapper bricks-lazy-hidden"><img width="768" height="576" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20576'%3E%3C/svg%3E" class="brxe-image feature_tabs-media css-filter size-medium_large bricks-lazy-hidden" alt="A collage of Bricks menu elements such as dropdowns, mega menus, mobile and offcanvas menus, vertical and horizontal navigation menus." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent-768x576.png" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent-768x576.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent-1024x768.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent-1536x1152.png 1536w, https://bricksbuilder.io/wp-content/uploads/2023/07/Menu-Builder-Transparent.png 2048w"></div></div><div class="brxe-block tab-pane bricks-lazy-hidden" id="brx-tab-pane-9c69ba-1" role="tabpanel" aria-labelledby="brx-tab-title-9c69ba-1" tabindex="0"><div class="brxe-div bricks-lazy-hidden"><div data-script-id="swquls" class="brxe-video feature_card-media"><video data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Responsive-Editing.mp4" class="bricks-lazy-hidden" playsinline onclick="this.paused ? this.play() : this.pause()" loop muted poster="https://bricksbuilder.io/wp-content/uploads/2023/08/responsive-editing-poster-768x432.jpeg"><p>Your browser does not support the video tag.</p></video></div></div></div><div class="brxe-block tab-pane bricks-lazy-hidden" id="brx-tab-pane-9c69ba-2" role="tabpanel" aria-labelledby="brx-tab-title-9c69ba-2" tabindex="0"><div class="brxe-div feature_tabs-media-wrapper bricks-lazy-hidden"><img width="768" height="576" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20576'%3E%3C/svg%3E" class="brxe-image feature_tabs-media css-filter size-medium_large bricks-lazy-hidden" alt="A collage of WooCommerce product cards of different sizes." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/WooCommerce-Builder-768x576.jpg" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/WooCommerce-Builder-768x576.jpg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/WooCommerce-Builder-300x225.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/WooCommerce-Builder-1024x768.jpg 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/WooCommerce-Builder.jpg 1537w"></div></div><div class="brxe-block tab-pane bricks-lazy-hidden" id="brx-tab-pane-9c69ba-3" role="tabpanel" aria-labelledby="brx-tab-title-9c69ba-3" tabindex="0"><div class="brxe-div feature_tabs-media-wrapper bricks-lazy-hidden"><img width="768" height="546" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20546'%3E%3C/svg%3E" class="brxe-image feature_tabs-media css-filter size-medium_large bricks-lazy-hidden" alt="The Query Loop settings panel next to styled query examples such as latest posts, user, media, categories, and a cart items query." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder-768x546.png" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder-768x546.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder-300x213.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder-1024x728.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder-1536x1092.png 1536w, https://bricksbuilder.io/wp-content/uploads/2023/07/Query-Loop-Builder.png 2048w"></div></div></div></div> </div><div class="brxe-container grid-auto-4 align-items-normal bricks-lazy-hidden"><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-medium bricks-lazy-hidden" alt="A screenshpot of the condition-relations interface that connects two conditions with "and" or "or"." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Condition-Relations-300x225.png" data-type="string" data-sizes="(max-width: 300px) 100vw, 300px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/08/Condition-Relations-300x225.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/08/Condition-Relations-768x576.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/08/Condition-Relations.png 1024w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-mnrvll" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><g><path d="M18.5 10.25h-13A4.77 4.77 0 0 1 .75 5.5h0A4.77 4.77 0 0 1 5.5.75h13a4.77 4.77 0 0 1 4.75 4.75h0a4.77 4.77 0 0 1-4.75 4.75Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill-rule="evenodd"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.75 5.5a2 2 0 1 0 4 0 2 2 0 1 0-4 0"></path><g><path d="M5.5 23.25h13a4.77 4.77 0 0 0 4.75-4.75h0a4.77 4.77 0 0 0-4.75-4.75h-13A4.77 4.77 0 0 0 .75 18.5h0a4.77 4.77 0 0 0 4.75 4.75Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" fill-rule="evenodd"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.25 18.5a2 2 0 1 0 4 0 2 2 0 1 0-4 0"></path></g></g></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Conditions</span><h3 class="brxe-heading feature_card-title">Show content under specific conditions</h3></div><p class="brxe-text-basic feature_card-text">Create unique website experiences with conditional logic. Designed to help you show/hide content based on a wide range of fully customizable conditions.</p><a class="brxe-text-link text_link" href="https://bricksbuilder.io/conditions/" title="Explore Bricks Conditions">Explore conditions</a></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-medium bricks-lazy-hidden" alt="A WooCommerce product card in front of interaction examples such as click, content loaded, mouse enter/leave, scroll." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Interactions-300x225.jpg" data-type="string" data-sizes="(max-width: 300px) 100vw, 300px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Interactions-300x225.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Interactions-1024x768.jpg 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Interactions-768x576.jpg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Interactions.jpg 1537w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-nchzrr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="m10.608 23.248-3.789-3.093a1.639 1.639 0 0 1-.566-1.676h0a1.638 1.638 0 0 1 2.321-1.068L9.748 18v-6.75a1.5 1.5 0 0 1 1.5-1.5h0a1.5 1.5 0 0 1 1.5 1.5v4.5l1.993.333a3 3 0 0 1 2.507 2.959v4.208" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.877 14.486A8.992 8.992 0 1 0 2.248 9.748a8.922 8.922 0 0 0 1.69 5.222" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Interactions</span><h3 class="brxe-heading feature_card-title">Create immersive, interactive websites</h3></div><p class="brxe-text-basic feature_card-text">Define triggers & actions for your very own interactions! Such as click & hover triggers to show/hide elements, plus fine-tuned interaction conditions.</p><a class="brxe-text-link text_link" href="https://bricksbuilder.io/interactions/" title="Explore Bricks Interactions">Explore interactions</a></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-media-wrapper bricks-lazy-hidden"><img width="300" height="225" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20225'%3E%3C/svg%3E" class="brxe-image feature_card-media css-filter size-medium bricks-lazy-hidden" alt="Bricks code element panel with custom PHP in it." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Custom-Code-300x225.jpg" data-type="string" data-sizes="(max-width: 300px) 100vw, 300px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Custom-Code-300x225.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Custom-Code-1024x768.jpg 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Custom-Code-768x576.jpg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Custom-Code.jpg 1537w" /></div><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-dnvvka" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="m7.629 4.5-6.44 6.439a1.5 1.5 0 0 0 0 2.121l6.44 6.44" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m16.371 4.5 6.44 6.439a1.5 1.5 0 0 1 0 2.121l-6.44 6.44" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Custom Code</span><h3 class="brxe-heading feature_card-title">Unlock unlimited potential with custom code</h3></div><p class="brxe-text-basic feature_card-text">Add your own custom HTML, CSS, JS, and PHP into your site header, footer, or any other page for tailored website experiences.</p><a class="brxe-text-link text_link" href="https://academy.bricksbuilder.io/article/custom-code/" target="_blank" title="Explore Bricks Custom Code">Explore custom code</a></div></div></div></section><section class="brxe-section is-brand bricks-lazy-hidden"><div class="brxe-container radius-small align-items-center text-align-center gap-content bricks-lazy-hidden"><h2 class="brxe-heading">Test Bricks for free at the playground</h2><p class="brxe-text-basic">Explore the builder. Design your first website with Bricks.<br>A custom, clean Bricks installation just for you.</p><div id="brxe-jyjpok" class="brxe-block button_group justify-content-center bricks-lazy-hidden"><a class="brxe-button bricks-button lg outline bricks-color-dark" href="https://try.bricksbuilder.io/" rel="external" target="_blank" title="Try Bricks for free" aria-label="Try Bricks for free">Try Bricks</a><a class="brxe-button bricks-button lg bricks-background-dark" href="https://bricksbuilder.io/pricing/" title="Get Bricks now" aria-label="Get Bricks now">Get Bricks</a></div></div></section><section class="brxe-section is-dark is-rounded bricks-lazy-hidden"><div class="brxe-container bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Community Templates</span><div class="brxe-block grid-2 mobile-landscape:grid-1 bricks-lazy-hidden"><h2 class="brxe-heading max-width-heading-medium">Use and tweak our ready-made templates to get started in no time</h2><div class="brxe-block bricks-lazy-hidden"><p class="brxe-text-basic">Jumpstart projects with pre-made templates from official and third-party sources. Adjust them to your needs and embark on a swift creative journey.</p></div></div></div><div class="brxe-container is-wide bricks-lazy-hidden"><div class="brxe-div columns_masonry bricks-lazy-hidden"><template style='display:none' aria-hidden='true' data-brx-loop-start='202b73'></template><div class="brxe-202b73 brxe-div template_item bricks-lazy-hidden"><figure class="brxe-bae403 brxe-image template_item-image tag"><img width="768" height="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20480'%3E%3C/svg%3E" class="css-filter size-medium_large bricks-lazy-hidden" alt="A two column website section with an image on the left and text on the right." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Who-We-Are-768x480.png" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Who-We-Are-768x480.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Who-We-Are-300x188.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Who-We-Are-1024x640.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Who-We-Are-1536x960.png 1536w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Who-We-Are-2048x1280.png 2048w" /></figure><figcaption class="brxe-tiypla brxe-text-basic template_item-title">Infinity – Who We Are</figcaption></div><div class="brxe-202b73 brxe-div template_item bricks-lazy-hidden"><figure class="brxe-bae403 brxe-image template_item-image tag"><img width="768" height="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20480'%3E%3C/svg%3E" class="css-filter size-medium_large bricks-lazy-hidden" alt="Infinity services section template with a text intro and three service cards" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Services-768x480.png" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Services-768x480.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Services-300x188.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Services-1024x640.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Services-1536x960.png 1536w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Services-2048x1280.png 2048w" /></figure><figcaption class="brxe-tiypla brxe-text-basic template_item-title">Infinity – Services</figcaption></div><div class="brxe-202b73 brxe-div template_item bricks-lazy-hidden"><figure class="brxe-bae403 brxe-image template_item-image tag"><img width="768" height="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20480'%3E%3C/svg%3E" class="css-filter size-medium_large bricks-lazy-hidden" alt="Infinity section template with an image on the left and text plus tabs element on the right." decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Info-768x480.jpg" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Info-768x480.jpg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Info-300x188.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Info-1024x640.jpg 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Info-1536x960.jpg 1536w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Info-2048x1280.jpg 2048w" /></figure><figcaption class="brxe-tiypla brxe-text-basic template_item-title">Infinity – Info</figcaption></div><div class="brxe-202b73 brxe-div template_item bricks-lazy-hidden"><figure class="brxe-bae403 brxe-image template_item-image tag"><img width="768" height="480" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%20480'%3E%3C/svg%3E" class="css-filter size-medium_large bricks-lazy-hidden" alt="Two-column Infinity service template with service cards on the left and text on the right" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Our-Ranges-768x480.png" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Our-Ranges-768x480.png 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Our-Ranges-300x188.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Our-Ranges-1024x640.png 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Our-Ranges-1536x960.png 1536w, https://bricksbuilder.io/wp-content/uploads/2023/07/Infinity-–-Our-Ranges-2048x1280.png 2048w" /></figure><figcaption class="brxe-tiypla brxe-text-basic template_item-title">Infinity – Our Ranges</figcaption></div><div class="brxe-202b73 brxe-div template_item bricks-lazy-hidden"><figure class="brxe-bae403 brxe-image template_item-image tag"><img width="768" height="2620" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%202620'%3E%3C/svg%3E" class="css-filter size-medium_large bricks-lazy-hidden" alt="Screenshot of the Reality real estate homepage template" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Home-Template-1-768x2620.jpeg" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Home-Template-1-768x2620.jpeg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Home-Template-1-88x300.jpeg 88w, https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Home-Template-1-300x1024.jpeg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Home-Template-1-450x1536.jpeg 450w, https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Home-Template-1-600x2048.jpeg 600w, https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Home-Template-1-scaled.jpeg 750w" /></figure><figcaption class="brxe-tiypla brxe-text-basic template_item-title">Reality – Home</figcaption></div><div class="brxe-202b73 brxe-div template_item bricks-lazy-hidden"><figure class="brxe-bae403 brxe-image template_item-image tag"><img width="768" height="1152" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%201152'%3E%3C/svg%3E" class="css-filter size-medium_large bricks-lazy-hidden" alt="Screenshot of the Reality real estate buy page template" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Buy-Template-1-768x1152.jpeg" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Buy-Template-1-768x1152.jpeg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Buy-Template-1-200x300.jpeg 200w, https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Buy-Template-1-683x1024.jpeg 683w, https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Buy-Template-1-1024x1536.jpeg 1024w, https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Buy-Template-1-1366x2048.jpeg 1366w, https://bricksbuilder.io/wp-content/uploads/2023/07/Reality-–-Buy-Template-1-scaled.jpeg 1707w" /></figure><figcaption class="brxe-tiypla brxe-text-basic template_item-title">Reality – Buy</figcaption></div><div class="brxe-202b73 brxe-div template_item bricks-lazy-hidden"><figure class="brxe-bae403 brxe-image template_item-image tag"><img width="768" height="1332" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%201332'%3E%3C/svg%3E" class="css-filter size-medium_large bricks-lazy-hidden" alt="Screenshot of the Digital agency projects page template" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Digital-–-Projects-Template-768x1332.jpeg" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Digital-–-Projects-Template-768x1332.jpeg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Digital-–-Projects-Template-173x300.jpeg 173w, https://bricksbuilder.io/wp-content/uploads/2023/07/Digital-–-Projects-Template-590x1024.jpeg 590w, https://bricksbuilder.io/wp-content/uploads/2023/07/Digital-–-Projects-Template-886x1536.jpeg 886w, https://bricksbuilder.io/wp-content/uploads/2023/07/Digital-–-Projects-Template-1181x2048.jpeg 1181w, https://bricksbuilder.io/wp-content/uploads/2023/07/Digital-–-Projects-Template-scaled.jpeg 1476w" /></figure><figcaption class="brxe-tiypla brxe-text-basic template_item-title">Digital – Projects</figcaption></div><div class="brxe-202b73 brxe-div template_item bricks-lazy-hidden"><figure class="brxe-bae403 brxe-image template_item-image tag"><img width="768" height="2186" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20768%202186'%3E%3C/svg%3E" class="css-filter size-medium_large bricks-lazy-hidden" alt="Screenshot of the Liv lifestyle blog archive template" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Liv-–-Home-Template-1-768x2186.jpeg" data-type="string" data-sizes="(max-width: 768px) 100vw, 768px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Liv-–-Home-Template-1-768x2186.jpeg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Liv-–-Home-Template-1-105x300.jpeg 105w, https://bricksbuilder.io/wp-content/uploads/2023/07/Liv-–-Home-Template-1-360x1024.jpeg 360w, https://bricksbuilder.io/wp-content/uploads/2023/07/Liv-–-Home-Template-1-540x1536.jpeg 540w, https://bricksbuilder.io/wp-content/uploads/2023/07/Liv-–-Home-Template-1-720x2048.jpeg 720w, https://bricksbuilder.io/wp-content/uploads/2023/07/Liv-–-Home-Template-1-scaled.jpeg 900w" /></figure><figcaption class="brxe-tiypla brxe-text-basic template_item-title">Liv – Home</figcaption></div><div class="brx-query-trail" data-query-element-id="202b73" data-query-vars="{"post_type":["attachment"],"tax_query":[{"taxonomy":"happyfiles_category","field":"term_id","terms":["65"]}],"posts_per_page":8,"orderby":"date","post_status":["inherit","publish"],"post_mime_type":["image"],"paged":1}" data-original-query-vars="[]" data-page="1" data-max-pages="2" data-start="1" data-end="8"></div></div></div></section><section id="why-bricks" class="brxe-section is-rounded bricks-lazy-hidden"><div class="brxe-container bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Why Bricks</span><div class="brxe-block grid-2 mobile-landscape:grid-1 bricks-lazy-hidden"><h2 class="brxe-heading max-width-heading-medium">Our development process is driven by you – the user.</h2><p class="brxe-text-basic">We encourage you to submit your ideas. Ensuring that Bricks continues to grow and evolve in alignment with your needs and requitements. Join our community today and become a part of our ongoing innovation.</p></div></div><div id="brxe-qxzxrr" class="brxe-container grid-auto-3 bricks-lazy-hidden"><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-533193" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><path d="M15 17.25v2.25a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 19.5v-2.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 .75v1.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M1.5 11.25H3" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m3.75 3.75 1.1 1.057" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22.5 11.25H21" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m20.25 3.75-1.1 1.057" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M8.915 17.25h6.17a6.6 6.6 0 0 0 3.665-6A6.873 6.873 0 0 0 12 4.5a6.873 6.873 0 0 0-6.75 6.754 6.6 6.6 0 0 0 3.665 5.996Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 21v2.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M12 13.5v3.75" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.75 11.25 12 13.5l2.25-2.25" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Idea Board</span><h3 class="brxe-heading feature_card-title">Your ideas & votes drive our development</h3></div><p id="brxe-1b6547" class="brxe-text-basic feature_card-text">Submit your feature request through our public idea board for others to upvote & comment on. The most popular ideas stand a great chance of making it onto our public roadmap.</p><a id="brxe-2561e2" class="brxe-text-link text_link" href="https://bricksbuilder.io/ideas/" title="Explore all Ideas on the Idea Board">Visit our ideas board</a></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="fill brxe-icon" id="brxe-lyoeqb" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25.75a4.5 4.5 0 0 1 4.5 4.5c0 1.921-2.688 5.576-3.909 7.138a.75.75 0 0 1-1.182 0C3.438 10.827.75 7.171.75 5.25a4.5 4.5 0 0 1 4.5-4.5v0Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.75 11.324a4.5 4.5 0 0 1 4.5 4.5c0 1.921-2.688 5.576-3.909 7.138a.749.749 0 0 1-1.182 0c-1.221-1.562-3.909-5.217-3.909-7.138a4.5 4.5 0 0 1 4.5-4.5Z"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 15.75v3"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M5.25 21.75a1.5 1.5 0 0 0 1.5 1.5h1.5"></path><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.25 23.25h1.5"></path><path stroke="currentColor" d="M5.25 5.625a.375.375 0 1 1 0-.75"></path><path stroke="currentColor" d="M5.25 5.625a.375.375 0 1 0 0-.75"></path><g><path stroke="currentColor" d="M18.75 16.2a.375.375 0 0 1 0-.75"></path><path stroke="currentColor" d="M18.75 16.2a.375.375 0 0 0 0-.75"></path></g></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Public Roadmap</span><h3 class="brxe-heading feature_card-title">See what's planned, next, and in progress</h3></div><p id="brxe-twesmv" class="brxe-text-basic feature_card-text">Always be in the known and build with confidence by following our public roadmap, which is updated in real-time as the development progresses.</p><a id="brxe-hcpxhr" class="brxe-text-link text_link" href="https://bricksbuilder.io/roadmap/" title="Explore our public roadmap">Visit our public roadmap</a></div></div><div class="brxe-block feature_card bricks-lazy-hidden"><div class="brxe-block feature_card-body bricks-lazy-hidden"><span class="brxe-div feature_card-icon bricks-lazy-hidden"><svg class="brxe-icon" id="brxe-ucpsok" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke-width="1.5"><defs></defs><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.728 9.571a2.446 2.446 0 1 0 4.892 0 2.446 2.446 0 1 0-4.892 0"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.38 9.571a2.446 2.446 0 1 0 4.892 0 2.446 2.446 0 1 0-4.892 0"></path><path d="M16.4 23.125v-6.734a6.347 6.347 0 0 1-5.441-4.32l-.842-2.525a1.468 1.468 0 0 1 1.167-1.915 1.523 1.523 0 0 1 1.642 1.062l.818 2.453a3.42 3.42 0 0 0 3.247 2.338h4.3a1.956 1.956 0 0 1 1.958 1.956v7.689" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="m10.453 10.548-.2.594A3.424 3.424 0 0 1 7 13.484H2.705A1.956 1.956 0 0 0 .75 15.436v7.689" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.6 23.125v-6.734A6.347 6.347 0 0 0 12 14" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M11.5.875v2"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M15.414 2.961 14 4.375"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M7.586 2.961 9 4.375"></path></svg></span><div class="brxe-div feature_card-title-wrapper bricks-lazy-hidden"><span class="brxe-text-basic heading_eyebrow">Engaged Community</span><h3 class="brxe-heading feature_card-title">Helpful community of WordPress professionals</h3></div><p id="brxe-uafxfs" class="brxe-text-basic feature_card-text">Engage with like-minded builders. Seek guidance. Share your expertise. Together, we'll troubleshoot, squash pesky bugs, and brainstorm enhancements to help you build truly unique web design experiences.</p><a id="brxe-kvekrw" class="brxe-text-link text_link" href="https://forum.bricksbuilder.io/" rel="external" target="_blank" title="Join the Bricks Forum">Visit our forum</a><a id="brxe-vxojqa" class="brxe-text-link text_link" href="https://www.facebook.com/groups/brickscommunity/" rel="external" target="_blank" title="Join the Bricks Facebook Group">Visit our Facebook group</a></div></div></div></section><section class="brxe-section is-dark is-rounded bricks-lazy-hidden"><div class="brxe-container is-wide bricks-lazy-hidden"><div class="brxe-div columns_masonry columns-3 bricks-lazy-hidden"><template style='display:none' aria-hidden='true' data-brx-loop-start='ikzshj'></template><div class="brxe-ikzshj brxe-block testimonial_card bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">I chose Bricks Builder to power my web design agency because the builder is fast, intuitive, and incredibly flexible. I can build anything I need for my clients with Bricks. Dynamic data, custom interactions, query loops, it’s got it all! I absolutely love working with Bricks Builder!</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Aperture digital marketing owner headshot" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/aperture-digital-marketing-owner-photo-e1689846360976-150x150.jpg" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/aperture-digital-marketing-owner-photo-e1689846360976-150x150.jpg 150w, https://bricksbuilder.io/wp-content/uploads/2023/07/aperture-digital-marketing-owner-photo-e1689846360976-300x300.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/aperture-digital-marketing-owner-photo-e1689846360976.jpg 394w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">John Marino</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><a class="brxe-qlwcig brxe-text-link testimonial_author-title" href="https://aperturedigitalmarketing.com/cleveland/" rel="external" target="_blank" title="Visit John Marino's website">Aperture Digital Marketing</a></cite></div></footer></blockquote></div><div class="brxe-ikzshj brxe-block testimonial_card bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">To be able to use all these functions without needing additional tools to make it work inside Bricks Builder is worth its weight in gold.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Paul Charlton Headshot" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Paul-Charlton-150x150.jpeg" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Paul-Charlton-150x150.jpeg 150w, https://bricksbuilder.io/wp-content/uploads/2023/07/Paul-Charlton-300x300.jpeg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Paul-Charlton.jpeg 500w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Paul Charlton</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><a class="brxe-qlwcig brxe-text-link testimonial_author-title" href="https://wptuts.co.uk/" rel="external" target="_blank" title="Visit Paul Charlton's website">WPTuts</a></cite></div></footer></blockquote></div><div class="brxe-ikzshj brxe-block testimonial_card bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">Bricks fills the gap between dumbed-down, heavy, visual builders vs writing clean code from scratch. With Bricks I feel I have all the power of controlling my own clean CSS code, while having UI windows to organize it all visually.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Sean Sullivan headshot" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Sean-Sullivan-150x150.jpg" data-type="string" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Sean Sullivan</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"></cite></div></footer></blockquote></div><div class="brxe-ikzshj brxe-block testimonial_card bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">Bricks has solved all the problems I've had with any other WP builders I've tried. Excellent performance (both front and back end), really easy to use, a UI that hugely inspires me to design, a solid theme styling system, the ability to create any extended global styles I can think of, and native features that other tools require 3rd party plugins for.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Dave Foy headshot" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/dave-foy-150x150.jpg" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/dave-foy-150x150.jpg 150w, https://bricksbuilder.io/wp-content/uploads/2023/07/dave-foy-300x300.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/dave-foy.jpg 530w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Dave Foy</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><a class="brxe-qlwcig brxe-text-link testimonial_author-title" href="https://www.davefoy.com/" rel="external" target="_blank" title="Visit Dave Foy's website">Online educator and course creator</a></cite></div></footer></blockquote></div><div class="brxe-ikzshj brxe-block testimonial_card bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">Bricks Builder has revolutionized the way I create websites. Its performance, flexibility, and ease of use have elevated the quality of my work. The clean code output and excellent support make it a game-changer for web professionals. Highly recommended!</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/11/Niko-Alho-Muutos-Digital-150x150.png" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/11/Niko-Alho-Muutos-Digital-150x150.png 150w, https://bricksbuilder.io/wp-content/uploads/2023/11/Niko-Alho-Muutos-Digital.png 300w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Niko Alho </span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><a class="brxe-qlwcig brxe-text-link testimonial_author-title" href="https://muutosdigital.fi " rel="external" target="_blank" title="Visit Niko Alho 's website">Co-Founder & Technical SEO Specialist</a></cite></div></footer></blockquote></div><div class="brxe-ikzshj brxe-block testimonial_card bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">I’ve used every page builder for WordPress. I’ve recorded hundreds of hours of training videos teaching web design best practices with page builders. I’ve built sites for clients from $5k to $125k. I can say, with confidence, that Bricks Builder is #1 in the WordPress ecosystem right now. There’s no better option for building clean, scalable, maintainable, accessible websites. Buy it without hesitation.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Kevin Geary Headshot" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Kevin-headshot-e1690289089154-150x150.jpg" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Kevin-headshot-e1690289089154-150x150.jpg 150w, https://bricksbuilder.io/wp-content/uploads/2023/07/Kevin-headshot-e1690289089154-300x300.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Kevin-headshot-e1690289089154.jpg 722w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Kevin Geary</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><a class="brxe-qlwcig brxe-text-link testimonial_author-title" href="https://geary.co/" rel="external" target="_blank" title="Visit Kevin Geary's website">WordPress Entrepreneur & Educator</a></cite></div></footer></blockquote></div><div class="brxe-ikzshj brxe-block testimonial_card bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">Bricks creates extremely clean code and fast-loading sites. Due to its great feature set, Bricks is offering 100% flexibility on the dev side of things. For us as an agency, Bricks is a no-brainer and the most important tool in our web-dev toolkit!</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Michael Pucher headshot" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/MichaelPucher-scaled-e1689846048965-150x150.jpg" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/MichaelPucher-scaled-e1689846048965-150x150.jpg 150w, https://bricksbuilder.io/wp-content/uploads/2023/07/MichaelPucher-scaled-e1689846048965-300x300.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/MichaelPucher-scaled-e1689846048965.jpg 716w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Michael Pucher</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><a class="brxe-qlwcig brxe-text-link testimonial_author-title" href="https://beziehungsweise.cc/" rel="external" target="_blank" title="Visit Michael Pucher's website">Certified Digital Consultant</a></cite></div></footer></blockquote></div><div class="brxe-ikzshj brxe-block testimonial_card bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">After years of working with Elementor and Visual Composer, I decided to switch to Bricks. Performance and simplicity were key aspects to improve on my websites, and Bricks has definitely given me what I was after. Thanks to Bricks, my SEO efforts don´t get obscured by tons of lines of code that don´t do anything to my website but slow it down. </p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Gonzalo Fernández García headshot" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/07/Gonzalo-Fernandez-Garcia-150x150.jpg" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/07/Gonzalo-Fernandez-Garcia-150x150.jpg 150w, https://bricksbuilder.io/wp-content/uploads/2023/07/Gonzalo-Fernandez-Garcia-300x300.jpg 300w, https://bricksbuilder.io/wp-content/uploads/2023/07/Gonzalo-Fernandez-Garcia-768x768.jpg 768w, https://bricksbuilder.io/wp-content/uploads/2023/07/Gonzalo-Fernandez-Garcia.jpg 800w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Gonzalo Fernandez-Garcia</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><a class="brxe-qlwcig brxe-text-link testimonial_author-title" href="http://www.brincobrinco.com" rel="external" target="_blank" title="Visit Gonzalo Fernandez-Garcia's website">General Manager | brinco</a></cite></div></footer></blockquote></div><div class="brxe-ikzshj brxe-block testimonial_card bricks-lazy-hidden"><blockquote class="brxe-mvpgke brxe-div testimonial text bricks-lazy-hidden"><p class="brxe-ttsxoi brxe-text-basic testimonial_quote">What I love the most about Bricks is the query loop builder. It's rich in features and has the capability of querying taxonomies, and paired with Bricks dynamic data tags, it pushes the limits of what you can do with dynamic data.</p><footer class="brxe-pluccu brxe-div testimonial_author-meta bricks-lazy-hidden"><div class="brxe-arndqr brxe-div testimonial_author-avatar bricks-lazy-hidden"><img width="150" height="150" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%3E%3C/svg%3E" class="brxe-apwsja brxe-image testimonial_author-avatar-image css-filter size-thumbnail bricks-lazy-hidden" alt="Udoro 'Cracka' Essien Developer & YouTuber - Design with Cracka" decoding="async" data-src="https://bricksbuilder.io/wp-content/uploads/2023/08/Profile-pic-150x150.png" data-type="string" data-sizes="(max-width: 150px) 100vw, 150px" data-srcset="https://bricksbuilder.io/wp-content/uploads/2023/08/Profile-pic-150x150.png 150w, https://bricksbuilder.io/wp-content/uploads/2023/08/Profile-pic-300x300.png 300w, https://bricksbuilder.io/wp-content/uploads/2023/08/Profile-pic.png 761w" /></div><div class="brxe-echuhg brxe-div changelog_author-details bricks-lazy-hidden"><span class="brxe-ofdvwa brxe-text-basic testimonial_author-name">Udoro 'Cracka' Essien</span><cite class="brxe-psgxcs brxe-div testimonial_author-cite bricks-lazy-hidden"><span class="brxe-tyzuad brxe-text-basic testimonial_author-title">Developer & YouTuber, Design with Cracka</span></cite></div></footer></blockquote></div><div class="brx-query-trail" data-query-element-id="ikzshj" data-query-vars="{"post_type":["testimonial"],"orderby":"rand","meta_query":[{"key":"testimonial_type","value":"text"},{"key":"testimonial_quality","value":"4","compare":">="}],"posts_per_page":9,"randomSeedTtl":"30","post_status":"publish","paged":1}" data-original-query-vars="[]" data-page="1" data-max-pages="1" data-start="1" data-end="9"></div></div></div></section></main><footer id="brx-footer"><section class="brxe-section is-brand is-rounded bricks-lazy-hidden"><div class="brxe-container cta-row bricks-lazy-hidden"><div id="brxe-jwiigp" class="brxe-block gap-content bricks-lazy-hidden"><h2 class="brxe-heading">Ready to make your sites pop?</h2><p class="brxe-text-basic max-width-content-large">Experience Bricks and its capabilities yourself before purchasing it over at the free playground. Or become part of our community of passionate builders today by getting your own license and take your website building journey to the next level!</p></div><div id="brxe-ldiajh" class="brxe-div button_group bricks-lazy-hidden"><a id="brxe-otgrdn" class="brxe-button text-no-wrap bricks-button lg outline bricks-color-dark" href="https://try.bricksbuilder.io/" rel="external" target="_blank" title="Try Bricks for free" aria-label="Try Bricks for free">Try Bricks</a><a id="brxe-sziinq" class="brxe-button text-no-wrap bricks-button lg bricks-background-dark" href="https://bricksbuilder.io/pricing/">Get Bricks</a></div></div></section><section class="brxe-section footer is-rounded is-dark bricks-lazy-hidden"><div id="newsletter" class="brxe-container footer_cta-row bricks-lazy-hidden"><div class="brxe-div bricks-lazy-hidden"><h2 class="brxe-heading text-color-gray-25">Join our newsletter</h2><p class="brxe-text-basic">Occasional important updates straight to your inbox. No Spam.</p></div> <form data-script-id="urfowq" class="brxe-form footer_cta-form" method="post" data-element-id="urfowq"> <div class="form-group" role="group"> <input id="form-field-ff536f" name="form-field-b51034" aria-label="Email" type="email" value placeholder="Enter your email address" maxlength="320" required> </div> <div class="form-group captcha"><div id="turnstile-urfowq" class="cf-turnstile" data-sitekey="0x4AAAAAAANW70IRyydzURwe"></div></div> <div class="form-group submit-button-wrapper"> <button type="submit" class="bricks-button bricks-background-light"> <span class="text">Subscribe</span><span class="loading"><svg version="1.1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke-linecap="round" stroke-width="1" stroke="currentColor" fill="none" stroke-linejoin="round"><path d="M0.927,10.199l2.787,4.151l3.205,-3.838"></path><path d="M23.5,14.5l-2.786,-4.15l-3.206,3.838"></path><path d="M20.677,10.387c0.834,4.408 -2.273,8.729 -6.509,9.729c-2.954,0.699 -5.916,-0.238 -7.931,-2.224"></path><path d="M3.719,14.325c-1.314,-4.883 1.969,-9.675 6.538,-10.753c3.156,-0.747 6.316,0.372 8.324,2.641"></path></g><path fill="none" d="M0,0h24v24h-24Z"></path></svg> </span> </button> </div> </form> </div><div class="brxe-container footer_row grid-auto-5 align-items-start bricks-lazy-hidden"><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Features</span><div id="brxe-bqkhji" data-script-id="bqkhji" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-features" class="bricks-nav-menu"><li id="menu-item-1389" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1389 bricks-menu-item"><a href="https://bricksbuilder.io/builder/">Builder</a></li> <li id="menu-item-1390" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1390 bricks-menu-item"><a href="https://bricksbuilder.io/design/">Design</a></li> <li id="menu-item-1391" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1391 bricks-menu-item"><a href="https://bricksbuilder.io/dynamic-data/">Dynamic Data</a></li> <li id="menu-item-1392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1392 bricks-menu-item"><a href="https://bricksbuilder.io/performance-seo/">Performance & SEO</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Resources</span><div id="brxe-lxypwi" data-script-id="lxypwi" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-resources" class="bricks-nav-menu"><li id="menu-item-1393" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1393 bricks-menu-item"><a href="https://academy.bricksbuilder.io/">Academy</a></li> <li id="menu-item-1394" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1394 bricks-menu-item"><a href="https://forum.bricksbuilder.io">Forum</a></li> <li id="menu-item-1395" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1395 bricks-menu-item"><a href="https://www.youtube.com/@bricksbuilder">YouTube</a></li> <li id="menu-item-1396" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1396 bricks-menu-item"><a href="https://www.facebook.com/groups/brickscommunity">Facebook</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Product</span><div id="brxe-ozioha" data-script-id="ozioha" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-product" class="bricks-nav-menu"><li id="menu-item-1397" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1397 bricks-menu-item"><a href="https://bricksbuilder.io/pricing/">Pricing</a></li> <li id="menu-item-9579" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9579 bricks-menu-item"><a href="https://bricksbuilder.io/roadmap/">Roadmap</a></li> <li id="menu-item-9581" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9581 bricks-menu-item"><a href="https://bricksbuilder.io/changelog/">Changelog</a></li> <li id="menu-item-9580" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9580 bricks-menu-item"><a href="https://bricksbuilder.io/ideas/">Idea board</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Company</span><div id="brxe-xvhhiy" data-script-id="xvhhiy" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-company" class="bricks-nav-menu"><li id="menu-item-2490" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-2490 bricks-menu-item"><a href="https://bricksbuilder.io/contact/">Contact</a></li> <li id="menu-item-1403" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1403 bricks-menu-item"><a href="https://bricksbuilder.io/affiliate-program/">Affiliate Program</a></li> <li id="menu-item-1404" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-1404 bricks-menu-item"><a href="https://bricksbuilder.io/bricks-builder-brand-assets.zip">Media Kit</a></li> </ul></nav></div></div><div class="brxe-div bricks-lazy-hidden"><span class="brxe-text-basic text-weight-semibold text-color-gray-400">Legal</span><div id="brxe-imcksj" data-script-id="imcksj" class="brxe-nav-menu footer_nav"><nav class="bricks-nav-menu-wrapper never"><ul id="menu-legal" class="bricks-nav-menu"><li id="menu-item-4032" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4032 bricks-menu-item"><a href="https://bricksbuilder.io/terms-of-service/">Terms of Service</a></li> <li id="menu-item-1409" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-1409 bricks-menu-item"><a href="https://bricksbuilder.io/privacy-policy/">Privacy Policy</a></li> </ul></nav></div></div></div><div class="brxe-container footer_row align-items-center bricks-lazy-hidden"><svg class="brxe-svg" id="brxe-feyghe" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="512px" height="512px" viewBox="0 0 512 512" version="1.1"><title>bricks-favicon-512x512</title><desc>Created with Sketch.</desc><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><image id="bricks-favicon-512x512" x="0" y="0" width="512" height="512" xlink:href="data:image/png;base64,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Im0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjDRQABBBBAwIQAAcCEIm0ggAACCCDgmQABwLOCMVwEEEAAAQRMCBAATCjSBgIIIIAAAp4JEAA8KxjD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QAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7AgQAd2rBSBBAAAEEELAmQACwRk1HCCCAAAIIuCNAAHCnFowEAQQQQAABawIEAGvUdIQAAggggIA7Av8PjxaSor/Tn1YAAAAASUVORK5CYII="></image></g></svg><div class="brxe-text-basic">© 2025 Bricks. All rights reserved.</div><div class="brxe-block footer_social-icons bricks-lazy-hidden"><a href="https://www.facebook.com/groups/brickscommunity" rel="external" target="_blank" title="Join the Bricks Facebook Group" aria-label="Join the Bricks Facebook Group"><svg class="fill brxe-icon footer_social-icon" id="brxe-xldsps" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M59.5 1h-55C2.5 1 1 2.6 1 4.5v55c0 2 1.6 3.5 3.5 3.5h29.6V38.9h-8v-9.3h8v-6.9c0-8 4.8-12.4 12-12.4 2.4 0 4.8.1 7.2.4V19h-4.8c-3.8 0-4.6 1.8-4.6 4.5v5.9H53l-1.3 9.4h-8v23.8h15.8c2 0 3.5-1.5 3.5-3.5V4.5c-.1-2-1.7-3.5-3.5-3.5Z"></path></svg></a><a href="https://www.youtube.com/@bricksbuilder" rel="external" target="_blank" title="Subscribe to the Bricks YouTube Channel" aria-label="Subscribe to the Bricks YouTube Channel"><svg class="fill brxe-icon footer_social-icon" id="brxe-fffdyu" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M61.7 17.1c-.7-2.7-2.8-4.8-5.5-5.5-4.8-1.3-24.2-1.3-24.2-1.3s-19.4 0-24.2 1.3c-2.7.7-4.8 2.8-5.5 5.5C1 22 1 32 1 32s0 10.1 1.3 14.9c.7 2.7 2.8 4.8 5.5 5.5 4.8 1.3 24.2 1.3 24.2 1.3s19.4 0 24.2-1.3c2.7-.7 4.8-2.8 5.5-5.5C63 42.1 63 32 63 32s0-10-1.3-14.9ZM25.8 41.3V22.7L41.9 32l-16.1 9.3Z"></path></svg></a></div></div></section></footer><link rel='stylesheet' id='bricks-prettify-css' href='https://bricksbuilder.io/wp-content/themes/bricks/assets/css/libs/prettify.min.css?ver=1741251946' media='all' /> <script id="bricks-scripts-js-extra"> var bricksData = {"debug":"","locale":"en_US","ajaxUrl":"https:\/\/bricksbuilder.io\/wp-admin\/admin-ajax.php","restApiUrl":"https:\/\/bricksbuilder.io\/wp-json\/bricks\/v1\/","nonce":"827ff3aea4","formNonce":"1603835c28","wpRestNonce":"e4715ef783","postId":"1312","recaptchaIds":[],"animatedTypingInstances":[],"videoInstances":[],"splideInstances":[],"tocbotInstances":[],"swiperInstances":[],"queryLoopInstances":[],"interactions":[],"filterInstances":[],"isotopeInstances":[],"mapStyles":{"ultraLightWithLabels":{"label":"Ultra light with labels","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#e9e9e9\" }, { \"lightness\": 17 } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f5f5f5\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 17 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 29 }, { \"weight\": 0.2 } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 18 } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"lightness\": 16 } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f5f5f5\" }, { \"lightness\": 21 } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#dedede\" }, { \"lightness\": 21 } ] }, { \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#ffffff\" }, { \"lightness\": 16 } ] }, { \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"saturation\": 36 }, { \"color\": \"#333333\" }, { \"lightness\": 40 } ] }, { \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f2f2f2\" }, { \"lightness\": 19 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#fefefe\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#fefefe\" }, { \"lightness\": 17 }, { \"weight\": 1.2 } ] } ]"},"blueWater":{"label":"Blue water","style":"[ { \"featureType\": \"administrative\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#444444\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#f2f2f2\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"all\", \"stylers\": [ { \"saturation\": -100 }, { \"lightness\": 45 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#46bcec\" }, { \"visibility\": \"on\" } ] } ]"},"lightDream":{"label":"Light dream","style":"[ { \"featureType\": \"landscape\", \"stylers\": [ { \"hue\": \"#FFBB00\" }, { \"saturation\": 43.400000000000006 }, { \"lightness\": 37.599999999999994 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.highway\", \"stylers\": [ { \"hue\": \"#FFC200\" }, { \"saturation\": -61.8 }, { \"lightness\": 45.599999999999994 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.arterial\", \"stylers\": [ { \"hue\": \"#FF0300\" }, { \"saturation\": -100 }, { \"lightness\": 51.19999999999999 }, { \"gamma\": 1 } ] }, { \"featureType\": \"road.local\", \"stylers\": [ { \"hue\": \"#FF0300\" }, { \"saturation\": -100 }, { \"lightness\": 52 }, { \"gamma\": 1 } ] }, { \"featureType\": \"water\", \"stylers\": [ { \"hue\": \"#0078FF\" }, { \"saturation\": -13.200000000000003 }, { \"lightness\": 2.4000000000000057 }, { \"gamma\": 1 } ] }, { \"featureType\": \"poi\", \"stylers\": [ { \"hue\": \"#00FF6A\" }, { \"saturation\": -1.0989010989011234 }, { \"lightness\": 11.200000000000017 }, { \"gamma\": 1 } ] } ]"},"blueEssence":{"label":"Blue essence","style":"[ { \"featureType\": \"landscape.natural\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#e0efef\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"on\" }, { \"hue\": \"#1900ff\" }, { \"color\": \"#c0e8e8\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry\", \"stylers\": [ { \"lightness\": 100 }, { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"transit.line\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 700 } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#7dcdcd\" } ] } ]"},"appleMapsesque":{"label":"Apple maps-esque","style":"[ { \"featureType\": \"landscape.man_made\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#f7f1df\" } ] }, { \"featureType\": \"landscape.natural\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#d0e3b4\" } ] }, { \"featureType\": \"landscape.natural.terrain\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.business\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.medical\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#fbd3da\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#bde6ab\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffe15f\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"color\": \"#efd151\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#ffffff\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"black\" } ] }, { \"featureType\": \"transit.station.airport\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#cfb2db\" } ] }, { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#a2daf2\" } ] } ]"},"paleDawn":{"label":"Pale dawn","style":"[ { \"featureType\": \"administrative\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 33 } ] }, { \"featureType\": \"landscape\", \"elementType\": \"all\", \"stylers\": [ { \"color\": \"#f2e5d4\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#c5dac6\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"on\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road\", \"elementType\": \"all\", \"stylers\": [ { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#c5c6c6\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#e4d7c6\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#fbfaf7\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#acbcc9\" } ] } ]"},"neutralBlue":{"label":"Neutral blue","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#193341\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#2c5a71\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#29768a\" }, { \"lightness\": -37 } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#406d80\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#406d80\" } ] }, { \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#3e606f\" }, { \"weight\": 2 }, { \"gamma\": 0.84 } ] }, { \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#ffffff\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry\", \"stylers\": [ { \"weight\": 0.6 }, { \"color\": \"#1a3541\" } ] }, { \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#2c5a71\" } ] } ]"},"avocadoWorld":{"label":"Avocado world","style":"[ { \"featureType\": \"water\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#aee2e0\" } ] }, { \"featureType\": \"landscape\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#abce83\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#769E72\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#7B8758\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#EBF4A4\" } ] }, { \"featureType\": \"poi.park\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"simplified\" }, { \"color\": \"#8dab68\" } ] }, { \"featureType\": \"road\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#5B5B3F\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#ABCE83\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels.icon\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#A4C67D\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#9BBF72\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"color\": \"#EBF4A4\" } ] }, { \"featureType\": \"transit\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.stroke\", \"stylers\": [ { \"visibility\": \"on\" }, { \"color\": \"#87ae79\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"geometry.fill\", \"stylers\": [ { \"color\": \"#7f2200\" }, { \"visibility\": \"off\" } ] }, { \"featureType\": \"administrative\", \"elementType\": \"labels.text.stroke\", \"stylers\": [ { \"color\": \"#ffffff\" }, { \"visibility\": \"on\" }, { \"weight\": 4.1 } ] }, { \"featureType\": \"administrative\", \"elementType\": \"labels.text.fill\", \"stylers\": [ { \"color\": \"#495421\" } ] }, { \"featureType\": \"administrative.neighborhood\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] } ]"},"gowalla":{"label":"Gowalla","style":"[ { \"featureType\": \"administrative.land_parcel\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"landscape.man_made\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"poi\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" }, { \"lightness\": 20 } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"geometry\", \"stylers\": [ { \"hue\": \"#f49935\" } ] }, { \"featureType\": \"road.highway\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"geometry\", \"stylers\": [ { \"hue\": \"#fad959\" } ] }, { \"featureType\": \"road.arterial\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"geometry\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"road.local\", \"elementType\": \"labels\", \"stylers\": [ { \"visibility\": \"simplified\" } ] }, { \"featureType\": \"transit\", \"elementType\": \"all\", \"stylers\": [ { \"visibility\": \"off\" } ] }, { \"featureType\": \"water\", \"elementType\": \"all\", \"stylers\": [ { \"hue\": \"#a1cdfc\" }, { \"saturation\": 30 }, { \"lightness\": 49 } ] } ]"}},"facebookAppId":"","headerPosition":"top","offsetLazyLoad":"300","baseUrl":"https:\/\/bricksbuilder.io\/","useQueryFilter":"1","pageFilters":[],"language":"","wpmlUrlFormat":"","multilangPlugin":"","i18n":{"openAccordion":"Open accordion","openMobileMenu":"Open mobile menu","closeMobileMenu":"Close mobile menu","showPassword":"Show password","hidePassword":"Hide password","prevSlide":"Previous slide","nextSlide":"Next slide","firstSlide":"Go to first slide","lastSlide":"Go to last slide","slideX":"Go to slide %s","play":"Start autoplay","pause":"Pause autoplay","splide":{"carousel":"carousel","select":"Select a slide to show","slide":"slide","slideLabel":"%1$s of %2$s"},"swiper":{"slideLabelMessage":"{{index}} \/ {{slidesLength}}"}},"selectedFilters":[],"filterNiceNames":[]}; </script> <script src="https://bricksbuilder.io/wp-content/themes/bricks/assets/js/bricks.min.js?ver=1741251946" id="bricks-scripts-js"></script> <script src="https://bricksbuilder.io/wp-content/themes/bricks/assets/js/libs/prettify.min.js?ver=6.7.2" id="bricks-prettify-js"></script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?ver=1" id="bricks-turnstile-js"></script> <script> // Function to update the CSS variable with the height of #brx-header function updateHeaderHeight() { const header = document.querySelector('#brx-header'); if (header) { const headerHeight = header.offsetHeight; document.body.style.setProperty('--brx-header-height', `${headerHeight}px`); } } // Function to handle video playback and fullscreen events function handleVideos() { if (window.matchMedia('(min-width: 768px)').matches) { const videos = document.querySelectorAll('.brxe-video video'); videos.forEach(video => { video.play(); // Add an event listener for the fullscreenchange event video.addEventListener("fullscreenchange", () => { if (document.fullscreenElement === video) { video.style.objectFit = "contain"; } else { video.style.objectFit = "cover"; } }); // For better cross-browser compatibility video.addEventListener("webkitfullscreenchange", () => { if (document.webkitFullscreenElement === video) { video.style.objectFit = "contain"; } else { video.style.objectFit = "cover"; } }); }); } } // On window load window.addEventListener('load', () => { handleVideos(); updateHeaderHeight(); }); // Update the height on window resize window.addEventListener('resize', updateHeaderHeight); </script> </body></html>