Profile Picture
Julian Galluzzo

Left To Right Feature Section

A simple feature section with text and a button on the left, and an image on the right.
Copy component
Download JSON
{"content":[{"id":"obohyp","name":"section","parent":0,"children":["vnuysb"],"settings":{},"label":"Mastery"},{"id":"vnuysb","name":"container","parent":"obohyp","children":["klprsw"],"settings":[]},{"id":"klprsw","name":"block","parent":"vnuysb","children":["khmhnp","lbbzqp"],"settings":{"_cssGlobalClasses":["whebdo"]}},{"id":"khmhnp","name":"block","parent":"klprsw","children":["yltvsu","akfrvz","hgjimi","cwhjfv"],"settings":{"_cssGlobalClasses":["qxrowl"]},"label":"Content Wrap"},{"id":"yltvsu","name":"text-basic","parent":"khmhnp","children":[],"settings":{"_cssGlobalClasses":["yvvyfb"],"text":"Mastery"},"label":"Subheading"},{"id":"akfrvz","name":"heading","parent":"khmhnp","children":[],"settings":{"text":"Become a certified expert in pottery","_margin":{"bottom":"20"},"tag":"h2"}},{"id":"hgjimi","name":"text-basic","parent":"khmhnp","children":[],"settings":{"text":"With our certification, you'll be known by all as an expert in all things clay - cups, bowls, vases, you name it.","_margin":{"bottom":"40"},"_typography":{"font-size":"20"},"_widthMax":"400"}},{"id":"cwhjfv","name":"button","parent":"khmhnp","children":[],"settings":{"text":"Enroll now","style":"primary","_cssGlobalClasses":["xruzrw"],"link":{"type":"external","url":"#brxe-lcwket"}}},{"id":"lbbzqp","name":"image","parent":"klprsw","children":[],"settings":{"_cssGlobalClasses":["mpmgzx"],"image":{"id":72,"filename":"a-soft-studio-portrait-photograph-captur_imYXQhuhRNek0Y3YMWbuGw_vRm5PUoHQu6ZCcOSPKjCkg.jpeg","size":"full","full":"https://online-course-template.local/wp-content/uploads/2025/04/a-soft-studio-portrait-photograph-captur_imYXQhuhRNek0Y3YMWbuGw_vRm5PUoHQu6ZCcOSPKjCkg.jpeg","url":"https://online-course-template.local/wp-content/uploads/2025/04/a-soft-studio-portrait-photograph-captur_imYXQhuhRNek0Y3YMWbuGw_vRm5PUoHQu6ZCcOSPKjCkg.jpeg"}},"themeStyles":[]}],"source":"bricksCopiedElements","sourceUrl":"https://online-course-template.local","version":"1.12.4","globalClasses":[{"id":"whebdo","name":"mastery__block","settings":{"_display":"grid","_gridTemplateColumns":"1fr 1fr","_gridGap":"6rem","_alignItemsGrid":"center","_gridTemplateColumns:mobile_landscape":"1fr"}},{"id":"qxrowl","name":"mastery__content-wrap","settings":[]},{"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":"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":"mpmgzx","name":"mastery__image","settings":{"_border":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"raw":"var(--border-base)"},"radius":{"top":"50","right":"50","bottom":"50","left":"50"}}}}],"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
Zubair Raee

Our Services

