Komponente laden...

Laden

Weitere Komponenten

Alle anzeigen
Teil von

Background Blur Modal CTA

Huch! Beim Absenden des Formulars ist etwas schief gelaufen.
Background Blur Modal CTA
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6ac6","type":"Section","tag":"section","classes":["6851fa00-5cc5-0369-98c4-e4d0dca3fe61"],"children":["7a496fe3-d168-3c42-3739-b7cc2b7b6ac7"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6ac7","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["7a496fe3-d168-3c42-3739-b7cc2b7b6ac8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6ac8","type":"Grid","tag":"div","classes":["e1d2a978-e3d3-1ed8-c6c5-37d225689aed"],"children":["7a496fe3-d168-3c42-3739-b7cc2b7b6ac9"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6ac9","type":"Block","tag":"div","classes":["9ef5cfd9-5e38-8df4-542f-8215429bf5c0"],"children":["7a496fe3-d168-3c42-3739-b7cc2b7b6aca","7a496fe3-d168-3c42-3739-b7cc2b7b6acc","5a2405a6-862e-9fd0-7b95-8eae56791281"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6aca","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece"],"children":["d49083f9-b29d-7ebf-4e41-436b3783bd0b"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"d49083f9-b29d-7ebf-4e41-436b3783bd0b","text":true,"v":"Get ready for the future."},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6acc","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488"],"children":["7a496fe3-d168-3c42-3739-b7cc2b7b6acd"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6acd","text":true,"v":"Lorem ipsum dolor sit amet. Rem quidem blanditiis aut quia dolorem ut facere voluptatem non delectus natus. Non praesentium error qui dolor quia aut repudiandae sequi nam facere veniam."},{"_id":"5a2405a6-862e-9fd0-7b95-8eae56791281","type":"Block","tag":"div","classes":["c038548f-a5f0-6dc6-8afb-9510943c1414"],"children":["5a2405a6-862e-9fd0-7b95-8eae56791282","5a2405a6-862e-9fd0-7b95-8eae56791284"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5a2405a6-862e-9fd0-7b95-8eae56791282","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":["5a2405a6-862e-9fd0-7b95-8eae56791283"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"5a2405a6-862e-9fd0-7b95-8eae56791283","text":true,"v":"Get started"},{"_id":"5a2405a6-862e-9fd0-7b95-8eae56791284","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466"],"children":["5a2405a6-862e-9fd0-7b95-8eae56791285"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"5a2405a6-862e-9fd0-7b95-8eae56791285","text":true,"v":"Book a demo"}],"styles":[{"_id":"c038548f-a5f0-6dc6-8afb-9510943c1414","fake":false,"type":"class","name":"wrap_2-buttons","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e1d2a978-e3d3-1ed8-c6c5-37d225689aed","fake":false,"type":"class","name":"grid_1-2","namespace":"","comb":"","styleLess":"display: grid; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 50px; grid-row-gap: 50px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"small":{"styleLess":"grid-template-columns: 1fr;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"72892e61-f174-061c-779c-bdab5e8e9ece","fake":false,"type":"class","name":"h2","namespace":"","comb":"","styleLess":"margin-top: 0px; color: hsla(0, 0.00%, 10.00%, 1.00); font-weight: 500;","variants":{},"children":["bd73952d-7fae-c233-299f-d1a4770f8055"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"6851fa00-5cc5-0369-98c4-e4d0dca3fe61","fake":false,"type":"class","name":"section_bg-image","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 100px; padding-right: 5%; padding-bottom: 100px; padding-left: 5%; flex-direction: column; align-items: center; background-image: @img_64770a497f21e99693a6b45e; background-position: 50% 50%; background-size: cover;","variants":{},"children":["2227cfa0-9989-b752-d50d-dcfe08871bb5","94392e82-46c1-7744-fed7-58ebacb5854d"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3fef1df7-3a28-3b76-5ed6-e926368fc29c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["0a88df8e-a852-6cbb-bf1b-6d4604c49466","db8f9202-97eb-420b-8524-4baa61e3977e"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"813629e8-969c-cce3-2226-ebd6b34fb488","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 20px; color: hsla(0, 0.00%, 10.00%, 1.00); font-size: 16px; line-height: 1.6; font-weight: 300;","variants":{},"children":["a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","6f0b4856-89f4-1220-56b4-265410032c16"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3c6e9671-3c33-33e0-9671-41ce3f20247f","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"0a88df8e-a852-6cbb-bf1b-6d4604c49466","fake":false,"type":"class","name":"secondary","namespace":"","comb":"&","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); background-color: transparent; color: hsla(0, 0.00%, 10.00%, 1.00);","variants":{},"children":["94686e60-c9a6-e2fa-022d-83efef601083"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9ef5cfd9-5e38-8df4-542f-8215429bf5c0","fake":false,"type":"class","name":"content-wrap_bg-blur","namespace":"","comb":"","styleLess":"display: flex; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; flex-direction: column; align-items: flex-start; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 0.75); backdrop-filter: blur(5px);","variants":{},"children":["e7631ba8-c751-ee85-3d71-e54de150a731","ef8ba311-44f4-8ae5-98e8-41b478a9a91f"],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144.jpg","siteId":"647705ca3db454a2588a1856","width":3000,"isHD":false,"height":2000,"fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144.jpg","createdOn":"2023-05-31T08:50:17.324Z","origFileName":"pexels-cottonbro-studio-4065144.jpg","fileHash":"036ec766cd62eeed611a72e2f29d2e5a","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-500.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-500.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-500.jpg","size":30422,"format":"jpg","width":500,"quality":100,"_id":"64770a4e5daf8dabd9165aa0","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-800.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-800.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-800.jpg","size":65944,"format":"jpg","width":800,"quality":100,"_id":"64770a4e5daf8dabd9165aa1","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1080.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-1080.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1080.jpg","size":108781,"format":"jpg","width":1080,"quality":100,"_id":"64770a4e5daf8dabd9165aa2","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1080.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1600.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-1600.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1600.jpg","size":210831,"format":"jpg","width":1600,"quality":100,"_id":"64770a4e5daf8dabd9165aa3","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1600.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2000.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-2000.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2000.jpg","size":308281,"format":"jpg","width":2000,"quality":100,"_id":"64770a4e5daf8dabd9165aa4","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2000.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2600.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-2600.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2600.jpg","size":486924,"format":"jpg","width":2600,"quality":100,"_id":"64770a4e5daf8dabd9165aa5","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2600.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144.jpg","thumbUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-130x130q80.jpg","_id":"64770a497f21e99693a6b45e","updatedOn":"2023-05-31T09:00:03.417Z","fileSize":815333}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Komponente kopieren
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6ac6","type":"Section","tag":"section","classes":["6851fa00-5cc5-0369-98c4-e4d0dca3fe61"],"children":["7a496fe3-d168-3c42-3739-b7cc2b7b6ac7"],"data":{"grid":{"type":"section"},"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"section"}},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6ac7","type":"Block","tag":"div","classes":["3c6e9671-3c33-33e0-9671-41ce3f20247f"],"children":["7a496fe3-d168-3c42-3739-b7cc2b7b6ac8"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6ac8","type":"Grid","tag":"div","classes":["e1d2a978-e3d3-1ed8-c6c5-37d225689aed"],"children":["7a496fe3-d168-3c42-3739-b7cc2b7b6ac9"],"data":{"grid":"two-by-two","search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6ac9","type":"Block","tag":"div","classes":["9ef5cfd9-5e38-8df4-542f-8215429bf5c0"],"children":["7a496fe3-d168-3c42-3739-b7cc2b7b6aca","7a496fe3-d168-3c42-3739-b7cc2b7b6acc","5a2405a6-862e-9fd0-7b95-8eae56791281"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"style":{"base":{"main":{"noPseudo":{"gridColumnStart":"span 1","gridColumnEnd":"span 1","gridRowStart":"span 1","gridRowEnd":"span 1"}}}},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6aca","type":"Heading","tag":"h2","classes":["72892e61-f174-061c-779c-bdab5e8e9ece"],"children":["d49083f9-b29d-7ebf-4e41-436b3783bd0b"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"h2"}},{"_id":"d49083f9-b29d-7ebf-4e41-436b3783bd0b","text":true,"v":"Get ready for the future."},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6acc","type":"Paragraph","tag":"p","classes":["813629e8-969c-cce3-2226-ebd6b34fb488"],"children":["7a496fe3-d168-3c42-3739-b7cc2b7b6acd"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"7a496fe3-d168-3c42-3739-b7cc2b7b6acd","text":true,"v":"Lorem ipsum dolor sit amet. Rem quidem blanditiis aut quia dolorem ut facere voluptatem non delectus natus. Non praesentium error qui dolor quia aut repudiandae sequi nam facere veniam."},{"_id":"5a2405a6-862e-9fd0-7b95-8eae56791281","type":"Block","tag":"div","classes":["c038548f-a5f0-6dc6-8afb-9510943c1414"],"children":["5a2405a6-862e-9fd0-7b95-8eae56791282","5a2405a6-862e-9fd0-7b95-8eae56791284"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5a2405a6-862e-9fd0-7b95-8eae56791282","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c"],"children":["5a2405a6-862e-9fd0-7b95-8eae56791283"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"5a2405a6-862e-9fd0-7b95-8eae56791283","text":true,"v":"Get started"},{"_id":"5a2405a6-862e-9fd0-7b95-8eae56791284","type":"Link","tag":"a","classes":["3fef1df7-3a28-3b76-5ed6-e926368fc29c","0a88df8e-a852-6cbb-bf1b-6d4604c49466"],"children":["5a2405a6-862e-9fd0-7b95-8eae56791285"],"data":{"search":{"exclude":true},"xattr":[],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external","url":"#"}}},{"_id":"5a2405a6-862e-9fd0-7b95-8eae56791285","text":true,"v":"Book a demo"}],"styles":[{"_id":"c038548f-a5f0-6dc6-8afb-9510943c1414","fake":false,"type":"class","name":"wrap_2-buttons","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center; grid-column-gap: 10px; grid-row-gap: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"e1d2a978-e3d3-1ed8-c6c5-37d225689aed","fake":false,"type":"class","name":"grid_1-2","namespace":"","comb":"","styleLess":"display: grid; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 50px; grid-row-gap: 50px; grid-template-columns: 1fr 1fr; grid-template-rows: auto;","variants":{"small":{"styleLess":"grid-template-columns: 1fr;"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"72892e61-f174-061c-779c-bdab5e8e9ece","fake":false,"type":"class","name":"h2","namespace":"","comb":"","styleLess":"margin-top: 0px; color: hsla(0, 0.00%, 10.00%, 1.00); font-weight: 500;","variants":{},"children":["bd73952d-7fae-c233-299f-d1a4770f8055"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"6851fa00-5cc5-0369-98c4-e4d0dca3fe61","fake":false,"type":"class","name":"section_bg-image","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 100px; padding-right: 5%; padding-bottom: 100px; padding-left: 5%; flex-direction: column; align-items: center; background-image: @img_64770a497f21e99693a6b45e; background-position: 50% 50%; background-size: cover;","variants":{},"children":["2227cfa0-9989-b752-d50d-dcfe08871bb5","94392e82-46c1-7744-fed7-58ebacb5854d"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3fef1df7-3a28-3b76-5ed6-e926368fc29c","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":["0a88df8e-a852-6cbb-bf1b-6d4604c49466","db8f9202-97eb-420b-8524-4baa61e3977e"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"813629e8-969c-cce3-2226-ebd6b34fb488","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 20px; color: hsla(0, 0.00%, 10.00%, 1.00); font-size: 16px; line-height: 1.6; font-weight: 300;","variants":{},"children":["a2ae8234-d824-57f0-f8d0-6f2ac9f1bdc5","6f0b4856-89f4-1220-56b4-265410032c16"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"3c6e9671-3c33-33e0-9671-41ce3f20247f","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"width: 100%; max-width: 1100px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"0a88df8e-a852-6cbb-bf1b-6d4604c49466","fake":false,"type":"class","name":"secondary","namespace":"","comb":"&","styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(208.00000000000003, 0.00%, 0.00%, 1.00); background-color: transparent; color: hsla(0, 0.00%, 10.00%, 1.00);","variants":{},"children":["94686e60-c9a6-e2fa-022d-83efef601083"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"9ef5cfd9-5e38-8df4-542f-8215429bf5c0","fake":false,"type":"class","name":"content-wrap_bg-blur","namespace":"","comb":"","styleLess":"display: flex; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; flex-direction: column; align-items: flex-start; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background-color: hsla(0, 0.00%, 100.00%, 0.75); backdrop-filter: blur(5px);","variants":{},"children":["e7631ba8-c751-ee85-3d71-e54de150a731","ef8ba311-44f4-8ae5-98e8-41b478a9a91f"],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144.jpg","siteId":"647705ca3db454a2588a1856","width":3000,"isHD":false,"height":2000,"fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144.jpg","createdOn":"2023-05-31T08:50:17.324Z","origFileName":"pexels-cottonbro-studio-4065144.jpg","fileHash":"036ec766cd62eeed611a72e2f29d2e5a","variants":[{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-500.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-500.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-500.jpg","size":30422,"format":"jpg","width":500,"quality":100,"_id":"64770a4e5daf8dabd9165aa0","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-500.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-800.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-800.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-800.jpg","size":65944,"format":"jpg","width":800,"quality":100,"_id":"64770a4e5daf8dabd9165aa1","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-800.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1080.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-1080.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1080.jpg","size":108781,"format":"jpg","width":1080,"quality":100,"_id":"64770a4e5daf8dabd9165aa2","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1080.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1600.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-1600.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1600.jpg","size":210831,"format":"jpg","width":1600,"quality":100,"_id":"64770a4e5daf8dabd9165aa3","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-1600.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2000.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-2000.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2000.jpg","size":308281,"format":"jpg","width":2000,"quality":100,"_id":"64770a4e5daf8dabd9165aa4","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2000.jpg"},{"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2600.jpg","origFileName":"pexels-cottonbro-studio-4065144-p-2600.jpg","fileName":"64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2600.jpg","size":486924,"format":"jpg","width":2600,"quality":100,"_id":"64770a4e5daf8dabd9165aa5","cdnUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-2600.jpg"}],"mimeType":"image/jpeg","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144.jpg","thumbUrl":"https://cdn.prod.website-files.com/647705ca3db454a2588a1856/64770a497f21e99693a6b45e_pexels-cottonbro-studio-4065144-p-130x130q80.jpg","_id":"64770a497f21e99693a6b45e","updatedOn":"2023-05-31T09:00:03.417Z","fileSize":815333}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser nicht unterstützt. Verwenden Sie
CC Chrome oder SS Safari.

Über diese Komponente

AI-generiert

Komponentenbeschreibung (von AI generiert)

The Background Blur Modal CTA is a visually striking component designed to capture user attention with a blurred background effect. It features a clean layout for calls to action, making it ideal for engaging visitors.

Wesentliche Merkmale:

  • Blurred background effect for enhanced focus on content
  • Responsive design with a grid layout
  • Includes 2 buttons for user interaction
  • Customizable text and links
  • Suitable for various screen sizes

Gestaltungselemente:

  • Flexbox and grid layout for structured content arrangement
  • Soft color palette with a white background and dark text
  • Rounded corners for a modern aesthetic
  • Use of backdrop-filter for a stylish blur effect

Potenzielle Anwendungsfälle:

  • Landing pages for tech startups
  • Promotional sections for online services
  • Event registration forms
  • Product demo sign-ups
  • Newsletter subscription prompts

Conclusion: The Background Blur Modal CTA is a versatile and modern component that effectively encourages user engagement through its appealing design and functionality.

Mit dem Bau beginnen

Bauen Sie Ihre Träume

Memberstack ist 100% kostenlos, bis Sie bereit sind, zu starten - worauf warten Sie also noch? Erstellen Sie Ihre erste App und beginnen Sie noch heute mit der Entwicklung.