Profile Picture
Julian Galluzzo

Responsive Floating Navbar

A clean navbar which floats over the screen. Paste this in a Bricks header template.
Copy component
Download JSON
{"content":[{"id":"hqfekp","name":"block","parent":0,"children":["nrtsyu"],"settings":{"_cssGlobalClasses":["kkp5xs"]},"label":"Nav"},{"id":"nrtsyu","name":"container","parent":"hqfekp","children":["neicke"],"settings":{"_cssGlobalClasses":["rgxkny"]}},{"id":"neicke","name":"nav-nested","parent":"nrtsyu","children":["rnodbj","zgokgk"],"settings":{"_cssGlobalClasses":["hy2m2j"],"mobileMenuJustifyContent:mobile_landscape":"flex-start"},"label":"Wrapper"},{"id":"rnodbj","name":"block","parent":"neicke","children":["qhuych","krgjgr"],"settings":{"_cssGlobalClasses":["xlkmwd"]},"label":"Desktop"},{"id":"qhuych","name":"image","parent":"rnodbj","children":[],"settings":{"image":{"id":168,"filename":"memberstack-logo.svg","size":"full","full":"https://memberstack.local/wp-content/uploads/2025/03/memberstack-logo.svg","url":"https://memberstack.local/wp-content/uploads/2025/03/memberstack-logo.svg"},"_cssGlobalClasses":["iuttrl"],"link":"url","url":{"type":"internal","postId":"10"}}},{"id":"krgjgr","name":"block","parent":"rnodbj","children":["felgvn","fvbylk","spwrda","zwmvrq","hsjkur","gmeuoj","hocsvi"],"settings":{"tag":"ul","_hidden":{"_cssClasses":"brx-nav-nested-items"},"_cssGlobalClasses":["xzp6o4"]},"label":"Items","cloneable":false,"deletable":false},{"id":"felgvn","name":"toggle","parent":"krgjgr","children":[],"settings":{"_hidden":{"_cssClasses":"brx-toggle-div"},"_cssGlobalClasses":["9zy0ij"],"icon":{"library":"ionicons","icon":"ion-md-close"}},"label":"Toggle Close"},{"id":"fvbylk","name":"text-link","parent":"krgjgr","children":[],"settings":{"text":"Pricing","link":{"type":"internal","url":"#","postId":"206"},"_cssGlobalClasses":["2c3c3f"]},"label":"Link"},{"id":"spwrda","name":"text-link","parent":"krgjgr","children":[],"settings":{"text":"Features","link":{"type":"internal","url":"#","postId":"393"},"_cssGlobalClasses":["2c3c3f"]},"label":"Link"},{"id":"zwmvrq","name":"text-link","parent":"krgjgr","children":[],"settings":{"text":"Blog","link":{"type":"internal","url":"#","postId":"445"},"_cssGlobalClasses":["2c3c3f"]},"label":"Link"},{"id":"hsjkur","name":"text-link","parent":"krgjgr","children":[],"settings":{"text":"For Webflow","link":{"type":"external","url":"https://www.memberstack.com/","newTab":true},"_cssGlobalClasses":["2c3c3f"]},"label":"Link"},{"id":"gmeuoj","name":"text-link","parent":"krgjgr","children":[],"settings":{"text":"Login","link":{"type":"external","url":"#"},"_cssGlobalClasses":["2c3c3f"]},"label":"Link"},{"id":"hocsvi","name":"button","parent":"krgjgr","children":[],"settings":{"text":"Sign up","style":"primary","_cssGlobalClasses":["grgqgk","nfnylh"]}},{"id":"zgokgk","name":"toggle","parent":"neicke","children":[],"settings":{"_cssGlobalClasses":["fvnoc7"],"icon":{"library":"ionicons","icon":"ion-md-menu"}},"label":"Toggle Open"}],"source":"bricksCopiedElements","sourceUrl":"https://memberstack.local","version":"1.12.3","globalClasses":[{"id":"kkp5xs","name":"nav","settings":{"_padding":{"left":"45","right":"45"},"_padding:mobile_landscape":{"left":"36","right":"36"},"_padding:mobile_portrait":{"left":"24","right":"24"}},"modified":1741682880,"user_id":1},{"id":"rgxkny","name":"nav__container","settings":{"_padding":{"top":"15","bottom":"15"}},"modified":1741681952,"user_id":1},{"id":"hy2m2j","name":"nav__wrapper","settings":{"_width":"100%","_padding":{"bottom":"15","top":"15","right":"20","left":"20"},"_background":{"color":{"id":"acss_import_white-trans-80","name":"white-trans-80","raw":"var(--white-trans-80)"}},"_border":{"radius":{"top":"20","right":"20","bottom":"20","left":"20"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"var(--border--base)"}},"_boxShadow":{"values":{"offsetY":"5","blur":"10"},"color":{"id":"acss_import_black-trans-10","name":"black-trans-10","raw":"var(--black-trans-10)"}},"_cssCustom":".nav__wrapper {\n backdrop-filter: blur(10px);\n}"},"modified":1741683598,"user_id":1},{"id":"xlkmwd","name":"nav__desktop","settings":{"_direction":"row","_justifyContent":"space-between","_alignItems":"center"},"modified":1741681952,"user_id":1},{"id":"iuttrl","name":"nav__logo","settings":{"_height":"40"},"modified":1741700962,"user_id":1},{"id":"xzp6o4","name":"nav__items","settings":{"_justifyContent":"flex-end","_columnGap":"20","_padding:mobile_landscape":{"right":"36","left":"36","bottom":"25","top":"100"},"_justifyContent:mobile_landscape":"flex-start","_rowGap:mobile_landscape":"20"},"modified":1741681952,"user_id":1},{"id":"9zy0ij","name":"nav__toggle-close","settings":{"_position:mobile_landscape":"absolute","_top:mobile_landscape":"36","_right:mobile_landscape":"36","iconSize:mobile_landscape":"35"}},{"id":"2c3c3f","name":"nav__link","settings":{"_typography":{"font-size":"15","font-weight":"600","color":{"id":"acss_import_black","name":"black","raw":"var(--black)"},"line-height":"2"},"_typography:hover":{"color":{"id":"acss_import_primary","name":"primary","raw":"var(--primary)"}},"_cssTransition":"0.2s","_margin:mobile_landscape":{"bottom":"25"}},"modified":1741681952,"user_id":1},{"id":"grgqgk","name":"button","settings":{"_padding":{"bottom":"12","top":"12","left":"22","right":"22"},"_cssCustom":".button {\n box-shadow: \n 0 4px 6px rgba(0, 0, 0, 0.1), /* Outer shadow */\n inset 0 2px 5px rgba(255, 255, 255, 0.3), /* Light inner shadow at the top */\n inset 0 -2px 5px rgba(0, 0, 0, 0.3); /* Dark inner shadow at the bottom */\n}","_background:hover":{"color":{"id":"acss_import_primary-semi-dark","name":"primary-semi-dark","raw":"var(--primary-semi-dark)"}},"_cssTransition":"0.2s","_background":{"color":{"id":"acss_import_primary","name":"primary","raw":"var(--primary)"}},"_typography":{"font-weight":"600","letter-spacing":"-0.5"},"_transform:hover":{"scaleX":"1.05","scaleY":"1.05"}},"modified":1741686006,"user_id":1},{"id":"nfnylh","name":"button--nav","settings":{"_typography":{"font-size":"15"}}},{"id":"fvnoc7","name":"nav__toggle-open","settings":{"iconSize:mobile_landscape":"35"}}],"globalElements":[]}

