Layout 51

A featured section with rounded corners on the outside and inside of the elements.

{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1e012820-cf5a-9a82-1f50-5d15a1b4fb60","type":"Block","tag":"div","classes":["603f087d-2038-859a-3793-6c01a698bd49"],"children":["cc9fceef-ab2f-4837-0bd8-ae6a0c959bd3","7ab3a43d-662b-83d8-a24c-e022e0da68d6"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cc9fceef-ab2f-4837-0bd8-ae6a0c959bd3","type":"Block","tag":"div","classes":["603f087d-2038-859a-3793-6c01a698bd4a"],"children":[],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7ab3a43d-662b-83d8-a24c-e022e0da68d6","type":"Block","tag":"div","classes":["603f087d-2038-859a-3793-6c01a698bd4b"],"children":["a4445286-5ee0-a66d-e3b7-512a2c3f55c6","d4e3c009-4c23-8651-2e8c-a5f11ec2a02e"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"a4445286-5ee0-a66d-e3b7-512a2c3f55c6","type":"Block","tag":"div","classes":["c55241e1-5af3-a0b9-86d2-db3a25d69e97"],"children":["923dee5d-3471-c542-e9f8-4f4ac6e3e556","a656ba1d-4cc1-2f2e-2701-0674dc9f2b36"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"style":{"base":{"main":{"noPseudo":{}}}}}},{"_id":"923dee5d-3471-c542-e9f8-4f4ac6e3e556","type":"Block","tag":"div","classes":["c55241e1-5af3-a0b9-86d2-db3a25d69e98"],"children":["132cbbce-930b-45eb-2082-9cbd25ce4486","94efe897-3547-0919-e175-ec3970d45cba"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"132cbbce-930b-45eb-2082-9cbd25ce4486","type":"Block","tag":"div","classes":["c55241e1-5af3-a0b9-86d2-db3a25d69e99"],"children":["c0246c2e-aa53-7b90-5e96-d7b2271587b1"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c0246c2e-aa53-7b90-5e96-d7b2271587b1","text":true,"v":"Eyebrow headline"},{"_id":"94efe897-3547-0919-e175-ec3970d45cba","type":"Heading","tag":"h2","classes":["c55241e1-5af3-a0b9-86d2-db3a25d69e9a"],"children":["c996defb-2ced-a615-d708-87d477bd3bed"],"data":{"tag":"h2","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c996defb-2ced-a615-d708-87d477bd3bed","text":true,"v":"Small section heading"},{"_id":"a656ba1d-4cc1-2f2e-2701-0674dc9f2b36","type":"Paragraph","tag":"p","classes":["c55241e1-5af3-a0b9-86d2-db3a25d69e9b"],"children":["c8b71544-d812-62e3-2251-ab766f2fe858"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"c8b71544-d812-62e3-2251-ab766f2fe858","text":true,"v":"Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear."},{"_id":"d4e3c009-4c23-8651-2e8c-a5f11ec2a02e","type":"HtmlEmbed","tag":"div","classes":["603f087d-2038-859a-3793-6c01a698bd4f"],"children":[],"v":"<style>\n.layout-51_card::before {\n content: \"\";\n position: absolute;\n background: rgba (0, 0, 0, 0);\n left: -2rem;\n bottom: 0;\n height: 4rem;\n width: 2rem;\n border-radius: 0 0 2rem 0;\n box-shadow: 0 2rem 0 0 #ffffff;\n}\n.layout-51_card::after {\n content: \"\";\n position: absolute;\n background: rgba (0, 0, 0, 0);\n right: 0;\n top: -4rem;\n height: 4rem;\n width: 2rem;\n border-radius: 0 0 2rem 0;\n box-shadow: 0 2rem 0 0 #ffffff;\n}\n</style>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<style>\n.layout-51_card::before {\n content: \"\";\n position: absolute;\n background: rgba (0, 0, 0, 0);\n left: -2rem;\n bottom: 0;\n height: 4rem;\n width: 2rem;\n border-radius: 0 0 2rem 0;\n box-shadow: 0 2rem 0 0 #ffffff;\n}\n.layout-51_card::after {\n content: \"\";\n position: absolute;\n background: rgba (0, 0, 0, 0);\n right: 0;\n top: -4rem;\n height: 4rem;\n width: 2rem;\n border-radius: 0 0 2rem 0;\n box-shadow: 0 2rem 0 0 #ffffff;\n}\n</style>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}}],"styles":[{"_id":"c55241e1-5af3-a0b9-86d2-db3a25d69e9a","fake":false,"type":"class","name":"layout-51_heading","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-bottom: 0px;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c55241e1-5af3-a0b9-86d2-db3a25d69e99","fake":false,"type":"class","name":"layout-51_eyebrow","namespace":"","comb":"","styleLess":"color: #0c60f5; font-weight: 700;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"603f087d-2038-859a-3793-6c01a698bd4f","fake":false,"type":"class","name":"CODE: Reverse Rounded Corner","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c55241e1-5af3-a0b9-86d2-db3a25d69e9b","fake":false,"type":"class","name":"layout-51_paragraph","namespace":"","comb":"","styleLess":"margin-bottom: 0px;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c55241e1-5af3-a0b9-86d2-db3a25d69e98","fake":false,"type":"class","name":"layout-51_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":"603f087d-2038-859a-3793-6c01a698bd4a","fake":false,"type":"class","name":"layout-51_background","namespace":"","comb":"","styleLess":"height: 30rem; background-image: @img_668eeb85e30a66c12b832954; background-position: 50% 50%; background-size: cover;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"c55241e1-5af3-a0b9-86d2-db3a25d69e97","fake":false,"type":"class","name":"layout-51_container","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 40rem; padding-top: 2rem; padding-right: 2rem; padding-bottom: 2rem; padding-left: 2rem; flex-direction: column; justify-content: flex-start; flex-wrap: nowrap; align-items: flex-start; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"603f087d-2038-859a-3793-6c01a698bd49","fake":false,"type":"class","name":"layout-51","namespace":"","comb":"","styleLess":"position: relative; overflow: hidden; border-top-left-radius: 2rem; border-top-right-radius: 2rem; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem;","variants":{},"children":[],"createdBy":"5fcce66bbffdd37054e18b58","origin":null,"selector":null},{"_id":"603f087d-2038-859a-3793-6c01a698bd4b","fake":false,"type":"class","name":"layout-51_card","namespace":"","comb":"","styleLess":"position: absolute; right: 0px; bottom: 0px; width: 40rem; max-width: 70%; border-top-left-radius: 2rem; border-bottom-left-radius: 0rem; background-color: white;","variants":{"tiny":{"styleLess":"max-width: 80%;"}},"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
Piixel Media