Back
Layout 1
Copy component
Copy component
Upgrade to copy
Join to copy
Lifetime access $249
Two column layout with text on the left and image on the right.
Home
Components
Components
Layout Section
Layout 1
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1203424f-5f9b-d426-9944-e421732a0c1d","type":"Block","tag":"div","classes":["c0f55929-5839-0969-d1c4-338448bcfa5f"],"children":["3802fa10-2fd0-d8d5-0fb2-12a4de129cd1","00b3e0df-1050-930e-4768-a38f3c048f26"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"3802fa10-2fd0-d8d5-0fb2-12a4de129cd1","type":"Block","tag":"div","classes":["c0f55929-5839-0969-d1c4-338448bcfa5d"],"children":["365fb040-42cb-d293-c0cc-d6651251df3b","bf8e06d1-8ca7-5f72-bbf4-31ecb4bcc72f","e990a1ca-79a1-027c-5c7b-e4288deca028"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"main":{"noPseudo":{"alignSelf":"center"}}}}}},{"_id":"365fb040-42cb-d293-c0cc-d6651251df3b","type":"Block","tag":"div","classes":["ea309482-3bb3-38ed-499e-93772409db55"],"children":["54dae2d1-881a-2a57-62fa-23ebe9ee5cd3","78740f2c-24b1-5252-f09f-fe44ba23b4a2"],"data":{"text":false,"tag":"div"}},{"_id":"54dae2d1-881a-2a57-62fa-23ebe9ee5cd3","type":"Block","tag":"div","classes":["c0f55929-5839-0969-d1c4-338448bcfa5e"],"children":["434bfdc0-a5b7-8712-b9df-1a63a9ca22b3"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"434bfdc0-a5b7-8712-b9df-1a63a9ca22b3","text":true,"v":"Eyebrow headline"},{"_id":"78740f2c-24b1-5252-f09f-fe44ba23b4a2","type":"Heading","tag":"h2","classes":["c0f55929-5839-0969-d1c4-338448bcfa5c"],"children":["7c2910f5-1ce0-9e1e-b5d9-b392bf7b4c14"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7c2910f5-1ce0-9e1e-b5d9-b392bf7b4c14","text":true,"v":"This is a heading for this layout section"},{"_id":"bf8e06d1-8ca7-5f72-bbf4-31ecb4bcc72f","type":"Paragraph","tag":"p","classes":["c0f55929-5839-0969-d1c4-338448bcfa61"],"children":["a06877a2-492e-fd45-153a-24e7a27b5902"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a06877a2-492e-fd45-153a-24e7a27b5902","text":true,"v":"Now that we know who you are, I know who I am. I'm not a mistake! It all makes sense! In a comic, you know how you can tell who the arch-villain's going to be? He's the exact opposite of the hero. And most times they're friends, like you and me! I should've known way back when... You know why, David? Because of the kids. They called me Mr Glass."},{"_id":"e990a1ca-79a1-027c-5c7b-e4288deca028","type":"Block","tag":"div","classes":["c0f55929-5839-0969-d1c4-338448bcfa64"],"children":["e35476ac-9a48-6a81-892a-c0457b8a1796","6611b686-e67b-7651-9885-e61e1eb3e7c5"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e35476ac-9a48-6a81-892a-c0457b8a1796","type":"Link","tag":"a","classes":["c0f55929-5839-0969-d1c4-338448bcfa63"],"children":["56dae328-8686-172e-d549-cf9336d46810"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"56dae328-8686-172e-d549-cf9336d46810","text":true,"v":"Get started"},{"_id":"6611b686-e67b-7651-9885-e61e1eb3e7c5","type":"Link","tag":"a","classes":["c0f55929-5839-0969-d1c4-338448bcfa63","c0f55929-5839-0969-d1c4-338448bcfa65"],"children":["e200942f-2192-b1e2-427f-c0bbc158a6bf"],"data":{"button":true,"block":"","link":{"mode":"external","url":"#"},"attr":{"id":""},"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"e200942f-2192-b1e2-427f-c0bbc158a6bf","text":true,"v":"Learn more"},{"_id":"00b3e0df-1050-930e-4768-a38f3c048f26","type":"Block","tag":"div","classes":["c0f55929-5839-0969-d1c4-338448bcfa62"],"children":["0ca2a2ac-6097-dd24-7094-c0a4838627c4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"main":{"noPseudo":{"alignSelf":"center"}}}}}},{"_id":"0ca2a2ac-6097-dd24-7094-c0a4838627c4","type":"Image","tag":"img","classes":["c0f55929-5839-0969-d1c4-338448bcfa60"],"children":[],"data":{"img":{"id":"668eeb85e30a66c12b832954"},"srcsetDisabled":false,"attr":{"width":"auto","height":"auto","alt":"__wf_reserved_inherit","src":"https://cdn.prod.website-files.com/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder.webp","loading":"lazy","id":""},"sizes":[{"max":479,"size":"83vw"},{"max":767,"size":"90vw"},{"max":991,"size":"44vw"},{"max":10000,"size":"49vw"}],"devlink":{"runtimeProps":{},"slot":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"main":{"noPseudo":{}}}}}}],"styles":[{"_id":"c0f55929-5839-0969-d1c4-338448bcfa65","fake":false,"type":"class","name":"is-reverse","namespace":"","comb":"&","styleLess":"border-top-style: solid; border-top-width: 2px; border-top-color: #0c60f5; border-right-style: solid; border-right-width: 2px; border-right-color: #0c60f5; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #0c60f5; border-left-style: solid; border-left-width: 2px; border-left-color: #0c60f5; background-color: transparent; color: #0f1929;","variants":{"main_hover":{"styleLess":"border-top-color: #0049ca; border-right-color: #0049ca; border-bottom-color: #0049ca; border-left-color: #0049ca; color: #0049ca;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c0f55929-5839-0969-d1c4-338448bcfa5e","fake":false,"type":"class","name":"layout-1_eyebrow","namespace":"","comb":"","styleLess":"color: #0c60f5; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c0f55929-5839-0969-d1c4-338448bcfa61","fake":false,"type":"class","name":"layout-1_paragraph","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c0f55929-5839-0969-d1c4-338448bcfa5d","fake":false,"type":"class","name":"layout-1_content","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"ea309482-3bb3-38ed-499e-93772409db55","fake":false,"type":"class","name":"layout-1_header","namespace":"","comb":"","styleLess":"display: flex; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c0f55929-5839-0969-d1c4-338448bcfa62","fake":false,"type":"class","name":"layout-1_image-container","namespace":"","comb":"","styleLess":"width: 100%; height: 100%;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c0f55929-5839-0969-d1c4-338448bcfa63","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: inline-block; padding-top: 1rem; padding-right: 1.5rem; padding-bottom: 1rem; padding-left: 1.5rem; border-top-style: solid; border-top-width: 2px; border-top-color: #0c60f5; border-right-style: solid; border-right-width: 2px; border-right-color: #0c60f5; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #0c60f5; border-left-style: solid; border-left-width: 2px; border-left-color: #0c60f5; background-color: #0c60f5; color: white; font-size: 1em; line-height: 1.125em; font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap;","variants":{"main_hover":{"styleLess":"border-top-color: #0049ca; border-right-color: #0049ca; border-bottom-color: #0049ca; border-left-color: #0049ca; background-color: #0049ca;"}},"children":["c0f55929-5839-0969-d1c4-338448bcfa65"],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c0f55929-5839-0969-d1c4-338448bcfa5c","fake":false,"type":"class","name":"layout-1_heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c0f55929-5839-0969-d1c4-338448bcfa60","fake":false,"type":"class","name":"layout-1_image","namespace":"","comb":"","styleLess":"width: 100%; height: 100%; object-fit: cover;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c0f55929-5839-0969-d1c4-338448bcfa64","fake":false,"type":"class","name":"button-group","namespace":"","comb":"","styleLess":"display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem;","variants":{"tiny":{"styleLess":"flex-wrap: wrap;"}},"children":["83d06e23-7eb1-bbc6-71c6-4218b82ce6a6"],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c0f55929-5839-0969-d1c4-338448bcfa5f","fake":false,"type":"class","name":"layout-1","namespace":"","comb":"","styleLess":"display: grid; align-content: center; grid-auto-columns: 1fr; grid-column-gap: 3rem; grid-row-gap: 3rem; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"small":{"styleLess":"grid-template-columns: 1fr;"}},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder.webp","siteId":"668ecb3779424bd7cd34360b","width":3840,"isHD":false,"height":2088,"fileName":"668eeb85e30a66c12b832954_piixel_image-placeholder.webp","createdOn":"2024-07-10T20:13:57.543Z","origFileName":"piixel_image-placeholder.webp","alt":"Image placeholder","fileHash":"ee5a9d514bf376cc4e1877942b344ab8","translationLoading":false,"variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-500.webp","origFileName":"piixel_image-placeholder.webp","fileName":"668eeb85e30a66c12b832954_piixel_image-placeholder-p-500.webp","size":648,"format":"webp","width":500,"quality":100,"_id":"668eeb88e30a66c12b832aa0","cdnUrl":"https://cdn.prod.website-files.com/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-500.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-800.webp","origFileName":"piixel_image-placeholder.webp","fileName":"668eeb85e30a66c12b832954_piixel_image-placeholder-p-800.webp","size":1244,"format":"webp","width":800,"quality":100,"_id":"668eeb88e30a66c12b832aa1","cdnUrl":"https://cdn.prod.website-files.com/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-800.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-1080.webp","origFileName":"piixel_image-placeholder.webp","fileName":"668eeb85e30a66c12b832954_piixel_image-placeholder-p-1080.webp","size":2002,"format":"webp","width":1080,"quality":100,"_id":"668eeb88e30a66c12b832aa2","cdnUrl":"https://cdn.prod.website-files.com/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-1080.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-1600.webp","origFileName":"piixel_image-placeholder.webp","fileName":"668eeb85e30a66c12b832954_piixel_image-placeholder-p-1600.webp","size":3760,"format":"webp","width":1600,"quality":100,"_id":"668eeb88e30a66c12b832aa3","cdnUrl":"https://cdn.prod.website-files.com/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-1600.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-2000.webp","origFileName":"piixel_image-placeholder.webp","fileName":"668eeb85e30a66c12b832954_piixel_image-placeholder-p-2000.webp","size":5432,"format":"webp","width":2000,"quality":100,"_id":"668eeb88e30a66c12b832aa4","cdnUrl":"https://cdn.prod.website-files.com/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-2000.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-2600.webp","origFileName":"piixel_image-placeholder.webp","fileName":"668eeb85e30a66c12b832954_piixel_image-placeholder-p-2600.webp","size":8664,"format":"webp","width":2600,"quality":100,"_id":"668eeb88e30a66c12b832aa5","cdnUrl":"https://cdn.prod.website-files.com/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-2600.webp"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-3200.webp","origFileName":"piixel_image-placeholder.webp","fileName":"668eeb85e30a66c12b832954_piixel_image-placeholder-p-3200.webp","size":12566,"format":"webp","width":3200,"quality":100,"_id":"668eeb88e30a66c12b832aa6","cdnUrl":"https://cdn.prod.website-files.com/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder-p-3200.webp"}],"mimeType":"image/webp","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder.webp","thumbUrl":"https://cdn.prod.website-files.com/668ecb3779424bd7cd34360b/668eeb85e30a66c12b832954_piixel_image-placeholder.webp","_id":"668eeb85e30a66c12b832954","updatedOn":"2024-07-10T20:14:12.634Z","fileSize":17390,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":0}}
Built by hand with
from