Profile Picture
Akshay Joshi

ETA Header

A header with a centered logo, navigation menu, and a call-to-action button. This design is inspired by the Elysian Tennis Webflow template, with custom modifications and layout adaptations.
Copy component
Download JSON
{"id":7313,"name":"eta-header-inner","title":"ETA Header Inner","date":"2026-04-16 18:40:58","date_formatted":"April 16, 2026","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/eta-header-inner\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"b1e5bd","name":"container","parent":0,"children":["56f163","5bfa8d","95f795"],"settings":{"_cssGlobalClasses":["eta__header-inner"],"_direction":"row","_flexWrap:mobile_landscape":"nowrap"},"label":"ETA Header Inner"},{"id":"56f163","name":"block","parent":"b1e5bd","children":["9160e4"],"settings":{"_width:mobile_portrait":"15%","_width:mobile_landscape":"20%"},"label":"Column"},{"id":"9160e4","name":"block","parent":"56f163","children":["c6c1ce"],"settings":{"_cssGlobalClasses":["eta__nav-group"]},"label":"Nav Right"},{"id":"c6c1ce","name":"nav-nested","parent":"9160e4","children":["c06bfe","8d11b3"],"settings":{"_cssGlobalClasses":["hqjezt"],"mobileMenu":"tablet_portrait","itemPadding:small_display_laptop":{"top":"10","bottom":"10"},"itemTypographyActive":{"font-weight":"500"},"mobileMenuAlignItems:tablet_portrait":"flex-start","mobileMenuItemAlignItems:tablet_portrait":"flex-start"},"themeStyles":[]},{"id":"c06bfe","name":"block","parent":"c6c1ce","children":["5a1919","a994c5","dcbd17"],"settings":{"tag":"ul","_hidden":{"_cssClasses":"brx-nav-nested-items"},"_cssGlobalClasses":["zuutde"],"_display:mobile_landscape":"flex","_rowGap:small_display_laptop":"15","_justifyContent:tablet_portrait":"flex-start"},"label":"Nav items","cloneable":false,"deletable":false},{"id":"5a1919","name":"dropdown","parent":"c06bfe","children":["dfefdc"],"settings":{"text":"Services","_cssGlobalClasses":["eta__nav-link"],"megaMenu":true},"label":"Service mega menu 2","themeStyles":[]},{"id":"dfefdc","name":"div","parent":"5a1919","children":["77ee10"],"settings":{"_cssGlobalClasses":["fkeknx"],"_hidden":{"_cssClasses":"brx-dropdown-content"}},"label":"Content","cloneable":false,"deletable":false},{"id":"77ee10","name":"block","parent":"dfefdc","children":["b8ba0b","95a9f5","ba34ba"],"settings":{"_cssGlobalClasses":["zlpzls"]}},{"id":"b8ba0b","name":"div","parent":"77ee10","children":["ab4cc6"],"settings":{"_cssGlobalClasses":["eazkma"],"tag":"a","link":{"type":"meta","postId":"497","useDynamicData":"#"}},"label":"Consulting On-Demand"},{"id":"ab4cc6","name":"heading","parent":"b8ba0b","children":[],"settings":{"text":"Implementation","tag":"custom","customTag":"span","_cssGlobalClasses":["diqwyd"]}},{"id":"95a9f5","name":"div","parent":"77ee10","children":["f66524"],"settings":{"_cssGlobalClasses":["eazkma"],"tag":"a","link":{"type":"meta","postId":"497","useDynamicData":"#"}},"label":"Consulting On-Demand"},{"id":"f66524","name":"heading","parent":"95a9f5","children":[],"settings":{"text":"Implementation","tag":"custom","customTag":"span","_cssGlobalClasses":["diqwyd"]}},{"id":"ba34ba","name":"div","parent":"77ee10","children":["87668e"],"settings":{"_cssGlobalClasses":["eazkma"],"tag":"a","link":{"type":"meta","postId":"497","useDynamicData":"#"}},"label":"Consulting On-Demand"},{"id":"87668e","name":"heading","parent":"ba34ba","children":[],"settings":{"text":"Implementation","tag":"custom","customTag":"span","_cssGlobalClasses":["diqwyd"]}},{"id":"a994c5","name":"text-link","parent":"c06bfe","children":[],"settings":{"text":"About","_cssGlobalClasses":["eta__nav-link"],"link":{"type":"internal","url":"#","postId":"493"}},"label":"About","themeStyles":[]},{"id":"dcbd17","name":"text-link","parent":"c06bfe","children":[],"settings":{"text":"Insights","_cssGlobalClasses":["eta__nav-link"],"link":{"type":"external","url":"#"}},"label":"Resources","themeStyles":[]},{"id":"8d11b3","name":"toggle","parent":"c6c1ce","children":[],"settings":{"animation":"spring","_cssGlobalClasses":["ocvzwn"],"icon":{"library":""}},"label":"Toggle Mobile bar with CSS","themeStyles":[]},{"id":"5bfa8d","name":"block","parent":"b1e5bd","children":["13fa32"],"settings":{"_cssGlobalClasses":["vtydeh","uteqrd"],"_width:mobile_portrait":"70%","_width:mobile_landscape":"50%"},"label":"Column"},{"id":"13fa32","name":"text-basic","parent":"5bfa8d","children":[],"settings":{"text":"ELYSIAN TENNIS ACADEMY","tag":"span","_cssGlobalClasses":["eta__logo"]},"label":"Logo"},{"id":"95f795","name":"block","parent":"b1e5bd","children":["d7ebae"],"settings":{"_cssGlobalClasses":["ybmwuz"],"_width:mobile_portrait":"15%","_width:mobile_landscape":"20%"},"label":"Column"},{"id":"d7ebae","name":"button","parent":"95f795","children":[],"settings":{"text":"Contact Now","_cssGlobalClasses":["eta__btn--outline"],"link":{"type":"external","url":"#"},"_display:mobile_portrait":"none","_display:mobile_landscape":"none"},"label":"Web Button"}],"templateType":"section","global_classes":[{"id":"hqjezt","name":"cust-nestable-nav","settings":{"itemTypography:hover":{"color":{"id":"acss_import_tertiary-ultra-dark","name":"tertiary-ultra-dark","raw":"var(--tertiary-ultra-dark)"}},"itemTypography:active":{"color":{"id":"acss_import_tertiary-ultra-dark","name":"tertiary-ultra-dark","raw":"var(--tertiary-ultra-dark)"},"font-weight":"600"},"itemTypography":{"font-size":"15","font-weight":"400","color":{"hex":"#4c4c4c"}},"mobileMenuJustifyContent:small_display_laptop":"flex-start","gap:small_display_laptop":"35","itemTypographyActive":{"font-size":"16","font-weight":"500","color":{"hex":"#171717"}},"itemPadding":{"top":"10","bottom":"10"},"dropdownTypography:tablet_portrait":{"font-size":"16","font-weight":"400"},"itemTypography:tablet_portrait":{"font-size":"18","font-weight":"400"},"itemTypography:mobile_portrait":{"font-size":"16"},"dropdownTypography:mobile_portrait":{"font-size":"16"},"itemPadding:tablet_portrait":{"bottom":"40","top":"40"},"itemTypographyActive:tablet_portrait":{"font-weight":"400","font-size":"28"},"dropdownTypography":{"font-weight":"400"},"itemTypographyActive:mobile_portrait":{"font-size":"24"}},"modified":1748088078,"user_id":1,"_exists":false},{"id":"zuutde","name":"nav-item-cust","settings":{"_padding:mobile_landscape":{"left":"20","right":"20","bottom":"20"},"_display":"flex","_margin:small_display_laptop":{"top":"73"},"_padding:small_display_laptop":{"left":"40","right":"40","top":"30"},"_margin:tablet_portrait":{"top":"100"},"_padding:tablet_portrait":{"left":"5%","right":"5%","top":"5%"},"_typography:tablet_portrait":{"font-weight":"400"}},"modified":1747746386,"user_id":1,"_exists":false},{"id":"fkeknx","name":"cust-mega-menu-content","settings":{"_direction":"row","_padding":{"top":"30","right":"30","bottom":"30","left":"30"},"_boxShadow":{"values":{"offsetX":"0","offsetY":"12","blur":"10","spread":"4"},"color":{"hex":"#150417","rgb":"rgba(21, 4, 23, 0.15)","hsl":"hsla(294, 70%, 5%, 0.15)"}},"_background":{"color":{"hex":"#ffffff","id":"kozymr","name":"White"}},"_width":"400","_widthMax":"400","_padding:mobile_landscape":{"top":"30","left":"20","right":"30","bottom":"20"},"_widthMin:small_display_laptop":"100%","_width:small_display_laptop":"100%","_widthMax:small_display_laptop":"auto","_cssCustom":"@media only screen and (min-width:1200px){\n.cust-mega-menu-content{\nmin-width: auto!important;\n left:0!important;\n}\n}","_direction:mobile_landscape":"column","_border":{"radius":{"top":"8px","right":"8px","bottom":"8px","left":"8px"},"width":{"top":"1","left":"1","right":"1","bottom":"1"},"style":"solid","color":{"hex":"#ececfd","rgb":"rgba(236, 236, 253, 0.45)","hsl":"hsla(240, 81%, 96%, 0.45)"}},"_columnGap":"30","_boxShadow:tablet_portrait":{"values":{"offsetX":"0","offsetY":"0","blur":"0","spread":"0"}},"_border:tablet_portrait":{"width":{"top":"0","right":"0","bottom":"0","left":"0"},"radius":{"right":"0","bottom":"0","top":"0","left":"0"}},"_padding:tablet_portrait":{"left":"42"},"_width:tablet_portrait":"100%","_widthMax:tablet_portrait":"100%"},"_exists":false,"modified":1747751736,"user_id":1},{"id":"zlpzls","name":"cust-mega-menu-block","settings":{"_rowGap":"20"},"_exists":false},{"id":"eazkma","name":"cust-mega-menu-submenu-navitem","settings":{"_display":"flex","_alignItems":"flex-start","_columnGap":"10"},"_exists":false},{"id":"diqwyd","name":"cust-mega-menu-nav-heading","settings":[],"_exists":false},{"id":"ocvzwn","name":"cust-menu-toggle","settings":{"_zIndex:small_display_laptop":"999999","_border":{"radius":{"top":"50%","right":"50%","bottom":"50%","left":"50%"},"width":{"left":"1","right":"1","top":"1","bottom":"1"},"style":"solid","color":{"hex":"#e1e1e1"}},"_width:tablet_portrait":"40","_height:tablet_portrait":"40","_justifyContent:tablet_portrait":"center","_alignItems:tablet_portrait":"center","_alignSelf:tablet_portrait":"center","iconSize:tablet_portrait":"11","_cssCustom:tablet_portrait":".cust-menu-toggle span.brxa-inner {\n width: 0 !important;\n}\n.cust-menu-toggle .brxa-inner:after, .cust-menu-toggle .brxa-inner:before{\nwidth:21px;\n}\n.cust-menu-toggle .brxa-inner:before {\n top: 6px;\n left: 9px;\n}\n.cust-menu-toggle .brxa-inner:after {\n top: 15px;\n left: 9px;\n}\n.cust-menu-toggle.is-active .brxa-inner:before {\n top: 0px !important;\n left: 9px;\n }\n .cust-menu-toggle.is-active .brxa-inner:after {\n top: 0px;\n left: 9px;\n }\n\n"},"_mappedId":"ocvzwn","modified":1776344354,"user_id":1},{"id":"eta__header-inner","name":"eta__header-inner","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_justifyContent":"space-between","_widthMax":"100%","_padding":{"top":"20","bottom":"20","left":"48","right":"48"},"_padding:tablet_portrait":{"top":"16","bottom":"16","left":"24","right":"24"}}},{"id":"eta__nav-group","name":"eta__nav-group","settings":{"_display":"flex","_direction":"row","_alignItems":"center","_columnGap":"40"}},{"id":"eta__nav-link","name":"eta__nav-link","settings":{"_typography":{"font-family":"Asta Sans","font-size":"13","font-weight":"500","color":{"raw":"#000000"},"letter-spacing":"0.08em","text-transform":"uppercase"},"_cssTransition":"ease .2s","_cssCustom":".eta__nav-link { cursor: pointer; text-decoration: none; }"}},{"id":"eta__logo","name":"eta__logo","settings":{"_typography":{"font-family":"Oswald","font-size":"23","font-weight":"700","color":{"hex":"#0a0a0a"}},"_typography:mobile_landscape":{"text-align":"center"}}},{"id":"eta__btn--outline","name":"eta__btn--outline","settings":{"_background":{"color":{"hex":"transparent"}},"_typography":{"font-family":"Asta Sans","font-size":"16","font-weight":"400","color":{"raw":"#080808"},"text-transform":"uppercase"},"_padding":{"top":"14","bottom":"14","left":"20","right":"20"},"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"},"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"rgba(10, 10, 10, 0.46)"}},"_cssTransition":"ease .25s","_background:hover":{"color":{"hex":"#0a0a0a"}},"_typography:hover":{"color":{"hex":"#ffffff"}},"_alignSelf":"flex-start"}},{"id":"vtydeh","name":"eta__header-col","settings":[]},{"id":"uteqrd","name":"eta__header-col--middle","settings":{"_alignSelf":"center","_justifyContent":"center","_alignItems":"center"}},{"id":"ybmwuz","name":"eta__header-col--last","settings":{"_justifyContent":"flex-end","_alignSelf":"center","_direction":"row"}}]}

Similar components

Profile Picture
Akshay Joshi

Solus Header

Header with a centered logo and CTA
View now
Copy now
{"id":5688,"name":"solus-header-2","title":"Solus Header","date":"2026-01-08 14:14:17","date_formatted":"January 8, 2026","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/solus-header-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"cd6666","name":"section","parent":0,"children":["86ddb2"],"settings":{"_cssGlobalClasses":["dseusx"]},"label":"Solus Header"},{"id":"86ddb2","name":"container","parent":"cd6666","children":["757b80","68f5a2","67d3c4"],"settings":{"_direction":"row","_cssGlobalClasses":["hvvypn","envpaa"]},"label":"Solus Container"},{"id":"757b80","name":"block","parent":"86ddb2","children":["70437a"],"settings":{"_width":"40%","_cssGlobalClasses":["zefqfj"],"_width:mobile_landscape":"20%"},"label":"Nav column"},{"id":"70437a","name":"nav-nested","parent":"757b80","children":["23d4e4","089503"],"settings":{"_cssGlobalClasses":["dswbnt"],"mobileMenu":"tablet_portrait"},"themeStyles":[]},{"id":"23d4e4","name":"block","parent":"70437a","children":["4375a0","33f0b3","6738de","24417e","cdc31a"],"settings":{"tag":"ul","_hidden":{"_cssClasses":"brx-nav-nested-items"},"_cssGlobalClasses":["qwwhkl"],"_justifyContent:tablet_portrait":"flex-start","_rowGap:tablet_portrait":"30"},"label":"Nav items ul","cloneable":false,"deletable":false},{"id":"4375a0","name":"text-link","parent":"23d4e4","children":[],"settings":{"text":"Explore","link":{"type":"external","url":"#"},"_cssGlobalClasses":["hsqzmw"]},"label":"Nav link","themeStyles":[]},{"id":"33f0b3","name":"dropdown","parent":"23d4e4","children":["292181"],"settings":{"text":"Products","contentItemPadding":{"top":"5","bottom":"5"},"_cssGlobalClasses":["vixdnm"]},"label":"Dropdown","themeStyles":[]},{"id":"292181","name":"div","parent":"33f0b3","children":["030575","1b6552"],"settings":{"_hidden":{"_cssClasses":"brx-dropdown-content"},"tag":"ul","_cssGlobalClasses":["ouewym"]},"label":"Content","cloneable":false,"deletable":false},{"id":"030575","name":"text-link","parent":"292181","children":[],"settings":{"text":"Dropdown link 1","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"1b6552","name":"text-link","parent":"292181","children":[],"settings":{"text":"Dropdown link 2","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"6738de","name":"text-link","parent":"23d4e4","children":[],"settings":{"text":"About","link":{"type":"external","url":"#"},"_cssGlobalClasses":["hsqzmw"]},"label":"Nav link","themeStyles":[]},{"id":"24417e","name":"text-link","parent":"23d4e4","children":[],"settings":{"text":"Blog","link":{"type":"external","url":"#"},"_cssGlobalClasses":["hsqzmw"]},"label":"Nav link","themeStyles":[]},{"id":"cdc31a","name":"block","parent":"23d4e4","children":["a2909e","82c4be"],"settings":{"_cssGlobalClasses":["jnosww"]},"label":"Mobile block "},{"id":"a2909e","name":"text-link","parent":"cdc31a","children":[],"settings":{"text":"Log in ","_cssGlobalClasses":["vwnhun"]},"themeStyles":[]},{"id":"82c4be","name":"button","parent":"cdc31a","children":[],"settings":{"text":"sign up free","_cssGlobalClasses":["bgpfqu"],"icon":{"library":"themify","icon":"ti-arrow-right"},"link":{"type":"external","url":"#"}}},{"id":"089503","name":"toggle","parent":"70437a","children":[],"settings":{"animation":"spring","_cssGlobalClasses":[],"icon":{"library":""},"_typography:tablet_portrait":{"color":{"hex":"#00373e","id":"xghynq","name":"Color #4"}}},"label":"Toggle Mobile bar with CSS","themeStyles":[]},{"id":"68f5a2","name":"block","parent":"86ddb2","children":["f8e4fc"],"settings":{"_cssGlobalClasses":["wwdlkw"],"_width":"20%","_width:mobile_landscape":"60%"},"label":"logo column"},{"id":"f8e4fc","name":"image","parent":"68f5a2","children":[],"settings":{"image":{"id":5603,"filename":"Solus.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/01\/Solus.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2026\/01\/Solus.svg"},"_cssGlobalClasses":["nfbprk"]},"themeStyles":[],"label":"logo"},{"id":"67d3c4","name":"block","parent":"86ddb2","children":["648e5d","ecd355"],"settings":{"_cssGlobalClasses":["srlxjn"]},"label":"Web block "},{"id":"648e5d","name":"text-link","parent":"67d3c4","children":[],"settings":{"text":"Log in ","_cssGlobalClasses":["vwnhun","wfngek"]},"themeStyles":[]},{"id":"ecd355","name":"button","parent":"67d3c4","children":[],"settings":{"text":"sign up free","_cssGlobalClasses":["bgpfqu","hksjps"],"icon":{"library":"themify","icon":"ti-arrow-right"},"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"envpaa","name":"solus_container","settings":{"_width":"1240","_widthMax":"100%"},"modified":1766556661,"user_id":1},{"id":"bgpfqu","name":"solus_btn","settings":{"_background:tablet_portrait":{"color":{"hex":"#00373e"}},"_typography:tablet_portrait":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}},"_border:tablet_portrait":{"radius":{"top":"25","right":"25","bottom":"25","left":"25"}},"_padding:tablet_portrait":{"top":"10","bottom":"10","right":"20","left":"20"},"_padding":{"top":"10","bottom":"10","right":"20","left":"20"},"_border":{"radius":{"top":"25","right":"25","bottom":"25","left":"25"}},"_background":{"color":{"hex":"#00373e"}},"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"font-weight":"500","font-size":"16"},"_width:tablet_portrait":"max-content"},"modified":1766555485,"user_id":1},{"id":"wwdlkw","name":"solus__logo-column","settings":{"_alignSelf":"center","_justifyContent":"center","_alignItems":"center"},"modified":1767695922,"user_id":1},{"id":"dseusx","name":"solus__header","settings":{"_padding":{"top":"20","bottom":"20","left":"5%","right":"5%"},"_background":{"color":{"hex":"#f7f6f4"}}}},{"id":"zefqfj","name":"solus__header-col1","settings":{"_justifyContent":"center","_alignItems":"flex-start"},"modified":1767695922,"user_id":1},{"id":"hvvypn","name":"solus__header-container","settings":{"_justifyContent":"center","_alignItems":"center","_alignSelf":"center"}},{"id":"dswbnt","name":"solus-header-nav","settings":{"itemTypography":{"font-size":"16","font-weight":"500","color":{"hex":"#0f172a"}},"mobileMenuPosition":{"top":"100"}},"modified":1767701956,"user_id":1},{"id":"qwwhkl","name":"solus-header-nav-item","settings":{"_direction:tablet_portrait":"column","_justifyContent:tablet_portrait":"flex-start","_padding:mobile_landscape":{"left":"5%","right":"5%"},"_padding:tablet_portrait":{"left":"5%","right":"5%","top":"5%"},"_background:tablet_portrait":{"color":{"hex":"#f7f6f4"}},"_margin:mobile_landscape":{"top":"30px"}},"modified":1767702788,"user_id":1},{"id":"hsqzmw","name":"solus-nav-link","settings":{"_typography":{"font-size":"16"}},"modified":1767701956,"user_id":1},{"id":"jnosww","name":"solus-header-mobile-block","settings":{"_flexWrap":"nowrap","_direction":"row","_alignItems":"center","_columnGap":"25px","_display:tablet_portrait":"none","_direction:tablet_portrait":"column","_rowGap:tablet_portrait":"20","_alignItems:mobile_landscape":"flex-start","_alignItems:tablet_portrait":"flex-start","_display:mobile_landscape":"flex","_display":"none"},"modified":1767701956,"user_id":1},{"id":"vwnhun","name":"solus-link-btn","settings":{"_typography":{"font-size":"16","font-family":"Roboto","font-weight":"500","color":{"hex":"#00383c"}},"_padding":{"top":"12","bottom":"12","right":"8","left":"8"}},"modified":1767701956,"user_id":1},{"id":"srlxjn","name":"solus_header-block","settings":{"_width":"40%","_justifyContent":"flex-end","_direction":"row","_columnGap":"20","_width:mobile_landscape":"20%"}},{"id":"nfbprk","name":"solus-logo","settings":{"_width":"150"}},{"id":"vixdnm","name":"solus_nav-dropdown","settings":[]},{"id":"ouewym","name":"solus_nav-dropdown-content","settings":{"_background:tablet_portrait":{"color":{"hex":"#00373e","id":"xghynq","name":"Color #4"}},"_typography:tablet_portrait":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}},"_padding:tablet_portrait":{"top":"10","bottom":"10","right":"10","left":"10"},"_border:tablet_portrait":{"radius":{"right":"15","top":"15","bottom":"15","left":"15"}},"_margin:tablet_portrait":{"top":"10"},"_background":{"color":{"hex":"#00373e","id":"xghynq","name":"Color #4"}},"_padding":{"top":"15","bottom":"15","right":"15","left":"15"},"_margin":{"top":"15"},"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}},"_border":{"radius":{"top":"15","right":"15","bottom":"15","left":"15"}}}},{"id":"wfngek","name":"solus_header-btn-link","settings":{"_display:mobile_landscape":"none"}},{"id":"hksjps","name":"solus-header-btn","settings":{"_display:mobile_landscape":"none"}}]}
Profile Picture
Akshay Joshi

Magnifico Header

Header with login link and CTA
View now
Copy now
{"id":4185,"name":"magnifico-header-2","title":"Magnifico Header","date":"2025-10-08 07:34:03","date_formatted":"October 8, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/magnifico-header-2\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"b31d3a","name":"section","parent":0,"children":["9cb1ac"],"settings":{"_cssGlobalClasses":["cjidkr","wnmkza"]},"label":"Magnifico Header"},{"id":"9cb1ac","name":"container","parent":"b31d3a","children":["63403a","a860ba","e6ea79"],"settings":{"_cssGlobalClasses":["tdqciq","gaidaz"],"_direction":"row"}},{"id":"63403a","name":"logo","parent":"9cb1ac","children":[],"settings":{"logoText":"magnifico","_cssGlobalClasses":["gkcbxx"]},"themeStyles":[]},{"id":"a860ba","name":"nav-nested","parent":"9cb1ac","children":["378894","25dd5d"],"settings":{"_cssGlobalClasses":["flgutg"],"mobileMenu":"tablet_portrait","_order:tablet_portrait":"3"},"themeStyles":[]},{"id":"378894","name":"block","parent":"a860ba","children":["e43ad8","75c0e2","532b0f","7fb5c4","22d102","76e621"],"settings":{"tag":"ul","_hidden":{"_cssClasses":"brx-nav-nested-items"},"_cssGlobalClasses":["yybcqo"],"_justifyContent:tablet_portrait":"flex-start","_rowGap:tablet_portrait":"30"},"label":"Nav items ul","cloneable":false,"deletable":false},{"id":"e43ad8","name":"text-link","parent":"378894","children":[],"settings":{"text":"Explore","link":{"type":"external","url":"#"},"_cssGlobalClasses":["sczvoe"]},"label":"Nav link"},{"id":"75c0e2","name":"dropdown","parent":"378894","children":["362222"],"settings":{"text":"Products","contentItemPadding":{"top":"5","bottom":"5"}},"label":"Dropdown","themeStyles":[]},{"id":"362222","name":"div","parent":"75c0e2","children":["814b8e","fb9293"],"settings":{"_hidden":{"_cssClasses":"brx-dropdown-content"},"tag":"ul"},"label":"Content","cloneable":false,"deletable":false},{"id":"814b8e","name":"text-link","parent":"362222","children":[],"settings":{"text":"Dropdown link 1","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"fb9293","name":"text-link","parent":"362222","children":[],"settings":{"text":"Dropdown link 2","link":{"type":"external","url":"#"}},"label":"Nav link"},{"id":"532b0f","name":"text-link","parent":"378894","children":[],"settings":{"text":"Solution","link":{"type":"external","url":"#"},"_cssGlobalClasses":["sczvoe"]},"label":"Nav link"},{"id":"7fb5c4","name":"text-link","parent":"378894","children":[],"settings":{"text":"About","link":{"type":"external","url":"#"},"_cssGlobalClasses":["sczvoe"]},"label":"Nav link"},{"id":"22d102","name":"text-link","parent":"378894","children":[],"settings":{"text":"Blog","link":{"type":"external","url":"#"},"_cssGlobalClasses":["sczvoe"]},"label":"Nav link"},{"id":"76e621","name":"block","parent":"378894","children":["b742c0","a8e779"],"settings":{"_cssGlobalClasses":["mqwkkg","grxxkp"]},"label":"Mobile block "},{"id":"b742c0","name":"text-link","parent":"76e621","children":[],"settings":{"text":"Log in ","_cssGlobalClasses":["efttok"]}},{"id":"a8e779","name":"button","parent":"76e621","children":[],"settings":{"text":"sign up free","_cssGlobalClasses":["bxdord"],"icon":{"library":"themify","icon":"ti-arrow-right"},"link":{"type":"external","url":"#"}}},{"id":"25dd5d","name":"toggle","parent":"a860ba","children":[],"settings":{"animation":"spring","_cssGlobalClasses":["bgcqim"],"icon":{"library":""}},"label":"Toggle Mobile bar with CSS","themeStyles":[]},{"id":"e6ea79","name":"block","parent":"9cb1ac","children":["9b0ef9","fab936"],"settings":{"_cssGlobalClasses":["mqwkkg","hykezo"]}},{"id":"9b0ef9","name":"text-link","parent":"e6ea79","children":[],"settings":{"text":"Log in ","_cssGlobalClasses":["efttok"],"link":{"type":"external","url":"#"}}},{"id":"fab936","name":"button","parent":"e6ea79","children":[],"settings":{"text":"sign up free","_cssGlobalClasses":["bxdord"],"icon":{"library":"themify","icon":"ti-arrow-right"},"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"flgutg","name":"breakio_nestable-nav","settings":{"itemTypography":{"font-size":"16","font-family":"Roboto","font-weight":"500","color":{"hex":"#0f172a"}},"itemTypographyActive":{"color":{"hex":"#c026d3"}},"mobileMenuPosition:tablet_portrait":{"top":"100"}}},{"id":"yybcqo","name":"breakio_nav-item-ul","settings":{"_direction:tablet_portrait":"column","_justifyContent:tablet_portrait":"flex-start","_padding:tablet_portrait":{"left":"5%","right":"5%","top":"5%"}},"modified":1758639630,"user_id":1},{"id":"sczvoe","name":"breakio_nav-item","settings":{"_typography":{"font-size":"16"}},"modified":1758289748,"user_id":1},{"id":"grxxkp","name":"breakio__hide-on-web","settings":{"_display":"none","_widthMax:tablet_portrait":"186px","_display:tablet_portrait":"block"}},{"id":"bgcqim","name":"breakio_header-toggle","settings":{"iconColor:tablet_portrait":{"hex":"#000000"}}},{"id":"hykezo","name":"breakio__hide-on-mobile","settings":{"_display:tablet_portrait":"none","_display:mobile_landscape":"none"}},{"id":"cjidkr","name":"magnifico-default-section","settings":{"_padding":{"left":"5%","right":"5%","top":"80","bottom":"80"},"_padding:mobile_landscape":{"top":"48","bottom":"48"},"_rowGap:mobile_landscape":"32","_columnGap:mobile_landscape":"32"},"modified":1758811901,"user_id":1},{"id":"tdqciq","name":"magnifico-default-container","settings":{"_widthMax":"1440px","_width":"100%","_rowGap":"80","_columnGap":"80","_columnGap:mobile_landscape":"40","_rowGap:mobile_landscape":"40","_alignItems":"stretch"}},{"id":"bxdord","name":"magnifico-cta-2_button","settings":{"_boxShadow":{"values":{"offsetX":"0","offsetY":"10","blur":"15","spread":"-3"},"color":{"hex":"#000000","rgb":"rgba(0, 0, 0, 0.1)","hsl":"hsla(0, 0%, 0%, 0.1)"}},"_padding":{"top":"14","bottom":"14","left":"24","right":"24"},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"},"style":"none"},"_typography":{"font-size":"16","font-weight":"500","text-transform":"capitalize","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"line-height":"1.2","text-align":"left","text-wrap":"nowrap"},"_background":{"color":{"hex":"#2563eb"}},"iconGap":"18","iconTypography":{"font-size":"14"},"_background:hover":{"color":{"hex":"#008cff"}}},"modified":1759908341,"user_id":1},{"id":"wnmkza","name":"magnifico-header","settings":{"_padding":{"top":"20","bottom":"20"}},"modified":1758896489,"user_id":1},{"id":"gkcbxx","name":"magnifico-logo","settings":{"_typography":{"font-size":"32","font-weight":"700","font-family":"Roboto"}}},{"id":"efttok","name":"magnifico-link-btn","settings":{"_padding":{"top":"12","bottom":"12","left":"8","right":"8"},"_typography":{"font-size":"16","font-family":"Roboto","font-weight":"500","color":{"hex":"#2563eb"}},"_typography:hover":{"color":{"hex":"#008cff"}}},"modified":1759908396,"user_id":1},{"id":"gaidaz","name":"magnifico-header-container","settings":{"_alignItems":"center","_flexWrap:mobile_landscape":"nowrap","_alignItems:mobile_landscape":"center","_alignSelf:mobile_landscape":"center","_justifyContent":"space-between","_display:tablet_portrait":"flex","_justifyContent:tablet_portrait":"space-between","_direction:tablet_portrait":"row","_alignItems:tablet_portrait":"center","_columnGap":"10"},"modified":1759906546,"user_id":1},{"id":"mqwkkg","name":"magnifico-header_block","settings":{"_width":"max-content","_flexWrap":"nowrap","_direction":"row","_columnGap":"25","_display:tablet_portrait":"flex","_direction:tablet_portrait":"column","_rowGap:tablet_portrait":"20","_alignItems":"center"},"modified":1759908038,"user_id":1}]}
Profile Picture
Akshay Joshi

Breakio Header Section

Simple header
View now
Copy now
{"id":3857,"name":"breakio-header-section","title":"Breakio Header Section","date":"2025-09-23 17:52:23","date_formatted":"September 23, 2025","author":{"name":"AK_Developer_25","avatar":"https:\/\/secure.gravatar.com\/avatar\/4895fa216fc2f1ee16e6575899e50eb2388264a879a9791a3ad02c7bed840715?s=60&d=mm&r=g","url":"https:\/\/gallopbiz.in\/ak-dev"},"permalink":"https:\/\/gallopbiz.in\/ak-dev\/template\/breakio-header-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"c4c5c9","name":"section","parent":0,"children":["01e0e2"],"settings":{"_cssGlobalClasses":["yquanr"]},"label":"Breakio Header Section"},{"id":"01e0e2","name":"container","parent":"c4c5c9","children":["4dcd45","11d11a","624498"],"settings":{"_cssGlobalClasses":["gsladt"],"_direction":"row"}},{"id":"4dcd45","name":"block","parent":"01e0e2","children":["4eb3cf"],"settings":{"_cssGlobalClasses":["hyhnxu"]},"label":"Column"},{"id":"4eb3cf","name":"logo","parent":"4dcd45","children":[],"settings":{"logoText":"AK Developer","logo":{"id":3785,"filename":"breakio.svg","size":"full","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/breakio.svg","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/09\/breakio.svg"},"_cssGlobalClasses":["cvtuak"]}},{"id":"11d11a","name":"block","parent":"01e0e2","children":["5ed70d"],"settings":{"_cssGlobalClasses":["ttdllt"]},"label":"Column"},{"id":"5ed70d","name":"nav-nested","parent":"11d11a","children":["d9524c","c2858b"],"settings":{"_cssGlobalClasses":["flgutg"],"mobileMenu":"tablet_portrait"},"themeStyles":[]},{"id":"d9524c","name":"block","parent":"5ed70d","children":["f82ef8","5a084f","1c1894","629377","0824c5","ea9c95"],"settings":{"tag":"ul","_hidden":{"_cssClasses":"brx-nav-nested-items"},"_cssGlobalClasses":["yybcqo"],"_justifyContent:tablet_portrait":"flex-start","_rowGap:tablet_portrait":"30"},"label":"Nav items ul","cloneable":false,"deletable":false},{"id":"f82ef8","name":"text-link","parent":"d9524c","children":[],"settings":{"text":"Explore","link":{"type":"external","url":"#"},"_cssGlobalClasses":["sczvoe"]},"label":"Nav link"},{"id":"5a084f","name":"text-link","parent":"d9524c","children":[],"settings":{"text":"Solution","link":{"type":"external","url":"#"},"_cssGlobalClasses":["sczvoe"]},"label":"Nav link"},{"id":"1c1894","name":"text-link","parent":"d9524c","children":[],"settings":{"text":"About","link":{"type":"external","url":"#"},"_cssGlobalClasses":["sczvoe"]},"label":"Nav link"},{"id":"629377","name":"text-link","parent":"d9524c","children":[],"settings":{"text":"Blog","link":{"type":"external","url":"#"},"_cssGlobalClasses":["sczvoe"]},"label":"Nav link"},{"id":"0824c5","name":"text-link","parent":"d9524c","children":[],"settings":{"text":"Login","link":{"type":"external","url":"#"},"_cssGlobalClasses":["sczvoe"]},"label":"Nav link"},{"id":"ea9c95","name":"button","parent":"d9524c","children":[],"settings":{"text":"Apply Now","_cssGlobalClasses":["rlxrbp","tldnbn","grxxkp"],"link":{"type":"external","url":"#"},"_typography:tablet_portrait":{"color":{"hex":"#111111"}},"style":"primary","_typography:mobile_landscape":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}},"label":"Mobile Button"},{"id":"c2858b","name":"toggle","parent":"5ed70d","children":[],"settings":{"animation":"spring","_cssGlobalClasses":["bgcqim"],"icon":{"library":""}},"label":"Toggle Mobile bar with CSS","themeStyles":[]},{"id":"624498","name":"button","parent":"01e0e2","children":[],"settings":{"text":"Start Now","style":"primary","_cssGlobalClasses":["rlxrbp","tldnbn","hykezo"],"link":{"type":"external","url":"#"}}}],"templateType":"section","global_classes":[{"id":"yquanr","name":"breakio-header","settings":{"_padding":{"top":"20","bottom":"20","right":"5%","left":"5%"},"_background":{"color":{"hex":"#ffffff"}}}},{"id":"gsladt","name":"breakio__header-container","settings":{"_alignItems":"center","_columnGap":"20","_flexWrap":"nowrap"}},{"id":"hyhnxu","name":"breakio-header_col-1","settings":{"_width":"25%"}},{"id":"ttdllt","name":"breakio-header_col-2","settings":{"_width":"75%","_justifyContent":"flex-end","_alignItems":"center","_direction":"row","_display":"flex","_columnGap":"20"}},{"id":"cvtuak","name":"breakio-header_logo","settings":[]},{"id":"flgutg","name":"breakio_nestable-nav","settings":{"itemTypography":{"font-size":"16","font-family":"Roboto","font-weight":"500","color":{"hex":"#0f172a"}},"itemTypographyActive":{"color":{"hex":"#c026d3"}},"mobileMenuPosition:tablet_portrait":{"top":"100"}}},{"id":"yybcqo","name":"breakio_nav-item-ul","settings":{"_direction:tablet_portrait":"column","_justifyContent:tablet_portrait":"flex-start","_padding:tablet_portrait":{"left":"5%","right":"5%","top":"5%"}},"modified":1758639630,"user_id":1},{"id":"sczvoe","name":"breakio_nav-item","settings":{"_typography":{"font-size":"16"}},"modified":1758289748,"user_id":1},{"id":"rlxrbp","name":"breakio-primary-btn","settings":{"_padding":{"top":"5","bottom":"5","left":"16","right":"16"},"_typography":{"font-size":"16","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"font-weight":"500"},"_background":{"color":{"hex":"#c026d3"}},"_border":{"radius":{"top":"18","right":"18","bottom":"18","left":"18"}}},"modified":1758290431,"user_id":1},{"id":"tldnbn","name":"breakio-header-btn","settings":{"_padding":{"top":"10","right":"16","bottom":"10","left":"16"},"_heightMin":"48","_widthMin":"132","_typography:tablet_portrait":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}}},"modified":1758290431,"user_id":1},{"id":"grxxkp","name":"breakio__hide-on-web","settings":{"_display":"none","_widthMax:tablet_portrait":"186px","_display:tablet_portrait":"block"}},{"id":"bgcqim","name":"breakio_header-toggle","settings":{"iconColor:tablet_portrait":{"hex":"#000000"}}},{"id":"hykezo","name":"breakio__hide-on-mobile","settings":{"_display:tablet_portrait":"none","_display:mobile_landscape":"none"}}]}

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