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
Akshay Joshi

Trakor Two Column Section

Section with a simple two-column layout and a call-to-action.
View now
Copy now
{"id":4873,"name":"trakor-two-column-section","title":"Trakor two column section","date":"2025-11-17 08:26:21","date_formatted":"November 17, 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\/trakor-two-column-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"425866","name":"section","parent":0,"children":["f0ce64"],"settings":{"_cssGlobalClasses":["dwgaoz"]},"label":"Trakor two column section"},{"id":"f0ce64","name":"container","parent":"425866","children":["091c4e","4f5103"],"settings":{"_direction":"row","_cssGlobalClasses":["xbrnla","voltoy"]}},{"id":"091c4e","name":"block","parent":"f0ce64","children":["51332e","f98c84","03015d","338125"],"settings":{"_cssGlobalClasses":["dagulk"],"_alignItems:mobile_portrait":"flex-start"},"label":"Column"},{"id":"51332e","name":"heading","parent":"091c4e","children":[],"settings":{"text":"Team management.Effortless syncronization.","tag":"h3","_cssGlobalClasses":["qnjcdl"]}},{"id":"f98c84","name":"text-basic","parent":"091c4e","children":[],"settings":{"text":"Massa nunc nisi fames adipiscing scelerisque placerat et sagittis cursus. Mi commodo id maecenas amet, elementum a, in.","_cssGlobalClasses":["ikvgxl"]}},{"id":"03015d","name":"list","parent":"091c4e","children":[],"settings":{"items":[{"title":"Interdum volutpat turpis malesuada ac turpis.","id":"nsymwf","icon":[]},{"title":"Tortor ipsum pretium quis nunc.","id":"xxruuf","icon":[]},{"title":"Vitae odio a id purus in.","id":"qmqpqi","icon":[]}],"_cssGlobalClasses":["qkculw"],"icon":{"library":"ionicons","icon":"ion-ios-checkmark"}},"themeStyles":[]},{"id":"338125","name":"button","parent":"091c4e","children":[],"settings":{"text":"Read More","style":"primary","_cssGlobalClasses":["nrgtgp"],"icon":[],"link":{"type":"external","url":"#"}}},{"id":"4f5103","name":"block","parent":"f0ce64","children":[],"settings":{"_cssGlobalClasses":["dagulk"],"_background":{"image":{"id":4753,"filename":"86333f86c42b1d77e94cd0c97ab8dc29929d76e9.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/86333f86c42b1d77e94cd0c97ab8dc29929d76e9.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/86333f86c42b1d77e94cd0c97ab8dc29929d76e9-1024x682.webp"},"position":"center center","size":"cover","repeat":"no-repeat"},"_background:mobile_landscape":{"position":"top center"},"_height:mobile_landscape":"300"},"label":"Column"}],"templateType":"section","global_classes":[{"id":"xbrnla","name":"trakor_default-container","settings":{"_width":"100%","_widthMax":"1280px","_rowGap":"25"}},{"id":"dwgaoz","name":"trakor_default-section","settings":{"_padding":{"top":"80","bottom":"80","left":"5%","right":"5%"},"_background":{"color":{"hex":"#0e172a"}},"_rowGap":"70"}},{"id":"ikvgxl","name":"trakor_text","settings":{"_typography":{"color":{"hex":"#cbd5e1"}}}},{"id":"nrgtgp","name":"trakor_btn","settings":{"_background":{"color":{"hex":"#4f46e5"}},"_typography":{"color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"},"font-size":"18","font-weight":"500"},"_border":{"radius":{"top":"8","right":"8","bottom":"8","left":"8"}},"_widthMin":"192","_background:hover":{"color":{"hex":"#493ee5","rgb":"rgba(73, 62, 229, 0.91)","hsl":"hsla(244, 76%, 57%, 0.91)"}}}},{"id":"qnjcdl","name":"trakor-h3","settings":{"_typography":{"font-size":"48","font-weight":"800","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}},"_cssCustom":".trakor-h3 span {\ncolor: #818CF8;\n}","_typography:tablet_portrait":{"font-size":"38"},"_typography:mobile_landscape":{"font-size":"30"}},"modified":1763128835,"user_id":1},{"id":"dagulk","name":"trakor-about-content-col","settings":{"_columnGap":"20","_rowGap":"20","_width":"50%","_alignSelf:mobile_portrait":"center","_justifyContent:mobile_portrait":"center","_border":{"radius":{"right":"15","top":"15","bottom":"15","left":"15"}},"_width:mobile_landscape":"100%","_alignItems:mobile_portrait":"center","_direction:mobile_landscape":"column"}},{"id":"voltoy","name":"trakor-2-col-content-container","settings":{"_rowGap":"80","_columnGap":"80","_alignItems":"stretch"},"modified":1762956150,"user_id":1},{"id":"qkculw","name":"trakor_list","settings":{"iconColor":{"hex":"#818cf8"},"titleMargin":{"left":"10","right":"0"},"separatorDisable":true,"itemJustifyContent":"flex-start","titleTypography":{"color":{"hex":"#cbd5e1"},"font-size":"16"},"iconSize":"30"}}]}
Profile Picture
Akshay Joshi

Trakor Featured Section

Section showcasing a prominent product or service image with a headline.
View now
Copy now
{"id":4872,"name":"trakor-featured-section","title":"Trakor Featured Section","date":"2025-11-17 08:25:27","date_formatted":"November 17, 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\/trakor-featured-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"ea90c6","name":"section","parent":0,"children":["614a3e"],"settings":{"_cssGlobalClasses":["qzykmr"]},"label":"Trakor Featured Section"},{"id":"614a3e","name":"container","parent":"ea90c6","children":["864edc"],"settings":{"_cssGlobalClasses":["nkdqjd"],"_background":{"color":{"hex":"#4f46e5"}}}},{"id":"864edc","name":"container","parent":"614a3e","children":["4c6cf8","90c0c6"],"settings":{"_cssGlobalClasses":["xbrnla","nrlinq"]}},{"id":"4c6cf8","name":"heading","parent":"864edc","children":[],"settings":{"text":"Diam quam tortor eget id. Aliquet lacus volutpat tristique sed diam.","tag":"h2","_cssGlobalClasses":["ahtrmk","eyscct"],"_typography":{"text-align":"center"}}},{"id":"90c0c6","name":"image","parent":"864edc","children":[],"settings":{"_cssGlobalClasses":["knskyv"],"image":{"id":4745,"filename":"Desktop-2.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Desktop-2.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/Desktop-2-1024x676.webp"}},"themeStyles":[]}],"templateType":"section","global_classes":[{"id":"xbrnla","name":"trakor_default-container","settings":{"_width":"100%","_widthMax":"1280px","_rowGap":"25"}},{"id":"ahtrmk","name":"trakor_h2","settings":{"_typography":{"font-size":"56","font-weight":"800","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}},"_cssCustom":".trakor_h2 span {\ncolor: #818CF8;\n}","_typography:tablet_portrait":{"font-size":"42","line-height":"1.2"},"_typography:mobile_landscape":{"font-size":"36"}},"modified":1763128835,"user_id":1},{"id":"qzykmr","name":"trakor_blue-full-width-section","settings":{"_heightMin":"578","_heightMin:tablet_portrait":"480","_heightMin:mobile_landscape":"450","_padding":{"bottom":"35%","top":"80"},"_background":{"color":{"hex":"#0e172a"}},"_padding:mobile_portrait":{"bottom":"40%"}}},{"id":"knskyv","name":"trakor-about-big-image","settings":{"_alignSelf":"center","_padding":{"top":"0","bottom":"0%"},"_margin":{"bottom":"-30%"},"_width":"100%"}},{"id":"nkdqjd","name":"trakor_blue-container","settings":{"_width":"100%","_padding":{"left":"5%","right":"5%"}}},{"id":"nrlinq","name":"trakor_blue-container-inner","settings":{"_padding":{"top":"80"},"_rowGap":"50","_alignItems":"center"}},{"id":"eyscct","name":"trakor_width-70","settings":{"_widthMax":"70%","_widthMax:tablet_portrait":"100%"},"modified":1763366138,"user_id":1}]}
Profile Picture
Akshay Joshi

Trakor About Section

A section containing multiple containers with a two-column layout and an image grid.
View now
Copy now
{"id":4871,"name":"trakor-about-section","title":"Trakor About section","date":"2025-11-17 08:23:29","date_formatted":"November 17, 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\/trakor-about-section\/","thumbnail":null,"bundles":[],"tags":[],"type":"section","content":[{"id":"222822","name":"section","parent":0,"children":["a54c5f","9d7d44"],"settings":{"_cssGlobalClasses":["dwgaoz"]},"label":"Trakor About section"},{"id":"a54c5f","name":"container","parent":"222822","children":["be98ca","971c91"],"settings":{"_cssGlobalClasses":["xbrnla","ghmqqg"]}},{"id":"be98ca","name":"heading","parent":"a54c5f","children":[],"settings":{"text":"Your team. Your projects.Always together.","_cssGlobalClasses":["ahtrmk"],"tag":"h2","_typography":{"text-align":"center"}}},{"id":"971c91","name":"text-basic","parent":"a54c5f","children":[],"settings":{"text":"Malesuada ut aliquam at ac est nisi, interdum etiam dignissim.","_cssGlobalClasses":["ikvgxl"],"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"9d7d44","name":"container","parent":"222822","children":["3909db","2d59be"],"settings":{"_direction":"row","_cssGlobalClasses":["xbrnla","voltoy"],"_direction:mobile_landscape":"column"}},{"id":"3909db","name":"block","parent":"9d7d44","children":["b0d6cc","a08d03"],"settings":{"_cssGlobalClasses":["dagulk"],"_width:mobile_landscape":"100%"},"label":"Column"},{"id":"b0d6cc","name":"heading","parent":"3909db","children":[],"settings":{"text":"Bigger team.More time.","tag":"h3","_cssGlobalClasses":["qnjcdl"],"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"a08d03","name":"text-basic","parent":"3909db","children":[],"settings":{"text":"Quam quis orci turpis vulputate platea. Urna ipsum suscipit nullam ipsum nam leo fringilla eget lorem. Sit vestibulum phasellus integer et et diam malesuada. Sed tortor orci mauris proin ac. Venenatis euismod mauris quis sit purus nisi. Sed quis eget augue ut aliquam sed.","_cssGlobalClasses":["ikvgxl"],"_typography:mobile_portrait":{"text-align":"center"}}},{"id":"2d59be","name":"block","parent":"9d7d44","children":["740db0","8e7d2a"],"settings":{"_cssGlobalClasses":["wrltir"]},"label":"Column"},{"id":"740db0","name":"block","parent":"2d59be","children":["e96e65","dd78db"],"settings":{"_cssGlobalClasses":["syetxi"],"_direction":"row"}},{"id":"e96e65","name":"block","parent":"740db0","children":[],"settings":{"_width":"55%","_cssGlobalClasses":["ydemxf"],"_background":{"image":{"id":4739,"filename":"a7f1d39bbc6a12d437e9bf8fcc05d7974490c41b.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/a7f1d39bbc6a12d437e9bf8fcc05d7974490c41b.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/a7f1d39bbc6a12d437e9bf8fcc05d7974490c41b-1024x682.webp"},"position":"center center","size":"cover","repeat":"no-repeat"},"_margin":{"left":"40"},"_margin:tablet_portrait":{"left":"30"},"_margin:mobile_landscape":{"left":"0"}},"label":"Column"},{"id":"dd78db","name":"block","parent":"740db0","children":[],"settings":{"_width":"45%","_cssGlobalClasses":["ydemxf"],"_background":{"image":{"id":4738,"filename":"1041da535ebef76db733fc61f64ce74f8a5bbbb3.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/1041da535ebef76db733fc61f64ce74f8a5bbbb3.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/1041da535ebef76db733fc61f64ce74f8a5bbbb3-1024x682.webp"},"position":"center center","size":"cover","repeat":"no-repeat"}},"label":"Column"},{"id":"8e7d2a","name":"block","parent":"2d59be","children":["0da8c7","001c00"],"settings":{"_cssGlobalClasses":["syetxi"],"_direction":"row"}},{"id":"0da8c7","name":"block","parent":"8e7d2a","children":[],"settings":{"_width":"45%","_cssGlobalClasses":["ydemxf"],"_background":{"image":{"id":4737,"filename":"5d4bde28d4e9f37f9c1b6001868a0b4c9f442fcb.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/5d4bde28d4e9f37f9c1b6001868a0b4c9f442fcb.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/5d4bde28d4e9f37f9c1b6001868a0b4c9f442fcb-1024x649.webp"},"position":"center center","repeat":"no-repeat"},"_margin:mobile_landscape":{"left":"30"}},"label":"Column"},{"id":"001c00","name":"block","parent":"8e7d2a","children":[],"settings":{"_width":"55%","_cssGlobalClasses":["ydemxf"],"_background":{"image":{"id":4753,"filename":"86333f86c42b1d77e94cd0c97ab8dc29929d76e9.webp","size":"large","full":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/86333f86c42b1d77e94cd0c97ab8dc29929d76e9.webp","url":"https:\/\/gallopbiz.in\/ak-dev\/wp-content\/uploads\/2025\/11\/86333f86c42b1d77e94cd0c97ab8dc29929d76e9-1024x682.webp"},"position":"center center","repeat":"no-repeat","size":"cover"},"_margin:mobile_landscape":{"right":"30"}},"label":"Column"}],"templateType":"section","global_classes":[{"id":"xbrnla","name":"trakor_default-container","settings":{"_width":"100%","_widthMax":"1280px","_rowGap":"25"}},{"id":"dwgaoz","name":"trakor_default-section","settings":{"_padding":{"top":"80","bottom":"80","left":"5%","right":"5%"},"_background":{"color":{"hex":"#0e172a"}},"_rowGap":"70"}},{"id":"ikvgxl","name":"trakor_text","settings":{"_typography":{"color":{"hex":"#cbd5e1"}}}},{"id":"ahtrmk","name":"trakor_h2","settings":{"_typography":{"font-size":"56","font-weight":"800","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}},"_cssCustom":".trakor_h2 span {\ncolor: #818CF8;\n}","_typography:tablet_portrait":{"font-size":"42","line-height":"1.2"},"_typography:mobile_landscape":{"font-size":"36"}},"modified":1763128835,"user_id":1},{"id":"ghmqqg","name":"trakor_center-all","settings":{"_justifyContent":"center","_alignItems":"center","_alignSelf":"center"}},{"id":"qnjcdl","name":"trakor-h3","settings":{"_typography":{"font-size":"48","font-weight":"800","color":{"hex":"#ffffff","id":"csrxpa","name":"Color #1"}},"_cssCustom":".trakor-h3 span {\ncolor: #818CF8;\n}","_typography:tablet_portrait":{"font-size":"38"},"_typography:mobile_landscape":{"font-size":"30"}},"modified":1763128835,"user_id":1},{"id":"dagulk","name":"trakor-about-content-col","settings":{"_columnGap":"20","_rowGap":"20","_width":"50%","_alignSelf:mobile_portrait":"center","_justifyContent:mobile_portrait":"center","_border":{"radius":{"right":"15","top":"15","bottom":"15","left":"15"}},"_width:mobile_landscape":"100%","_alignItems:mobile_portrait":"center","_direction:mobile_landscape":"column"}},{"id":"wrltir","name":"trakor-about-image-col","settings":{"_width":"50%","_columnGap":"20","_rowGap":"20","_width:mobile_landscape":"100%"}},{"id":"syetxi","name":"trakor-about-image_inner-block","settings":{"_direction":"row","_columnGap":"20","_alignItems":"stretch","_rowGap":"20","_flexWrap:mobile_landscape":"nowrap"}},{"id":"voltoy","name":"trakor-2-col-content-container","settings":{"_rowGap":"80","_columnGap":"80","_alignItems":"stretch"},"modified":1762956150,"user_id":1},{"id":"ydemxf","name":"trakor_grid--img-col","settings":{"_height":"170","_border":{"radius":{"right":"15","top":"15","bottom":"15","left":"15"}},"_height:mobile_portrait":"150"}}]}

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