Profile Picture
Joe Warren

Responsive Navbar

Responsive Navbar including mobile menu coming onto screen from the right
Copy component
Download JSON
{"content":[{"id":"voogik","name":"nav-nested","parent":0,"children":["zoylao"],"settings":{"_cssGlobalClasses":["ewbkoh"],"mobileMenu":"tablet_portrait"},"themeStyles":{}},{"id":"zoylao","name":"container","parent":"voogik","children":["ephstq","nczgrg","dowzhm"],"settings":{"_cssGlobalClasses":["jitkoc"]}},{"id":"ephstq","name":"block","parent":"zoylao","children":["fljgdw"],"settings":{"_cssGlobalClasses":["ckdeex"],"tag":"a","link":{"type":"external","url":"#"}}},{"id":"fljgdw","name":"image","parent":"ephstq","children":[],"settings":{"_cssGlobalClasses":["fxsvhe"],"image":{"id":120,"filename":"Group-33.png","size":"full","full":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Group-33.png","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Group-33.png"}},"themeStyles":[]},{"id":"nczgrg","name":"block","parent":"zoylao","children":["jtsdxt","hrivvv","dedchr","dpnowp"],"settings":{"tag":"ul","_hidden":{"_cssClasses":"brx-nav-nested-items"},"_cssGlobalClasses":["mtyvre"]},"label":"Nav items","cloneable":false,"deletable":false},{"id":"jtsdxt","name":"text-link","parent":"nczgrg","children":[],"settings":{"text":"Home","link":{"type":"external","url":"#"},"_cssGlobalClasses":["viulgx"]},"label":"Nav link","themeStyles":[]},{"id":"hrivvv","name":"text-link","parent":"nczgrg","children":[],"settings":{"text":"About","link":{"type":"external","url":"#"},"_cssGlobalClasses":["viulgx"]},"label":"Nav link","themeStyles":[]},{"id":"dedchr","name":"text-link","parent":"nczgrg","children":[],"settings":{"text":"Our Story","link":{"type":"external","url":"#"},"_cssGlobalClasses":["viulgx"]},"label":"Nav link","themeStyles":[]},{"id":"dpnowp","name":"dropdown","parent":"nczgrg","children":["nfutys"],"settings":{"text":"Pages","_cssGlobalClasses":["urnlbx"]},"label":"Dropdown","themeStyles":{}},{"id":"nfutys","name":"div","parent":"dpnowp","children":["iuqksx","oiklkh","wptogu"],"settings":{"_hidden":{"_cssClasses":"brx-dropdown-content"},"tag":"ul","_cssGlobalClasses":["otzlka"]},"label":"Content","cloneable":false,"deletable":false},{"id":"iuqksx","name":"text-link","parent":"nfutys","children":[],"settings":{"text":"Dropdown link 1","link":{"type":"external","url":"#"},"_cssGlobalClasses":["vhnpci"]},"label":"Nav link","themeStyles":[]},{"id":"oiklkh","name":"text-link","parent":"nfutys","children":[],"settings":{"text":"Dropdown link 2","link":{"type":"external","url":"#"},"_cssGlobalClasses":["vhnpci"]},"label":"Nav link","themeStyles":[]},{"id":"wptogu","name":"text-link","parent":"nfutys","children":[],"settings":{"text":"Dropdown link 3","link":{"type":"external","url":"#"},"_cssGlobalClasses":["vhnpci"]},"label":"Nav link","themeStyles":[]},{"id":"dowzhm","name":"block","parent":"zoylao","children":["vgiulz","rsbivb"],"settings":{"_cssGlobalClasses":["jhjxlj"]},"label":"CTA Wrapper"},{"id":"vgiulz","name":"block","parent":"dowzhm","children":["qbqtkr","jyisrl"],"settings":{"_cssGlobalClasses":["jdprat"],"tag":"a","link":{"type":"external","url":"tel: #"}},"label":"Phone Number Link"},{"id":"qbqtkr","name":"svg","parent":"vgiulz","children":[],"settings":{"_cssGlobalClasses":["xlyeoy"],"file":{"id":121,"filename":"Skinvector.svg","url":"https://darkturquoise-cormorant-212243.hostingersite.com/wp-content/uploads/2025/04/Skinvector.svg"}},"themeStyles":[]},{"id":"jyisrl","name":"text-basic","parent":"vgiulz","children":[],"settings":{"text":"+(123) 456-7890","_cssGlobalClasses":["srzuvm"],"tag":"p"}},{"id":"rsbivb","name":"toggle","parent":"dowzhm","children":[],"settings":{"_cssGlobalClasses":["vwpwes"],"animation":"boring"},"label":"Toggle","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://darkturquoise-cormorant-212243.hostingersite.com","version":"1.12.3","globalClasses":[{"id":"ewbkoh","name":"navbar","settings":{"_width":"100%","_padding":{"top":"24","bottom":"24","left":"32","right":"32"},"_order:mobile_landscape":"9999","_background":{"color":{"hex":"#fff9f6"}},"mobileMenuWidth:tablet_portrait":"75%","_position:tablet_portrait":"relative","_zIndex:tablet_portrait":"2","mobileMenuItemAlignItems:tablet_portrait":"flex-start","mobileMenuJustifyContent:tablet_portrait":"flex-start","_zIndex":"99"},"modified":1744571967,"user_id":1},{"id":"jitkoc","name":"navbar__container","settings":{"_direction":"row","_alignItems":"center","_justifyContent:mobile_landscape":"space-between","_justifyContent":"space-between"},"modified":1744571234,"user_id":1},{"id":"ckdeex","name":"logo","settings":{"_width":"auto"}},{"id":"fxsvhe","name":"brand-logo","settings":{"_widthMax":"100"}},{"id":"mtyvre","name":"navbar__items","settings":{"_alignItems":"center","_padding:mobile_landscape":{"top":"40%","right":"32","bottom":"32","left":"32"},"_heightMin:mobile_landscape":"25%","_border:mobile_landscape":{"width":{"bottom":"1"},"style":"solid","color":{"hex":"#9e9e9e","rgb":"rgba(158, 158, 158, 0.28)","hsl":"hsla(0, 0%, 62%, 0.28)"}},"_boxShadow:mobile_landscape":{"values":{"blur":"40","spread":"0","offsetX":"0","offsetY":"50"},"color":{"hex":"#9e9e9e","rgb":"rgba(158, 158, 158, 0.04)","hsl":"hsla(0, 0%, 62%, 0.04)"}},"_width":"auto","_margin:tablet_portrait":{"left":"auto"},"_background:tablet_portrait":{"color":{"hex":"#fff9f6"}},"_border:tablet_portrait":{"width":{"left":"1"},"style":"solid","color":{"hex":"#212121","rgb":"rgba(33, 33, 33, 0.1)","hsl":"hsla(0, 0%, 13%, 0.1)"}},"_background":{"color":{"hex":"#fff9f6"}},"_display:tablet_portrait":"flex","_alignItems:tablet_portrait":"flex-start","_padding:tablet_portrait":{"left":"32","right":"32","top":"40%"},"_columnGap":"40","_justifyContent:tablet_portrait":"flex-start"},"modified":1744572376,"user_id":1},{"id":"viulgx","name":"nav-link","settings":{"_typography":{"font-weight":"500","font-size":"16"},"_typography:mobile_landscape":{"font-size":"20","font-weight":"700"},"_cssTransition":"color 0.2s ease","_typography:hover":{"color":{"hex":"#512729","rgb":"rgba(81, 39, 41, 0.65)","hsl":"hsla(357, 35%, 24%, 0.65)"}},"_typography:tablet_portrait":{"font-size":"24"},"_margin:tablet_portrait":{"bottom":"6"}},"modified":1744612119,"user_id":1},{"id":"urnlbx","name":"dropdown","settings":{"_typography":{"font-size":"16","font-weight":"500"},"contentTransform":{"translateY":"16"},"iconSize":"12","iconTransformOpen":{"rotateX":"180"},"_typography:tablet_portrait":{"font-size":"24"},"contentTransform:tablet_portrait":{"translateY":"0"},"_widthMax:tablet_portrait":"50%","_widthMax:mobile_landscape":"100%"}},{"id":"otzlka","name":"dropdown__content","settings":{"_padding":{"top":"32","right":"8","bottom":"32","left":"8"},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"hex":"#212121","rgb":"rgba(33, 33, 33, 0.06)","hsl":"hsla(0, 0%, 13%, 0.06)"}},"_rowGap":"8","_border:tablet_portrait":{"style":"none"}}},{"id":"vhnpci","name":"dropdown__link","settings":{"_typography:tablet_portrait":{"font-size":"16","color":{"hex":"#a24e51"}}}},{"id":"jhjxlj","name":"navbar__cta-wrapper","settings":{"_width":"auto","_direction":"row","_columnGap:tablet_portrait":"32","_alignItems:tablet_portrait":"center","_columnGap:mobile_portrait":"16"}},{"id":"jdprat","name":"navbar__tel-wrapper","settings":{"_direction":"row","_columnGap":"5","_justifyContent":"center","_alignItems":"center","_width":"auto"}},{"id":"xlyeoy","name":"svg-phone","settings":[]},{"id":"srzuvm","name":"navbar__tel-number","settings":{"_typography":{"text-wrap":"nowrap"}}},{"id":"vwpwes","name":"navbar__toggle","settings":{"barScale:mobile_landscape":"0.7","barHeight:mobile_landscape":"3","barRadius:mobile_landscape":"3","barScale:tablet_portrait":"0.7","barHeight:tablet_portrait":"3","_position:tablet_portrait":"relative","_zIndex:tablet_portrait":"999999"},"modified":1744571234,"user_id":1}],"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