Similar components

Profile Picture
Zoltan Zsamboki

TE-section-Header_75

Client First Component
View now
Copy now
{ "content": [ { "id": "ztklof", "name": "heading", "parent": "tpsoui", "children": [], "settings": { "text": "Medium length hero heading goes here", "tag": "h1", "_cssGlobalClasses": [ "mrfggnxw" ] } }, { "id": "hvvnin", "name": "block", "parent": "tpsoui", "children": [], "settings": { "_cssGlobalClasses": [ "qpyjgedr" ] } }, { "id": "gyuhor", "name": "text-basic", "parent": "tpsoui", "children": [], "settings": { "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.", "tag": "p", "_cssGlobalClasses": [ "hzawzqiv" ] } }, { "id": "kkbabs", "name": "block", "parent": "tpsoui", "children": [], "settings": { "_cssGlobalClasses": [ "nlmvphvd" ] } }, { "id": "hricpn", "name": "button", "parent": "aidtbv", "children": [], "settings": { "text": "Button", "tag": "a", "style": "primary", "link": { "type": "external", "url": "#" }, "_cssGlobalClasses": [ "hzwjakto" ] } }, { "id": "dlpelh", "name": "button", "parent": "aidtbv", "children": [], "settings": { "text": "Button", "tag": "a", "style": "primary", "link": { "type": "external", "url": "#" }, "_cssGlobalClasses": [ "hzwjakto", "edoieiwq" ] } }, { "id": "aidtbv", "name": "block", "parent": "tpsoui", "children": [ "hricpn", "dlpelh" ], "settings": { "_cssGlobalClasses": [ "gnugotce", "mxysikdo" ] } }, { "id": "tpsoui", "name": "block", "parent": "fcufnq", "children": [ "ztklof", "hvvnin", "gyuhor", "kkbabs", "aidtbv" ], "settings": { "_cssGlobalClasses": [ "xoholkbd", "wlcrxsjn" ] } }, { "id": "fcufnq", "name": "block", "parent": "lekfpy", "children": [ "tpsoui" ], "settings": { "_cssGlobalClasses": [ "nmbhjrnv" ] } }, { "id": "lekfpy", "name": "block", "parent": "advdjw", "children": [ "fcufnq" ], "settings": { "_cssGlobalClasses": [ "ijcqbuwu" ] } }, { "id": "ybskqy", "name": "image", "parent": "ebafqo", "children": [], "settings": { "tag": "figure", "image": { "url": "https://uploads-ssl.webflow.com/624380709031623bfe4aee60/6243807090316216244aee67_PlaceholderVideo-Landscape.svg", "external": true }, "_cssGlobalClasses": [ "ojqsbrtn" ] } }, { "id": "zkzaqk", "name": "svg", "parent": "lsproz", "children": [], "settings": { "source": "code", "code": "\n\n", "_cssGlobalClasses": [ "szqnyzcq" ] } }, { "id": "lsproz", "name": "block", "parent": "ebafqo", "children": [ "zkzaqk" ], "settings": { "_cssGlobalClasses": [ "htcdwvfj" ] } }, { "id": "xwljgt", "name": "block", "parent": "ebafqo", "children": [], "settings": { "_cssGlobalClasses": [ "exxsedhv" ] } }, { "id": "ebafqo", "name": "div", "parent": "evflph", "children": [ "ybskqy", "lsproz", "xwljgt" ], "settings": { "_cssGlobalClasses": [ "roraurti" ] } }, { "id": "evflph", "name": "block", "parent": "advdjw", "children": [ "ebafqo" ], "settings": { "_cssGlobalClasses": [ "eaecqhmw" ] } }, { "id": "rjqtzq", "name": "block", "parent": "advdjw", "children": [], "settings": { "_cssGlobalClasses": [ "pyegpxtr" ] } }, { "id": "advdjw", "name": "block", "parent": "blttfr", "children": [ "lekfpy", "evflph", "rjqtzq" ], "settings": { "_cssGlobalClasses": [ "udloxwtg" ] } }, { "id": "blttfr", "name": "block", "parent": "tgskpg", "children": [ "advdjw" ], "settings": { "_cssGlobalClasses": [ "mznhcctf" ] } }, { "id": "tgskpg", "name": "block", "parent": "igsrev", "children": [ "blttfr" ], "settings": { "_cssGlobalClasses": [ "liifplmi" ] } }, { "id": "igsrev", "name": "block", "parent": 0, "children": [ "tgskpg" ], "settings": { "_cssGlobalClasses": [ "glrsnysk" ] } } ], "source": "bricksCopiedElements", "sourceUrl": "converted-from-webflow", "version": "2.3.2", "globalClasses": [ { "id": "glrsnysk", "name": "section_header75", "settings": {}, "_exists": false }, { "id": "liifplmi", "name": "padding-global", "settings": { "_padding": { "right": "5%", "left": "5%" } }, "_exists": false }, { "id": "mznhcctf", "name": "container-large", "settings": { "_width": "100%", "_widthMax": "80rem", "_margin": { "right": "auto", "left": "auto" } }, "_exists": false }, { "id": "udloxwtg", "name": "header75_component", "settings": { "_position": "relative", "_display": "flex", "_direction": "column" }, "_exists": false }, { "id": "ijcqbuwu", "name": "header75_content", "settings": { "_position": "sticky", "_zIndex": "0", "_display": "flex", "_widthMax": "48rem", "_justifyContent": "center", "_alignItems": "center", "_padding": { "top": "7rem", "bottom": "7rem" }, "_margin": { "right": "auto", "left": "auto" }, "_padding:tablet_portrait": { "top": "6rem", "bottom": "6rem" }, "_padding:mobile_landscape": { "top": "4rem", "bottom": "4rem" } }, "_exists": false }, { "id": "nmbhjrnv", "name": "text-align-center", "settings": { "_typography": { "text-align": "center" } }, "_exists": false }, { "id": "xoholkbd", "name": "max-width-xlarge", "settings": { "_width": "100%", "_widthMax": "64rem" }, "_exists": false }, { "id": "wlcrxsjn", "name": "align-center", "settings": {}, "_exists": false }, { "id": "mrfggnxw", "name": "heading-style-h1", "settings": { "_typography": { "font-size": "3.5rem", "line-height": "1.2", "font-weight": "700" }, "_typography:mobile_landscape": { "font-size": "2.5rem" }, "_typography:tablet_portrait": { "font-size": "3.25rem" } }, "_exists": false }, { "id": "qpyjgedr", "name": "spacer-small", "settings": { "_width": "100%", "_padding": { "top": "1.5rem" }, "_padding:mobile_landscape": { "top": "1.25rem" } }, "_exists": false }, { "id": "hzawzqiv", "name": "text-size-medium", "settings": { "_typography": { "font-size": "1.125rem" }, "_typography:mobile_landscape": { "font-size": "1rem" } }, "_exists": false }, { "id": "nlmvphvd", "name": "spacer-medium", "settings": { "_width": "100%", "_padding": { "top": "2rem" }, "_padding:mobile_landscape": { "top": "1.5rem" } }, "_exists": false }, { "id": "gnugotce", "name": "button-group", "settings": { "_display": "flex", "_flexWrap": "wrap", "_alignItems": "center", "_columnGap": "1rem", "_rowGap": "1rem" }, "_exists": false }, { "id": "mxysikdo", "name": "is-center", "settings": { "_justifyContent": "center" }, "_exists": false }, { "id": "hzwjakto", "name": "button", "settings": { "_padding": { "top": "0.75rem", "right": "1.5rem", "bottom": "0.75rem", "left": "1.5rem" }, "_typography": { "color": { "hex": "#ffffff", "id": "REPLACE_ME", "name": "White" }, "text-align": "center" }, "_background": { "color": { "hex": "#000000", "id": "REPLACE_ME", "name": "Primary Color" } } }, "_exists": false }, { "id": "edoieiwq", "name": "is-secondary", "settings": { "_typography": { "color": { "hex": "#000000", "id": "REPLACE_ME", "name": "Primary Color" } } }, "_exists": false }, { "id": "eaecqhmw", "name": "header75_content-bottom", "settings": { "_position": "sticky", "_zIndex": "1", "_display": "flex", "_direction": "column", "_justifyContent": "flex-start", "_justifyContent:tablet_portrait": "center" }, "_exists": false }, { "id": "roraurti", "name": "header75_lightbox", "settings": { "_position": "relative", "_display": "flex", "_width": "100%", "_justifyContent": "center", "_alignItems": "center" }, "_exists": false }, { "id": "ojqsbrtn", "name": "header75_lightbox-image", "settings": { "_width": "100%", "_objectFit": "cover" }, "_exists": false }, { "id": "htcdwvfj", "name": "lightbox-play-icon", "settings": { "_position": "absolute", "_zIndex": "2", "_display": "flex", "_justifyContent": "center", "_alignItems": "center", "_typography": { "color": { "hex": "#ffffff", "id": "REPLACE_ME", "name": "White" } } }, "_exists": false }, { "id": "szqnyzcq", "name": "icon-embed-large", "settings": { "_display": "flex", "_width": "5rem", "_direction": "column", "_justifyContent": "center", "_alignItems": "center" }, "_exists": false }, { "id": "exxsedhv", "name": "video-overlay-layer", "settings": { "_position": "absolute", "_zIndex": "1", "_background": { "color": { "hex": "#000000", "id": "REPLACE_ME", "name": "Primary Color" } } }, "_exists": false }, { "id": "pyegpxtr", "name": "header75_ix-trigger", "settings": { "_position": "absolute", "_zIndex": "-1", "_margin": { "top": "100vh" } }, "_exists": false } ] }
Profile Picture
Zoltan Zsamboki

