Profile Picture
Julian Galluzzo

Beige FAQs Section

Animated accordions made to be FAQs - from our 2025 Online Course Template!
Copy component
Download JSON
{"content":[{"id":"efqojk","name":"section","parent":0,"children":["sxocir"],"settings":{"_cssCustom":"#brxe-efqojk {\n scroll-margin-top: 100px;\n}"},"label":"FAQs"},{"id":"sxocir","name":"container","parent":"efqojk","children":["uqrpti","nmzapt"],"settings":[]},{"id":"uqrpti","name":"block","parent":"sxocir","children":["nqalri","evckgc","unvmrw"],"settings":{"_cssGlobalClasses":["uvrubm"]},"label":"Content Wrap"},{"id":"nqalri","name":"text-basic","parent":"uqrpti","children":[],"settings":{"text":"FAQs","_cssGlobalClasses":["yvvyfb"]},"label":"Subheading"},{"id":"evckgc","name":"heading","parent":"uqrpti","children":[],"settings":{"text":"Frequently Asked Questions","_margin":{"bottom":"20"},"tag":"h2"}},{"id":"unvmrw","name":"text-basic","parent":"uqrpti","children":[],"settings":{"text":"If there's anything you're still wondering, chances are, we've answered it here!","_typography":{"font-size":"20"},"_widthMax":"800"}},{"id":"nmzapt","name":"accordion-nested","parent":"sxocir","children":["fqfdsw"],"settings":{"titleHeight":"50px","_cssGlobalClasses":["uhrbom"]},"label":"FAQ","themeStyles":[]},{"id":"fqfdsw","name":"block","parent":"nmzapt","children":["pgksiv","bbqllh","pfsyck","lpdssd","xiotgk","wzjxcv"],"settings":{"_cssGlobalClasses":["urtxqt"]}},{"id":"pgksiv","name":"block","parent":"fqfdsw","children":["ejpuyz","yudzsz"],"settings":{"_cssGlobalClasses":["jkcnrq"]},"label":"Item"},{"id":"ejpuyz","name":"block","parent":"pgksiv","children":["lmtzsm","dbedii"],"settings":{"_cssGlobalClasses":["dvrjmv"],"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"}},"label":"Title"},{"id":"lmtzsm","name":"heading","parent":"ejpuyz","children":[],"settings":{"_cssGlobalClasses":["djrcpe"],"text":"What if I don't get a job?","tag":"h3"}},{"id":"dbedii","name":"icon","parent":"ejpuyz","children":[],"settings":{"icon":{"icon":"ion-ios-arrow-forward","library":"ionicons"},"iconSize":"1em"}},{"id":"yudzsz","name":"block","parent":"pgksiv","children":["zgvagj"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["trxgan"]},"label":"Content"},{"id":"zgvagj","name":"text","parent":"yudzsz","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem."}},{"id":"bbqllh","name":"block","parent":"fqfdsw","children":["dzqavb","mtnnyl"],"settings":{"_cssGlobalClasses":["jkcnrq"]},"label":"Item"},{"id":"dzqavb","name":"block","parent":"bbqllh","children":["mmyxpj","lgesbz"],"settings":{"_cssGlobalClasses":["dvrjmv"],"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"}},"label":"Title"},{"id":"mmyxpj","name":"heading","parent":"dzqavb","children":[],"settings":{"_cssGlobalClasses":["djrcpe"],"text":"Do you offer any discount codes?","tag":"h3"}},{"id":"lgesbz","name":"icon","parent":"dzqavb","children":[],"settings":{"icon":{"icon":"ion-ios-arrow-forward","library":"ionicons"},"iconSize":"1em"}},{"id":"mtnnyl","name":"block","parent":"bbqllh","children":["hwxhua"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["trxgan"]},"label":"Content"},{"id":"hwxhua","name":"text","parent":"mtnnyl","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem."}},{"id":"pfsyck","name":"block","parent":"fqfdsw","children":["jiuulz","xmmbsg"],"settings":{"_cssGlobalClasses":["jkcnrq"]},"label":"Item"},{"id":"jiuulz","name":"block","parent":"pfsyck","children":["xenpdj","krwsud"],"settings":{"_cssGlobalClasses":["dvrjmv"],"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"}},"label":"Title"},{"id":"xenpdj","name":"heading","parent":"jiuulz","children":[],"settings":{"_cssGlobalClasses":["djrcpe"],"text":"What are your guarantees?","tag":"h3"}},{"id":"krwsud","name":"icon","parent":"jiuulz","children":[],"settings":{"icon":{"icon":"ion-ios-arrow-forward","library":"ionicons"},"iconSize":"1em"}},{"id":"xmmbsg","name":"block","parent":"pfsyck","children":["roawti"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["trxgan"]},"label":"Content"},{"id":"roawti","name":"text","parent":"xmmbsg","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem."}},{"id":"lpdssd","name":"block","parent":"fqfdsw","children":["ogymcn","bcwiwc"],"settings":{"_cssGlobalClasses":["jkcnrq"]},"label":"Item"},{"id":"ogymcn","name":"block","parent":"lpdssd","children":["hhzhvr","okagpf"],"settings":{"_cssGlobalClasses":["dvrjmv"],"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"}},"label":"Title"},{"id":"hhzhvr","name":"heading","parent":"ogymcn","children":[],"settings":{"_cssGlobalClasses":["djrcpe"],"text":"What is included in the price of the course?","tag":"h3"}},{"id":"okagpf","name":"icon","parent":"ogymcn","children":[],"settings":{"icon":{"icon":"ion-ios-arrow-forward","library":"ionicons"},"iconSize":"1em"}},{"id":"bcwiwc","name":"block","parent":"lpdssd","children":["pqguum"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["trxgan"]},"label":"Content"},{"id":"pqguum","name":"text","parent":"bcwiwc","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem."}},{"id":"xiotgk","name":"block","parent":"fqfdsw","children":["qgppvf","iyngfi"],"settings":{"_cssGlobalClasses":["jkcnrq"]},"label":"Item"},{"id":"qgppvf","name":"block","parent":"xiotgk","children":["fgvnwx","gkzbwg"],"settings":{"_cssGlobalClasses":["dvrjmv"],"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"}},"label":"Title"},{"id":"fgvnwx","name":"heading","parent":"qgppvf","children":[],"settings":{"_cssGlobalClasses":["djrcpe"],"text":"Do you offer 1-on-1 tutoring?","tag":"h3"}},{"id":"gkzbwg","name":"icon","parent":"qgppvf","children":[],"settings":{"icon":{"icon":"ion-ios-arrow-forward","library":"ionicons"},"iconSize":"1em"}},{"id":"iyngfi","name":"block","parent":"xiotgk","children":["ufbyyi"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["trxgan"]},"label":"Content"},{"id":"ufbyyi","name":"text","parent":"iyngfi","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem."}},{"id":"wzjxcv","name":"block","parent":"fqfdsw","children":["rtsjna","wgegoo"],"settings":{"_cssGlobalClasses":["jkcnrq"]},"label":"Item"},{"id":"rtsjna","name":"block","parent":"wzjxcv","children":["qnuces","xyrykh"],"settings":{"_cssGlobalClasses":["dvrjmv"],"_alignItems":"center","_direction":"row","_justifyContent":"space-between","_hidden":{"_cssClasses":"accordion-title-wrapper"}},"label":"Title"},{"id":"qnuces","name":"heading","parent":"rtsjna","children":[],"settings":{"_cssGlobalClasses":["djrcpe"],"text":"How long will the course take to complete?","tag":"h3"}},{"id":"xyrykh","name":"icon","parent":"rtsjna","children":[],"settings":{"icon":{"icon":"ion-ios-arrow-forward","library":"ionicons"},"iconSize":"1em"}},{"id":"wgegoo","name":"block","parent":"wzjxcv","children":["tqofhf"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["trxgan"]},"label":"Content"},{"id":"tqofhf","name":"text","parent":"wgegoo","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem."}}],"source":"bricksCopiedElements","sourceUrl":"https://online-course-template.local","version":"1.12.4","globalClasses":[{"id":"uvrubm","name":"hero__content-wrap","settings":{"_alignItems":"center","_typography":{"text-align":"center"},"_margin":{"bottom":"75"}}},{"id":"yvvyfb","name":"subheading","settings":{"_typography":{"color":{"hex":"#f44336"},"font-weight":"600"},"_background":{"color":{"hex":"#f44336","rgb":"rgba(244, 67, 54, 0.1)","hsl":"hsla(4, 90%, 58%, 0.1)"}},"_padding":{"bottom":"3","top":"3","left":"12","right":"12"},"_margin":{"bottom":"20"},"_border":{"radius":{"top":"50","right":"50","bottom":"50","left":"50"}}},"modified":1745409256,"user_id":1},{"id":"uhrbom","name":"faq","settings":[]},{"id":"urtxqt","name":"faq__block","settings":{"_columnGap":"15","_rowGap":"15"}},{"id":"jkcnrq","name":"faq__item","settings":{"_background":{"color":{"hex":"#ffffff"}},"_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"raw":"var(--border-base)"},"radius":{"right":"20","top":"20","bottom":"20","left":"20"}},"_boxShadow":{"values":{"offsetY":"5","blur":"0"},"color":{"raw":"var(--shadow-fake)"}}}},{"id":"dvrjmv","name":"faq__title","settings":{"_padding":{"left":"30","right":"30","top":"20","bottom":"20"},"_flexWrap:mobile_portrait":"nowrap","_columnGap:mobile_portrait":"15"}},{"id":"djrcpe","name":"faq__heading","settings":{"_typography:mobile_portrait":{"font-size":"20"},"_typography":{"font-weight":"600"}},"modified":1745230098,"user_id":1},{"id":"trxgan","name":"faq__content","settings":{"_padding":{"bottom":"20","left":"30","right":"30"}}}],"globalElements":[]}

Our notes on this component

This component comes from Memberstack’s 2025 Online Course Template!

If you want to build an online course, click here to get the full template + installation instructions.

The template works using;

  • WordPress 6.8.1
  • ACF (Advanced Custom Fields)
  • Memberstack

Here’s the video showing how you can install it, and how the template works!!

Similar components

Profile Picture
Joe Warren

FAQ Accordion

FAQ accordion with custom plus/minus icon
View now
Copy now
{"content":[{"id":"lthtda","name":"section","parent":0,"children":["jneunp"],"settings":{"_cssGlobalClasses":["qbqcae"]}},{"id":"jneunp","name":"container","parent":"lthtda","children":["mjaznb","jauqwc"],"settings":[]},{"id":"mjaznb","name":"block","parent":"jneunp","children":["dbvkzd"],"settings":{"_cssGlobalClasses":["kvsmee"]},"label":"Heading Wrap"},{"id":"dbvkzd","name":"heading","parent":"mjaznb","children":[],"settings":{"text":"Frequently asked questions","_cssGlobalClasses":["nqfpij"],"tag":"h2"}},{"id":"jauqwc","name":"accordion-nested","parent":"jneunp","children":["apkvlm","kzexza","imzggj","jewypt"],"settings":{"titleHeight":"50px","contentPadding":{"top":15,"right":0,"bottom":15,"left":0},"_cssGlobalClasses":["rzdkvf"]},"themeStyles":{}},{"id":"apkvlm","name":"block","parent":"jauqwc","children":["foxggl","dskhdu"],"settings":{"_cssGlobalClasses":["lidkoy"]},"label":"Item"},{"id":"foxggl","name":"block","parent":"apkvlm","children":["vpxkgz","upxbpn"],"settings":{"_alignItems":"center","_direction":"row","_hidden":{"_cssClasses":"accordion-title-wrapper"},"_cssGlobalClasses":["uexrmv"]},"label":"Title"},{"id":"vpxkgz","name":"block","parent":"foxggl","children":["rfajmz","effkfy"],"settings":{"_cssGlobalClasses":["okubkh"]},"label":"Icon Wrap"},{"id":"rfajmz","name":"block","parent":"vpxkgz","children":[],"settings":{"_cssGlobalClasses":["zfsovd"]},"label":"Line Across"},{"id":"effkfy","name":"block","parent":"vpxkgz","children":[],"settings":{"_cssGlobalClasses":["vlommm"]},"label":"Line Up"},{"id":"upxbpn","name":"heading","parent":"foxggl","children":[],"settings":{"text":"What is hydration therapy?","tag":"h3","_cssGlobalClasses":["jsmdej"]}},{"id":"dskhdu","name":"block","parent":"apkvlm","children":["yfvcbr"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["waprfa"]},"label":"Content"},{"id":"yfvcbr","name":"text","parent":"dskhdu","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem."}},{"id":"kzexza","name":"block","parent":"jauqwc","children":["jitozn","oljqma"],"settings":{"_cssGlobalClasses":["lidkoy"]},"label":"Item"},{"id":"jitozn","name":"block","parent":"kzexza","children":["ugqjnl","cvwjrb"],"settings":{"_alignItems":"center","_direction":"row","_hidden":{"_cssClasses":"accordion-title-wrapper"},"_cssGlobalClasses":["uexrmv"]},"label":"Title"},{"id":"ugqjnl","name":"block","parent":"jitozn","children":["cnpfws","fwbduj"],"settings":{"_cssGlobalClasses":["okubkh"]},"label":"Icon Wrap"},{"id":"cnpfws","name":"block","parent":"ugqjnl","children":[],"settings":{"_cssGlobalClasses":["zfsovd"]},"label":"Line Across"},{"id":"fwbduj","name":"block","parent":"ugqjnl","children":[],"settings":{"_cssGlobalClasses":["vlommm"]},"label":"Line Up"},{"id":"cvwjrb","name":"heading","parent":"jitozn","children":[],"settings":{"text":"Is hydration therapy suitable for all skin types?","tag":"h3","_cssGlobalClasses":["jsmdej"]}},{"id":"oljqma","name":"block","parent":"kzexza","children":["debiyh"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["waprfa"]},"label":"Content"},{"id":"debiyh","name":"text","parent":"oljqma","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem."}},{"id":"imzggj","name":"block","parent":"jauqwc","children":["smpzna","sbzvnh"],"settings":{"_cssGlobalClasses":["lidkoy"]},"label":"Item"},{"id":"smpzna","name":"block","parent":"imzggj","children":["ygnpvq","hefixl"],"settings":{"_alignItems":"center","_direction":"row","_hidden":{"_cssClasses":"accordion-title-wrapper"},"_cssGlobalClasses":["uexrmv"]},"label":"Title"},{"id":"ygnpvq","name":"block","parent":"smpzna","children":["vylkmk","bhbwiu"],"settings":{"_cssGlobalClasses":["okubkh"]},"label":"Icon Wrap"},{"id":"vylkmk","name":"block","parent":"ygnpvq","children":[],"settings":{"_cssGlobalClasses":["zfsovd"]},"label":"Line Across"},{"id":"bhbwiu","name":"block","parent":"ygnpvq","children":[],"settings":{"_cssGlobalClasses":["vlommm"]},"label":"Line Up"},{"id":"hefixl","name":"heading","parent":"smpzna","children":[],"settings":{"text":"How long does the treatment take?","tag":"h3","_cssGlobalClasses":["jsmdej"],"_typography":{"text-align":"left"}}},{"id":"sbzvnh","name":"block","parent":"imzggj","children":["eaqlxa"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["waprfa"]},"label":"Content"},{"id":"eaqlxa","name":"text","parent":"sbzvnh","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem."}},{"id":"jewypt","name":"block","parent":"jauqwc","children":["oytsly","rqhxop"],"settings":{"_cssGlobalClasses":["lidkoy"]},"label":"Item"},{"id":"oytsly","name":"block","parent":"jewypt","children":["jsqekk","qdecce"],"settings":{"_alignItems":"center","_direction":"row","_hidden":{"_cssClasses":"accordion-title-wrapper"},"_cssGlobalClasses":["uexrmv"]},"label":"Title"},{"id":"jsqekk","name":"block","parent":"oytsly","children":["wfueci","edsfen"],"settings":{"_cssGlobalClasses":["okubkh"]},"label":"Icon Wrap"},{"id":"wfueci","name":"block","parent":"jsqekk","children":[],"settings":{"_cssGlobalClasses":["zfsovd"]},"label":"Line Across"},{"id":"edsfen","name":"block","parent":"jsqekk","children":[],"settings":{"_cssGlobalClasses":["vlommm"]},"label":"Line Up"},{"id":"qdecce","name":"heading","parent":"oytsly","children":[],"settings":{"text":"What results can I expect?","tag":"h3","_cssGlobalClasses":["jsmdej"]}},{"id":"rqhxop","name":"block","parent":"jewypt","children":["ldswjl"],"settings":{"_hidden":{"_cssClasses":"accordion-content-wrapper"},"_cssGlobalClasses":["waprfa"]},"label":"Content"},{"id":"ldswjl","name":"text","parent":"rqhxop","children":[],"settings":{"text":"Lorem ipsum dolor ist amte, consectetuer adipiscing eilt. Aenean commodo ligula egget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quak felis, ultricies nec, pellentesque eu, pretium quid, sem."}}],"source":"bricksCopiedElements","sourceUrl":"https://darkturquoise-cormorant-212243.hostingersite.com","version":"1.12.3","globalClasses":[{"id":"qbqcae","name":"section-padding-large","settings":{"_padding":{"top":"100","bottom":"100"},"_background":{"color":{"hex":"#fff9f6","id":"rmkfeg","name":"Color #3"}}}},{"id":"kvsmee","name":"heading-block","settings":{"_alignItems":"center","_rowGap":"16","_margin":{"left":"auto","right":"auto","bottom":"70"},"_width:tablet_portrait":"75%","_width:mobile_landscape":"100%"}},{"id":"nqfpij","name":"h2","settings":{"_typography":{"color":{"hex":"#2e2f34","id":"rzwavb","name":"Color #4"},"font-size":"36","font-weight":"800","text-align":"center"},"_typography:mobile_portrait":{"font-size":"30"},"_typography:tablet_portrait":{"font-size":"36"}},"modified":1744569912,"user_id":1,"_exists":false},{"id":"rzdkvf","name":"accordian","settings":{"_display:mobile_landscape":"flex","_flexDirection:mobile_landscape":"column","_gap:mobile_landscape":"30","_display":"flex","_flexDirection":"column","_gap":"30"}},{"id":"lidkoy","name":"accoridan__item","settings":{"_background":{"color":{"hex":"#fee0d9","id":"keotxb","name":"Color #6"}},"_justifyContent":"center","_border":{"radius":{"right":"100"}},"_padding":{"bottom":"30","top":"30","left":"40","right":"40"},"_cssCustom":".accoridan__item .accordian__line-vertical {\n transition: all 0.2s ease-in-out; \n}\n\n.accoridan__item.brx-open .accordian__line-vertical {\n transform: rotate(90deg);\n}","_padding:mobile_landscape":{"left":"20","right":"20","top":"20","bottom":"20"},"_border:mobile_landscape":{"radius":{"right":"50"}}},"modified":1748435884,"user_id":1},{"id":"uexrmv","name":"accordian__title","settings":{"_columnGap":"32","_flexWrap:mobile_landscape":"nowrap"}},{"id":"okubkh","name":"accordian__icon-wrap","settings":{"_width":"16","_height":"16","_display":"flex","_justifyContent":"center","_position":"relative","_alignItems":"center"}},{"id":"zfsovd","name":"accordian__line-across","settings":{"_height":"1","_background":{"color":{"hex":"#512729","id":"edrsok","name":"Color #1"}},"_position":"absolute"}},{"id":"vlommm","name":"accordian__line-vertical","settings":{"_width":"1","_background":{"color":{"hex":"#512729","id":"edrsok","name":"Color #1"}},"_position":"absolute","_height":"100%"}},{"id":"jsmdej","name":"accoridan__heading","settings":{"_typography":{"color":{"hex":"#512729","id":"edrsok","name":"Color #1"}},"_typography:mobile_landscape":{"font-size":"24"},"_typography:mobile_portrait":{"font-size":"20"}}},{"id":"waprfa","name":"accordian__content","settings":[]}],"globalElements":[]}
Profile Picture
Julian Galluzzo