Three-column service grid with icons and brief descriptions for each design offering.
View now
Copy now
[ { "id": "tegpju", "category": "", "desc": "Three-column service grid with icons and brief descriptions for each design offering.", "elements": [ { "id": "tegpju", "name": "section", "parent": 0, "children": [ "figzis", "buptpf" ], "settings": { "_cssGlobalClasses": [ "pvpccg", "pkssgy", "ekyalc" ] }, "label": "Services" }, { "id": "figzis", "name": "container", "parent": "tegpju", "children": [ "elmzpo", "sgetts" ], "settings": { "_cssGlobalClasses": [ "wnxnad" ] } }, { "id": "elmzpo", "name": "div", "parent": "figzis", "children": [ "oqanwv", "afwknc" ], "settings": { "_cssGlobalClasses": [ "akrmtb" ] } }, { "id": "oqanwv", "name": "divider", "parent": "elmzpo", "children": [], "settings": { "_cssGlobalClasses": [ "ftccpq" ] } }, { "id": "afwknc", "name": "text-basic", "parent": "elmzpo", "children": [], "settings": { "text": "Our Services", "_cssGlobalClasses": [ "hfixgr", "toxepk", "lefvqh" ] } }, { "id": "sgetts", "name": "heading", "parent": "figzis", "children": [], "settings": { "text": "We provide the best solutions for your dream home", "tag": "h2", "_cssGlobalClasses": [ "knosmv", "sstndp", "hqqbph" ] } }, { "id": "buptpf", "name": "container", "parent": "tegpju", "children": [ "lppfhz", "egyilz", "iteojc" ], "settings": { "_cssGlobalClasses": [ "peifuh" ], "_direction": "row" } }, { "id": "lppfhz", "name": "block", "parent": "buptpf", "children": [ "stcbvf", "ekalse" ], "settings": { "_cssGlobalClasses": [ "dzjywd" ] }, "label": "service card" }, { "id": "stcbvf", "name": "image", "parent": "lppfhz", "children": [], "settings": { "_cssGlobalClasses": [ "dgeyrp" ], "image": { "id": 21, "filename": "download-1.svg", "size": "full", "full": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/download-1.svg", "url": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/download-1.svg" } }, "themeStyles": [] }, { "id": "ekalse", "name": "block", "parent": "lppfhz", "children": [ "hsteqr", "bouypi" ], "settings": { "_cssGlobalClasses": [ "epljgo" ] } }, { "id": "hsteqr", "name": "heading", "parent": "ekalse", "children": [], "settings": { "text": "Architectural & Interior design", "tag": "h4", "_cssGlobalClasses": [ "yxbyvv", "sstndp" ] } }, { "id": "bouypi", "name": "text-basic", "parent": "ekalse", "children": [], "settings": { "text": "Non diam pretium tristique augue placerat dolor. Accumsan nibh nunc, molestie volutpat ipsum, ultricies.", "_cssGlobalClasses": [ "lmquqa", "bskrla" ] } }, { "id": "egyilz", "name": "block", "parent": "buptpf", "children": [ "hzmzif", "kuwvic" ], "settings": { "_cssGlobalClasses": [ "dzjywd" ] }, "label": "service card" }, { "id": "hzmzif", "name": "image", "parent": "egyilz", "children": [], "settings": { "_cssGlobalClasses": [ "dgeyrp" ], "image": { "id": 20, "filename": "download-2.svg", "size": "full", "full": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/download-2.svg", "url": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/download-2.svg" } }, "themeStyles": [] }, { "id": "kuwvic", "name": "block", "parent": "egyilz", "children": [ "ppdyca", "ozxdbu" ], "settings": { "_cssGlobalClasses": [ "epljgo" ] } }, { "id": "ppdyca", "name": "heading", "parent": "kuwvic", "children": [], "settings": { "text": "Building Renovation", "tag": "h4", "_cssGlobalClasses": [ "yxbyvv", "sstndp" ] } }, { "id": "ozxdbu", "name": "text-basic", "parent": "kuwvic", "children": [], "settings": { "text": "Non diam pretium tristique augue placerat dolor. Accumsan nibh nunc, molestie volutpat ipsum, ultricies.", "_cssGlobalClasses": [ "lmquqa", "bskrla" ] } }, { "id": "iteojc", "name": "block", "parent": "buptpf", "children": [ "rbeadd", "zsbjdc" ], "settings": { "_cssGlobalClasses": [ "dzjywd" ] }, "label": "service card" }, { "id": "rbeadd", "name": "image", "parent": "iteojc", "children": [], "settings": { "_cssGlobalClasses": [ "dgeyrp" ], "image": { "id": 19, "filename": "download-3.svg", "size": "full", "full": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/download-3.svg", "url": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/download-3.svg" } }, "themeStyles": [] }, { "id": "zsbjdc", "name": "block", "parent": "iteojc", "children": [ "yeiane", "dowixh" ], "settings": { "_cssGlobalClasses": [ "epljgo" ] } }, { "id": "yeiane", "name": "heading", "parent": "zsbjdc", "children": [], "settings": { "text": "Construciton Management", "tag": "h4", "_cssGlobalClasses": [ "yxbyvv", "sstndp" ] } }, { "id": "dowixh", "name": "text-basic", "parent": "zsbjdc", "children": [], "settings": { "text": "Non diam pretium tristique augue placerat dolor. Accumsan nibh nunc, molestie volutpat ipsum, ultricies.", "_cssGlobalClasses": [ "lmquqa", "bskrla" ] } } ], "properties": [], "_created": 1748638184, "_user_id": 1, "_version": "1.12.4" } ]
Profile Picture
Zubair Raee