TE-section-Header_7

Client First Component
View now
Copy now
{ "content": [ { "id": "bztcsx", "name": "heading", "parent": "rnbnse", "children": [], "settings": { "text": "Medium length hero heading goes here", "tag": "h1", "_cssGlobalClasses": [ "qilifcek" ] } }, { "id": "haqiez", "name": "block", "parent": "rnbnse", "children": [], "settings": { "_cssGlobalClasses": [ "kojdpiyp" ] } }, { "id": "luuwnv", "name": "text-basic", "parent": "rnbnse", "children": [], "settings": { "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.", "tag": "p", "_cssGlobalClasses": [ "kqxixqrq" ] } }, { "id": "qmztph", "name": "block", "parent": "rnbnse", "children": [], "settings": { "_cssGlobalClasses": [ "girwzljf" ] } }, { "id": "lhnwmw", "name": "button", "parent": "veyryw", "children": [], "settings": { "text": "Button", "tag": "a", "style": "primary", "link": { "type": "external", "url": "#" }, "_cssGlobalClasses": [ "vqpmgurn", "dcadtzpa" ] } }, { "id": "nbtbxo", "name": "button", "parent": "veyryw", "children": [], "settings": { "text": "Button", "tag": "a", "style": "primary", "link": { "type": "external", "url": "#" }, "_cssGlobalClasses": [ "vqpmgurn", "qxvsuyqe", "pijvvjnl" ] } }, { "id": "veyryw", "name": "block", "parent": "rnbnse", "children": [ "lhnwmw", "nbtbxo" ], "settings": { "_cssGlobalClasses": [ "rtlybbxp" ] } }, { "id": "rnbnse", "name": "block", "parent": "tjjvwp", "children": [ "bztcsx", "haqiez", "luuwnv", "qmztph", "veyryw" ], "settings": { "_cssGlobalClasses": [ "vsxogvzg" ] } }, { "id": "tjjvwp", "name": "block", "parent": "kvwtix", "children": [ "rnbnse" ], "settings": { "_cssGlobalClasses": [ "hmcejxli" ] } }, { "id": "kvwtix", "name": "block", "parent": "qxzpqx", "children": [ "tjjvwp" ], "settings": { "_cssGlobalClasses": [ "ilbsimmr" ] } }, { "id": "qxzpqx", "name": "block", "parent": "ohyztg", "children": [ "kvwtix" ], "settings": { "_cssGlobalClasses": [ "vnnooueq" ] } }, { "id": "ohyztg", "name": "block", "parent": "objift", "children": [ "qxzpqx" ], "settings": { "_cssGlobalClasses": [ "iqoasjvk" ] } }, { "id": "wbgnpb", "name": "block", "parent": "cfkudi", "children": [], "settings": { "_cssGlobalClasses": [ "kdbkwzdu" ] } }, { "id": "dwhaus", "name": "block", "parent": "cfkudi", "children": [], "settings": { "_cssGlobalClasses": [ "btbebwwq" ] } }, { "id": "cfkudi", "name": "block", "parent": "objift", "children": [ "wbgnpb", "dwhaus" ], "settings": { "_cssGlobalClasses": [ "imhevdpv" ] } }, { "id": "objift", "name": "block", "parent": 0, "children": [ "ohyztg", "cfkudi" ], "settings": { "_cssGlobalClasses": [ "uniedvjt", "tylhjiaw" ] } } ], "source": "bricksCopiedElements", "sourceUrl": "converted-from-webflow", "version": "2.3.2", "globalClasses": [ { "id": "uniedvjt", "name": "section_header7", "settings": { "_position": "relative" }, "_exists": false }, { "id": "tylhjiaw", "name": "text-color-white", "settings": {}, "_exists": false }, { "id": "iqoasjvk", "name": "padding-global", "settings": { "_padding": { "right": "5%", "left": "5%" } }, "_exists": false }, { "id": "vnnooueq", "name": "container-large", "settings": { "_width": "100%", "_widthMax": "80rem", "_margin": { "right": "auto", "left": "auto" } }, "_exists": false }, { "id": "ilbsimmr", "name": "header7_content", "settings": { "_position": "relative", "_zIndex": "1", "_display": "flex", "_alignItems": "center" }, "_exists": false }, { "id": "hmcejxli", "name": "padding-section-large", "settings": { "_padding": { "top": "7rem", "bottom": "7rem" }, "_padding:tablet_portrait": { "top": "6rem", "bottom": "6rem" }, "_padding:mobile_landscape": { "top": "4rem", "bottom": "4rem" } }, "_exists": false }, { "id": "vsxogvzg", "name": "max-width-medium", "settings": { "_width": "100%", "_widthMax": "35rem" }, "_exists": false }, { "id": "qilifcek", "name": "heading-style-h1", "settings": { "_typography": { "font-size": "3.5rem", "line-height": "1.2", "font-weight": "700" }, "_typography:mobile_landscape": { "font-size": "2.5rem" }, "_typography:tablet_portrait": { "font-size": "3.25rem" } }, "_exists": false }, { "id": "kojdpiyp", "name": "spacer-small", "settings": { "_width": "100%", "_padding": { "top": "1.5rem" }, "_padding:mobile_landscape": { "top": "1.25rem" } }, "_exists": false }, { "id": "kqxixqrq", "name": "text-size-medium", "settings": { "_typography": { "font-size": "1.125rem" }, "_typography:mobile_landscape": { "font-size": "1rem" } }, "_exists": false }, { "id": "girwzljf", "name": "spacer-medium", "settings": { "_width": "100%", "_padding": { "top": "2rem" }, "_padding:mobile_landscape": { "top": "1.5rem" } }, "_exists": false }, { "id": "rtlybbxp", "name": "button-group", "settings": { "_display": "flex", "_flexWrap": "wrap", "_alignItems": "center", "_columnGap": "1rem", "_rowGap": "1rem" }, "_exists": false }, { "id": "vqpmgurn", "name": "button", "settings": { "_padding": { "top": "0.75rem", "right": "1.5rem", "bottom": "0.75rem", "left": "1.5rem" }, "_typography": { "text-align": "center" } }, "_exists": false }, { "id": "dcadtzpa", "name": "is-alternate", "settings": {}, "_exists": false }, { "id": "qxvsuyqe", "name": "is-secondary", "settings": {}, "_exists": false }, { "id": "pijvvjnl", "name": "is-alternate", "settings": {}, "_exists": false }, { "id": "imhevdpv", "name": "header7_background-video-wrapper", "settings": { "_position": "absolute", "_zIndex": "0" }, "_exists": false }, { "id": "kdbkwzdu", "name": "video-overlay-layer", "settings": { "_position": "absolute", "_zIndex": "1" }, "_exists": false }, { "id": "btbebwwq", "name": "header7_background-video", "settings": { "_zIndex": "0", "_width": "100%", "_objectFit": "cover" }, "_exists": false } ] }
Profile Picture
Zoltan Zsamboki