Standard Footer Component

Standard footer with brand info on the left, and site link columns to the right. Contains legal links at the bottom.
View now
Copy now
{"content":[{"id":"lgduvc","name":"section","parent":0,"children":["djiipj"],"settings":{"_cssGlobalClasses":["oviast"]},"label":"Footer"},{"id":"djiipj","name":"container","parent":"lgduvc","children":["qvmdle","kpuzgw"],"settings":{"_cssGlobalClasses":["vcebko"]}},{"id":"qvmdle","name":"block","parent":"djiipj","children":["tsltms","nirhbb","ocfutz","jzyvyl"],"settings":{"_cssGlobalClasses":["wbkrvv"]},"label":"Top"},{"id":"tsltms","name":"block","parent":"qvmdle","children":["dqtjos","oypswl","ocabpq"],"settings":{"_cssGlobalClasses":["bdyokq"]},"label":"Desc"},{"id":"dqtjos","name":"logo","parent":"tsltms","children":[],"settings":{"logoText":"Online Course Template","logo":{"id":93,"filename":"onlinecourse.svg","size":"full","full":"https://online-course-template.local/wp-content/uploads/2025/04/onlinecourse.svg","url":"https://online-course-template.local/wp-content/uploads/2025/04/onlinecourse.svg"},"logoHeight":"40","_cssGlobalClasses":["zohokb"]}},{"id":"oypswl","name":"text-basic","parent":"tsltms","children":[],"settings":{"text":"Learn everything you need to know with our superior online course.","_margin":{"bottom":"40"}}},{"id":"ocabpq","name":"block","parent":"tsltms","children":["rehwph","eqgxcs","idjftd","wrqbzb"],"settings":{"_cssGlobalClasses":["wazgti"]},"label":"Social Grid"},{"id":"rehwph","name":"icon","parent":"ocabpq","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-facebook-f"},"_cssGlobalClasses":["hwwovs"],"iconSize":"20"},"themeStyles":[]},{"id":"eqgxcs","name":"icon","parent":"ocabpq","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-instagram"},"_cssGlobalClasses":["hwwovs"]},"themeStyles":[]},{"id":"idjftd","name":"icon","parent":"ocabpq","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-tiktok"},"_cssGlobalClasses":["hwwovs"]},"themeStyles":[]},{"id":"wrqbzb","name":"icon","parent":"ocabpq","children":[],"settings":{"icon":{"library":"fontawesomeBrands","icon":"fab fa-linkedin-in"},"_cssGlobalClasses":["hwwovs"]},"themeStyles":[]},{"id":"nirhbb","name":"block","parent":"qvmdle","children":["xznywt","zgxbvk","uvnhxa","ittsvs","fiqjak","esfuiq","pssygs"],"settings":{"_cssGlobalClasses":["zhkquv"]},"label":"List"},{"id":"xznywt","name":"text-basic","parent":"nirhbb","children":[],"settings":{"text":"Pages","_cssGlobalClasses":["ktmlvg"]},"label":"List Title"},{"id":"zgxbvk","name":"text-link","parent":"nirhbb","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"uvnhxa","name":"text-link","parent":"nirhbb","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"ittsvs","name":"text-link","parent":"nirhbb","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"fiqjak","name":"text-link","parent":"nirhbb","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"esfuiq","name":"text-link","parent":"nirhbb","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"pssygs","name":"text-link","parent":"nirhbb","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"ocfutz","name":"block","parent":"qvmdle","children":["pnhtxt","tqvjak","hmrjfy","pgeqgm","olaxfo","nibufc","ymwzac"],"settings":{"_cssGlobalClasses":["zhkquv"]},"label":"List"},{"id":"pnhtxt","name":"text-basic","parent":"ocfutz","children":[],"settings":{"text":"Pages","_cssGlobalClasses":["ktmlvg"]},"label":"List Title"},{"id":"tqvjak","name":"text-link","parent":"ocfutz","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"hmrjfy","name":"text-link","parent":"ocfutz","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"pgeqgm","name":"text-link","parent":"ocfutz","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"olaxfo","name":"text-link","parent":"ocfutz","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"nibufc","name":"text-link","parent":"ocfutz","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"ymwzac","name":"text-link","parent":"ocfutz","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"jzyvyl","name":"block","parent":"qvmdle","children":["zfhile","kwfhcp","zcmosn","yhdqic","pxvjun","ztujro","exguwp"],"settings":{"_cssGlobalClasses":["zhkquv"]},"label":"List"},{"id":"zfhile","name":"text-basic","parent":"jzyvyl","children":[],"settings":{"text":"Pages","_cssGlobalClasses":["ktmlvg"]},"label":"List Title"},{"id":"kwfhcp","name":"text-link","parent":"jzyvyl","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"zcmosn","name":"text-link","parent":"jzyvyl","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"yhdqic","name":"text-link","parent":"jzyvyl","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"pxvjun","name":"text-link","parent":"jzyvyl","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"ztujro","name":"text-link","parent":"jzyvyl","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"exguwp","name":"text-link","parent":"jzyvyl","children":[],"settings":{"text":"Some site link","_cssGlobalClasses":["ypehzo"]},"themeStyles":[],"label":"Link"},{"id":"kpuzgw","name":"block","parent":"djiipj","children":["muvakz","zjgaqe"],"settings":{"_cssGlobalClasses":["zcnuni"]},"label":"Bottom"},{"id":"muvakz","name":"text-basic","parent":"kpuzgw","children":[],"settings":{"text":"©\n Memberstack 2025. All rights reserved"}},{"id":"zjgaqe","name":"div","parent":"kpuzgw","children":["jvbvya","edpjoo"],"settings":{"_cssGlobalClasses":["bddcxa"]},"label":"Legal Links"},{"id":"jvbvya","name":"text-link","parent":"zjgaqe","children":[],"settings":{"text":"Privacy Policy"}},{"id":"edpjoo","name":"text-link","parent":"zjgaqe","children":[],"settings":{"text":"Terms of Service"}}],"source":"bricksCopiedElements","sourceUrl":"https://online-course-template.local","version":"1.12.4","globalClasses":[{"id":"oviast","name":"footer","settings":{"_padding":{"top":"0","bottom":"0"}},"modified":1745232751,"user_id":1},{"id":"vcebko","name":"footer__container","settings":{"_padding":{"top":"75"},"_border":{"width":{"top":"1"},"style":"solid","color":{"raw":"var(--border-base)"}}},"modified":1745232751,"user_id":1},{"id":"wbkrvv","name":"footer__top","settings":{"_display":"grid","_gridTemplateColumns":"2fr 1fr 1fr 1fr","_gridGap":"40","_gridTemplateColumns:mobile_portrait":"1fr"},"modified":1745233128,"user_id":1},{"id":"bdyokq","name":"footer__desc","settings":{"_padding":{"right":"45"}},"modified":1745233128,"user_id":1},{"id":"zohokb","name":"footer__logo","settings":{"_margin":{"bottom":"20"}},"modified":1745232751,"user_id":1},{"id":"wazgti","name":"footer__social-grid","settings":{"_direction":"row","_columnGap":"20"},"modified":1745232751,"user_id":1},{"id":"hwwovs","name":"footer__social-icon","settings":{"iconSize":"20"},"modified":1745233128,"user_id":1},{"id":"zhkquv","name":"footer__list","settings":{"_rowGap":"10","_columnGap":"10"},"modified":1745233128,"user_id":1},{"id":"ktmlvg","name":"footer__list-title","settings":{"_typography":{"font-weight":"600"},"_margin":{"bottom":"20"}},"modified":1745233128,"user_id":1},{"id":"ypehzo","name":"footer__link","settings":[]},{"id":"zcnuni","name":"footer__bottom","settings":{"_margin":{"top":"75"},"_border":{"width":{"top":"1"},"style":"solid","color":{"raw":"var(--border-base)"}},"_padding":{"top":"25","bottom":"25"},"_direction":"row","_justifyContent":"space-between","_alignItems":"center","_justifyContent:mobile_portrait":"center","_alignItems:mobile_portrait":"center","_rowGap:mobile_portrait":"10"},"modified":1745233128,"user_id":1},{"id":"bddcxa","name":"footer__legal-links","settings":{"_display":"flex","_columnGap":"20","_rowGap":"20"},"modified":1745233128,"user_id":1}],"globalElements":[]}
Profile Picture
Julian Galluzzo

Online Course Header

Header with links to pages on the marketing site + members only links powered by Memberstack attributes.
View now
Copy now
{"content":[{"id":"bsjjyq","name":"nav-nested","parent":0,"children":["otgxkp"],"settings":{"_cssGlobalClasses":["yhtkdd"]},"label":"Nav","themeStyles":[]},{"id":"otgxkp","name":"container","parent":"bsjjyq","children":["kutqei","ucwlqq","cvadog"],"settings":{"_cssGlobalClasses":["xzcgjp"]}},{"id":"kutqei","name":"logo","parent":"otgxkp","children":[],"settings":{"_cssGlobalClasses":["vvzxol"],"logoText":"OnlineCourse","logo":{"id":93,"filename":"onlinecourse.svg","size":"full","full":"https://online-course-template.local/wp-content/uploads/2025/04/onlinecourse.svg","url":"https://online-course-template.local/wp-content/uploads/2025/04/onlinecourse.svg"}},"themeStyles":[]},{"id":"ucwlqq","name":"block","parent":"otgxkp","children":["fvyiev","khfoom","bhyqwp","hksygd","eyqhos","zardnk","jotcgp"],"settings":{"tag":"ul","_hidden":{"_cssClasses":"brx-nav-nested-items"},"_justifyContent":"flex-end","_cssGlobalClasses":["peofro"],"_alignItems:mobile_landscape":"center","_justifyContent:mobile_landscape":"center","_rowGap:mobile_landscape":"20"},"label":"Nav items","cloneable":false,"deletable":false},{"id":"fvyiev","name":"toggle","parent":"ucwlqq","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-close"},"iconSize:mobile_landscape":"40","_hidden":{"_cssClasses":"brx-toggle-div"},"_cssGlobalClasses":["goypbg"]},"label":"Toggle (Close: Mobile)"},{"id":"khfoom","name":"text-link","parent":"ucwlqq","children":[],"settings":{"text":"Log In","link":{"type":"internal","url":"#","postId":"108"},"_cssGlobalClasses":["ndmduv"],"_attributes":[{"id":"ndvvjj","name":"data-ms-content","value":"!members"}]},"label":"Nav link","themeStyles":[]},{"id":"bhyqwp","name":"text-link","parent":"ucwlqq","children":[],"settings":{"text":"Outline","link":{"type":"external","url":"#brxe-qcigbo","postId":"108"},"_cssGlobalClasses":["ndmduv"]},"label":"Nav link","themeStyles":[]},{"id":"hksygd","name":"text-link","parent":"ucwlqq","children":[],"settings":{"text":"Pricing","link":{"type":"external","url":"#brxe-lcwket"},"_cssGlobalClasses":["ndmduv"]},"label":"Nav link","themeStyles":[]},{"id":"eyqhos","name":"text-link","parent":"ucwlqq","children":[],"settings":{"text":"FAQs","link":{"type":"external","url":"#brxe-efqojk"},"_cssGlobalClasses":["ndmduv"]},"label":"Nav link","themeStyles":[]},{"id":"zardnk","name":"button","parent":"ucwlqq","children":[],"settings":{"text":"Enroll now","style":"primary","_cssGlobalClasses":["xruzrw","xevfbf"],"link":{"type":"external","url":"#brxe-lcwket"},"_attributes":[{"id":"rwjjzg","name":"data-ms-content","value":"!members"}]}},{"id":"jotcgp","name":"button","parent":"ucwlqq","children":[],"settings":{"text":"Dashboard","style":"primary","_cssGlobalClasses":["xruzrw","xevfbf","qzejao"],"link":{"type":"external","url":"/app"},"_attributes":[{"id":"gembev","name":"data-ms-content","value":"members"}]}},{"id":"cvadog","name":"toggle","parent":"otgxkp","children":[],"settings":{"icon":{"library":"ionicons","icon":"ion-md-menu"},"iconSize:mobile_landscape":"40"},"label":"Toggle (Open: Mobile)","themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://online-course-template.local","version":"1.12.4","globalClasses":[{"id":"yhtkdd","name":"nav","settings":{"_width":"100%","_padding":{"left":"5%","right":"5%"},"_background":{"color":{"raw":"var(--page-background)"}}},"modified":1745231638,"user_id":1},{"id":"xzcgjp","name":"nav__container","settings":{"_width":"100%","_direction":"row","_justifyContent":"space-between","_alignItems":"center","_padding":{"top":"15","bottom":"15"},"_border":{"width":{"bottom":"1"},"style":"solid","color":{"raw":"var(--border-base)"}}},"modified":1745231440,"user_id":1},{"id":"vvzxol","name":"nav__logo","settings":{"_typography":{"text-wrap":"nowrap","font-family":"Lusitana","font-weight":"700"},"logoHeight":"40"},"modified":1745231638,"user_id":1},{"id":"peofro","name":"nav__items","settings":{"_background:mobile_landscape":{"color":{"raw":"var(--page-background)"}},"_justifyContent:mobile_landscape":"center","_alignItems:mobile_landscape":"center"},"modified":1745231814,"user_id":1},{"id":"goypbg","name":"nav__toggle-close","settings":{"_position:mobile_landscape":"absolute","_top:mobile_landscape":"20","_right:mobile_landscape":"20"},"modified":1745231814,"user_id":1},{"id":"ndmduv","name":"nav__link","settings":{"_typography:mobile_landscape":{"font-size":"20"}},"modified":1745231921,"user_id":1},{"id":"xruzrw","name":"button","settings":{"_background":{"color":{"hex":"#f44336","raw":"var(--brand-color)"}},"_typography":{"color":{"hex":"#ffffff"},"font-size":"18"},"_padding":{"top":"13","bottom":"13","left":"25","right":"25"},"_boxShadow":{"values":{"offsetY":"5","blur":"0"},"color":{"hex":"#c21a0a"}},"_border":{"radius":{"top":"100","right":"100","bottom":"100","left":"100"}},"_background:hover":{"color":{"hex":"#e52c0b"}},"_cssTransition":"0.2s","_cursor":"pointer"},"modified":1747125364,"user_id":1},{"id":"xevfbf","name":"button--is-nav","settings":{"_typography":{"font-size":"16"},"_padding":{"top":"10","bottom":"10","right":"20","left":"20"},"_boxShadow":{"values":{"offsetY":"0"}}},"modified":1745231638,"user_id":1},{"id":"qzejao","name":"button--secondary","settings":{"_background":{"color":{"hex":"#ffffff"}},"_typography":{"color":{"hex":"#000000"}},"_boxShadow":{"color":{"hex":"#ffc2c2","raw":"var(--shadow-fake)"},"values":{"offsetY":"5","blur":"0"}},"_border":{"width":{"bottom":"1","top":"1","left":"1","right":"1"},"style":"solid","color":{"raw":"var(--border-base)"}},"_background:hover":{"color":{"hex":"#f5f5f5"}}}}],"globalElements":[]}

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