About Us

Two-column layout with intro text and visuals to share the brand's mission and design ethos.
View now
Copy now
[ { "id": "feggph", "category": "About Us", "desc": "Two-column layout with intro text and visuals to share the brand's mission and design ethos.", "elements": [ { "id": "feggph", "name": "section", "parent": 0, "children": [ "ueoddc" ], "settings": { "_cssGlobalClasses": [ "corewc", "pvpccg" ] }, "label": "About Us" }, { "id": "ueoddc", "name": "container", "parent": "feggph", "children": [ "pdymir", "muirnt" ], "settings": { "_direction": "row", "_cssGlobalClasses": [ "hzsfcw" ] } }, { "id": "pdymir", "name": "block", "parent": "ueoddc", "children": [ "erztsa", "sfxwha", "lapytp", "moyoct" ], "settings": { "_cssGlobalClasses": [ "sbnqrn" ] }, "label": "Column" }, { "id": "erztsa", "name": "div", "parent": "pdymir", "children": [ "aurwcx", "lyamje" ], "settings": { "_cssGlobalClasses": [ "akrmtb" ] } }, { "id": "aurwcx", "name": "divider", "parent": "erztsa", "children": [], "settings": { "_cssGlobalClasses": [ "ftccpq" ] } }, { "id": "lyamje", "name": "text-basic", "parent": "erztsa", "children": [], "settings": { "text": "About us", "_cssGlobalClasses": [ "hfixgr", "toxepk", "lefvqh" ] } }, { "id": "sfxwha", "name": "heading", "parent": "pdymir", "children": [], "settings": { "text": "We help to bring your dream home to reality", "tag": "h2", "_cssGlobalClasses": [ "knosmv", "sstndp" ] } }, { "id": "lapytp", "name": "text-basic", "parent": "pdymir", "children": [], "settings": { "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Faucibus fringilla dui amet faucibus nam. Erat id laoreet posuere etiam morbi.", "_cssGlobalClasses": [ "lmquqa", "bskrla" ] } }, { "id": "moyoct", "name": "text-basic", "parent": "pdymir", "children": [], "settings": { "text": "Tempor dolor elementum tellus non ipsum faucibus. Justo, magna mauris posuere auctor justo. Habitant proin aliquet volutpat leo ultricies. Dui blandit eget vitae turpis ultrices aliquet nunc. Faucibus sit odio bibendum lobortis diam.", "_cssGlobalClasses": [ "lmquqa", "bskrla" ] } }, { "id": "muirnt", "name": "block", "parent": "ueoddc", "children": [ "lnroxi", "iqgbsp" ], "settings": { "_position": "relative" }, "label": "Column" }, { "id": "lnroxi", "name": "image", "parent": "muirnt", "children": [], "settings": { "image": { "id": 117, "filename": "about-creative.png", "size": "full", "full": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/about-creative.png", "url": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/about-creative.png" }, "_cssGlobalClasses": [ "amyore" ] } }, { "id": "iqgbsp", "name": "image", "parent": "muirnt", "children": [], "settings": { "image": { "id": 23, "filename": "award-badge-9498f7b83aee8306fb4010ceb8f18f28.svg", "size": "full", "full": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/award-badge-9498f7b83aee8306fb4010ceb8f18f28.svg", "url": "https://bricksboard.zubairraee.com/wp-content/uploads/2025/05/award-badge-9498f7b83aee8306fb4010ceb8f18f28.svg" }, "_cssGlobalClasses": [ "yjfkoh" ] }, "themeStyles": [] } ], "properties": [], "_created": 1748638136, "_user_id": 1, "_version": "1.12.4" } ]
Profile Picture
Joe Warren

Feature Section

Feature section with an image and simple cards
View now
Copy now
{"content":[{"id":"jgcnhw","name":"section","parent":0,"children":["tjvgcp"],"settings":{"_cssGlobalClasses":["qvmnzg"]}},{"id":"tjvgcp","name":"container","parent":"jgcnhw","children":["hxsdxi","dinzud"],"settings":[]},{"id":"hxsdxi","name":"block","parent":"tjvgcp","children":["qmvldd","plgajj"],"settings":{"_cssGlobalClasses":["wmboww"]},"label":"Heading Block"},{"id":"qmvldd","name":"text-basic","parent":"hxsdxi","children":[],"settings":{"text":"What is Alliatus?","_cssGlobalClasses":["uxtbkd"],"tag":"div"}},{"id":"plgajj","name":"heading","parent":"hxsdxi","children":[],"settings":{"text":"Not Your Typical Networking Group.","_cssGlobalClasses":["zoooph"],"tag":"h2"}},{"id":"dinzud","name":"block","parent":"tjvgcp","children":["rkifra","vcvhdu"],"settings":{"_cssGlobalClasses":["dgoism"]},"label":"Grid"},{"id":"rkifra","name":"block","parent":"dinzud","children":["gbvomp","hbijim"],"settings":{"_cssGlobalClasses":["baukcz"]},"label":"Image Wrapper"},{"id":"gbvomp","name":"image","parent":"rkifra","children":[],"settings":{"_cssGlobalClasses":["jxbwvs"],"image":{"id":12,"filename":"web-meeting-virtual-business-corporate-telecommuting-diverse-team-working-online-discussing-project-laptop-screen-digital-office-2.png","size":"large","full":"https://blueviolet-mule-686662.hostingersite.com/wp-content/uploads/2025/05/web-meeting-virtual-business-corporate-telecommuting-diverse-team-working-online-discussing-project-laptop-screen-digital-office-2.png","url":"https://blueviolet-mule-686662.hostingersite.com/wp-content/uploads/2025/05/web-meeting-virtual-business-corporate-telecommuting-diverse-team-working-online-discussing-project-laptop-screen-digital-office-2-818x1024.png"}}},{"id":"hbijim","name":"svg","parent":"rkifra","children":[],"settings":{"_cssGlobalClasses":["ojedpc"],"file":{"id":15,"filename":"Group-6.svg","url":"https://blueviolet-mule-686662.hostingersite.com/wp-content/uploads/2025/05/Group-6.svg"}}},{"id":"vcvhdu","name":"block","parent":"dinzud","children":["foxlud","oixzux","xtuwqf","tulpoi"],"settings":{"_cssGlobalClasses":["ayzlrf"]},"label":"Content"},{"id":"foxlud","name":"block","parent":"vcvhdu","children":["oelmnu"],"settings":{"_justifyContent":"center","_gridItemColumnSpan:tablet_portrait":"span 3","_margin:tablet_portrait":{"bottom":"20"},"_gridItemColumnSpan:mobile_portrait":"auto"}},{"id":"oelmnu","name":"text-basic","parent":"foxlud","children":[],"settings":{"text":"Alliatus is a curated mastermind platform that brings together motivated individuals in small groups for deep conversation, honest feedback, and collective accountability.","tag":"p"}},{"id":"oixzux","name":"block","parent":"vcvhdu","children":["ehnvjs","mqcxqr"],"settings":{"_cssGlobalClasses":["pfeqqy"]},"label":"Card"},{"id":"ehnvjs","name":"heading","parent":"oixzux","children":[],"settings":{"text":"Small, Handpicked Circles","_cssGlobalClasses":["einhuh"]}},{"id":"mqcxqr","name":"text-basic","parent":"oixzux","children":[],"settings":{"text":"You’re matched with 5–6 people who are aligned with your stage, goals, and mindset.","tag":"p"}},{"id":"xtuwqf","name":"block","parent":"vcvhdu","children":["jqxxkj","mdwvvm"],"settings":{"_cssGlobalClasses":["pfeqqy"]},"label":"Card"},{"id":"jqxxkj","name":"heading","parent":"xtuwqf","children":[],"settings":{"text":"Real Conversations","_cssGlobalClasses":["einhuh"]}},{"id":"mdwvvm","name":"text-basic","parent":"xtuwqf","children":[],"settings":{"text":"No fluff. Get feedback, ask for help, and brainstorm challenges in structured calls.","tag":"p"}},{"id":"tulpoi","name":"block","parent":"vcvhdu","children":["bmprwy","vzfuap"],"settings":{"_cssGlobalClasses":["pfeqqy"]},"label":"Card"},{"id":"bmprwy","name":"heading","parent":"tulpoi","children":[],"settings":{"text":"Consistent Growth","_cssGlobalClasses":["einhuh"]}},{"id":"vzfuap","name":"text-basic","parent":"tulpoi","children":[],"settings":{"text":"Ongoing sessions to help you stay accountable, make bold moves, and reach goals faster.","tag":"p"}}],"source":"bricksCopiedElements","sourceUrl":"https://blueviolet-mule-686662.hostingersite.com","version":"1.12.4","globalClasses":[{"id":"qvmnzg","name":"section-padding-large","settings":{"_padding":{"top":"100","bottom":"100"},"_background":{"color":{"hex":"#f7f7f7"}}}},{"id":"wmboww","name":"heading--block","settings":{"_alignItems":"center","_margin":{"bottom":"70"},"_rowGap":"6","_alignItems:mobile_portrait":"flex-start"}},{"id":"uxtbkd","name":"eyebrow","settings":{"_typography":{"text-transform":"uppercase"}}},{"id":"zoooph","name":"h2","settings":{"_typography":{"font-size":"50","font-weight":"400"},"_cssCustom":".h2 span {\n font-weight: 700;\n font-style: italic;\n}"}},{"id":"dgoism","name":"grid--2","settings":{"_display":"grid","_gridTemplateColumns":"repeat(2,1fr)","_gridGap":"40","_gridTemplateColumns:tablet_portrait":"1fr"}},{"id":"baukcz","name":"image-wrapper","settings":{"_border":{"radius":{"top":"40","right":"40","bottom":"40","left":"40"}},"_overflow":"clip","_position":"relative","_heightMax:tablet_portrait":"25rem"}},{"id":"jxbwvs","name":"grid__image","settings":{"_width":"100%","_height":"100%","_objectFit":"cover"}},{"id":"ojedpc","name":"svg--star","settings":{"_position":"absolute","_bottom":"20","_left":"20"}},{"id":"ayzlrf","name":"grid__content","settings":{"_display":"grid","_gridTemplateRows":"repeat(4,1fr)","_gridGap":"20","_order:tablet_portrait":"-1","_gridTemplateRows:tablet_portrait":"1fr","_gridTemplateColumns:tablet_portrait":"repeat(3,1fr)","_gridTemplateColumns:mobile_portrait":"1fr"}},{"id":"pfeqqy","name":"grid__card","settings":{"_background":{"color":{"hex":"#ffffff"}},"_border":{"radius":{"top":"24","right":"24","bottom":"24","left":"24"}},"_padding":{"left":"30","right":"30","top":"30","bottom":"30"},"_rowGap":"30","_justifyContent":"center","_padding:mobile_landscape":{"left":"20","right":"20"},"_justifyContent:mobile_landscape":"flex-start"}},{"id":"einhuh","name":"grid__h3","settings":{"_typography":{"font-family":"Work Sans","font-weight":"400","color":{"hex":"#4f4f4f"},"font-size":"16","text-transform":"uppercase"}}}],"globalElements":[]}