TE-section-Header_5

Client First Component
View now
Copy now
{ "content": [ { "id": "tzqiju", "name": "heading", "parent": "rwdthq", "children": [], "settings": { "text": "Medium length hero heading goes here", "tag": "h1", "_cssGlobalClasses": [ "xrkkoddi" ] } }, { "id": "lxhyjc", "name": "block", "parent": "rwdthq", "children": [], "settings": { "_cssGlobalClasses": [ "fbhqffji" ] } }, { "id": "asutml", "name": "text-basic", "parent": "rwdthq", "children": [], "settings": { "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.", "tag": "p", "_cssGlobalClasses": [ "ikyasift" ] } }, { "id": "jdrszx", "name": "block", "parent": "rwdthq", "children": [], "settings": { "_cssGlobalClasses": [ "koeaqlls" ] } }, { "id": "qjiwwr", "name": "button", "parent": "dpobss", "children": [], "settings": { "text": "Button", "tag": "a", "style": "primary", "link": { "type": "external", "url": "#" }, "_cssGlobalClasses": [ "zykvtzrn", "vckmzthq" ] } }, { "id": "pzwxry", "name": "button", "parent": "dpobss", "children": [], "settings": { "text": "Button", "tag": "a", "style": "primary", "link": { "type": "external", "url": "#" }, "_cssGlobalClasses": [ "zykvtzrn", "adwdkqfv", "yulbrohl" ] } }, { "id": "dpobss", "name": "block", "parent": "rwdthq", "children": [ "qjiwwr", "pzwxry" ], "settings": { "_cssGlobalClasses": [ "tkqukrwl" ] } }, { "id": "rwdthq", "name": "block", "parent": "rylbhy", "children": [ "tzqiju", "lxhyjc", "asutml", "jdrszx", "dpobss" ], "settings": { "_cssGlobalClasses": [ "ntnicrdf" ] } }, { "id": "rylbhy", "name": "block", "parent": "uixxhs", "children": [ "rwdthq" ], "settings": { "_cssGlobalClasses": [ "gsslmsof" ] } }, { "id": "uixxhs", "name": "block", "parent": "pbupkb", "children": [ "rylbhy" ], "settings": { "_cssGlobalClasses": [ "vochzxdn" ] } }, { "id": "pbupkb", "name": "block", "parent": "yaxygi", "children": [ "uixxhs" ], "settings": { "_cssGlobalClasses": [ "azzqmmvt" ] } }, { "id": "yaxygi", "name": "block", "parent": "svmrfp", "children": [ "pbupkb" ], "settings": { "_cssGlobalClasses": [ "hyrkpnpx" ] } }, { "id": "bnbdsg", "name": "block", "parent": "gkwega", "children": [], "settings": { "_cssGlobalClasses": [ "wlqkwiki" ] } }, { "id": "paywwc", "name": "image", "parent": "gkwega", "children": [], "settings": { "tag": "figure", "image": { "url": "https://uploads-ssl.webflow.com/624380709031623bfe4aee60/6243807090316203124aee66_placeholder-image.svg", "external": true }, "_cssGlobalClasses": [ "vdmywykn" ] } }, { "id": "gkwega", "name": "block", "parent": "svmrfp", "children": [ "bnbdsg", "paywwc" ], "settings": { "_cssGlobalClasses": [ "glplbyma" ] } }, { "id": "svmrfp", "name": "block", "parent": 0, "children": [ "yaxygi", "gkwega" ], "settings": { "_cssGlobalClasses": [ "cmeqzndm", "rppgsgbk" ] } } ], "source": "bricksCopiedElements", "sourceUrl": "converted-from-webflow", "version": "2.3.2", "globalClasses": [ { "id": "cmeqzndm", "name": "section_header5", "settings": { "_position": "relative" }, "_exists": false }, { "id": "rppgsgbk", "name": "text-color-white", "settings": {}, "_exists": false }, { "id": "hyrkpnpx", "name": "padding-global", "settings": { "_padding": { "right": "5%", "left": "5%" } }, "_exists": false }, { "id": "azzqmmvt", "name": "container-large", "settings": { "_width": "100%", "_widthMax": "80rem", "_margin": { "right": "auto", "left": "auto" } }, "_exists": false }, { "id": "vochzxdn", "name": "header5_content", "settings": { "_position": "relative", "_zIndex": "1", "_display": "flex", "_justifyContent": "flex-start", "_alignItems": "center" }, "_exists": false }, { "id": "gsslmsof", "name": "padding-section-large", "settings": { "_padding": { "top": "7rem", "bottom": "7rem" }, "_padding:tablet_portrait": { "top": "6rem", "bottom": "6rem" }, "_padding:mobile_landscape": { "top": "4rem", "bottom": "4rem" } }, "_exists": false }, { "id": "ntnicrdf", "name": "max-width-medium", "settings": { "_width": "100%", "_widthMax": "35rem" }, "_exists": false }, { "id": "xrkkoddi", "name": "heading-style-h1", "settings": { "_typography": { "font-size": "3.5rem", "line-height": "1.2", "font-weight": "700" }, "_typography:mobile_landscape": { "font-size": "2.5rem" }, "_typography:tablet_portrait": { "font-size": "3.25rem" } }, "_exists": false }, { "id": "fbhqffji", "name": "spacer-small", "settings": { "_width": "100%", "_padding": { "top": "1.5rem" }, "_padding:mobile_landscape": { "top": "1.25rem" } }, "_exists": false }, { "id": "ikyasift", "name": "text-size-medium", "settings": { "_typography": { "font-size": "1.125rem" }, "_typography:mobile_landscape": { "font-size": "1rem" } }, "_exists": false }, { "id": "koeaqlls", "name": "spacer-medium", "settings": { "_width": "100%", "_padding": { "top": "2rem" }, "_padding:mobile_landscape": { "top": "1.5rem" } }, "_exists": false }, { "id": "tkqukrwl", "name": "button-group", "settings": { "_display": "flex", "_flexWrap": "wrap", "_alignItems": "center", "_columnGap": "1rem", "_rowGap": "1rem" }, "_exists": false }, { "id": "zykvtzrn", "name": "button", "settings": { "_padding": { "top": "0.75rem", "right": "1.5rem", "bottom": "0.75rem", "left": "1.5rem" }, "_typography": { "text-align": "center" } }, "_exists": false }, { "id": "vckmzthq", "name": "is-alternate", "settings": {}, "_exists": false }, { "id": "adwdkqfv", "name": "is-secondary", "settings": {}, "_exists": false }, { "id": "yulbrohl", "name": "is-alternate", "settings": {}, "_exists": false }, { "id": "glplbyma", "name": "header5_background-image-wrapper", "settings": { "_position": "absolute", "_zIndex": "0" }, "_exists": false }, { "id": "wlqkwiki", "name": "image-overlay-layer", "settings": { "_position": "absolute", "_zIndex": "1" }, "_exists": false }, { "id": "vdmywykn", "name": "header5_background-image", "settings": { "_position": "absolute", "_width": "100%", "_objectFit": "cover" }, "_exists": false } ] }

Categories

Headers

Nice, you've downloaded this template! Now let's get it on your website...

To use this component, go to your 'Templates', click 'Import', and upload the file you just downloaded! It's that simple. You can then copy/paste it to other sections of your website.
Close & continue

Nice, you've copied this component! Now let's paste it...

To paste this component, simply go to any Bricks page or component and click paste! Simple as that.
Close & continue