Component laden...

Laden

Meer onderdelen

Bekijk alles
Deel van

Dark Profile Card

Oeps! Er ging iets mis bij het verzenden van het formulier.
Dark Profile Card
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1b5a9e71-968f-82ac-0b23-fb340590e590","type":"Block","tag":"div","classes":["5e1b5659-10cb-5a7d-e055-84d0d5966a0e"],"children":["0fdb6393-e462-5851-0d64-8375d374b0d0","e72db990-8ee3-5863-72cf-5d6d4f1212f9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0fdb6393-e462-5851-0d64-8375d374b0d0","type":"Block","tag":"div","classes":["95f58222-d330-7e61-8f8b-cf68e800fbce"],"children":["dad73bc2-7380-0d6f-a32a-f03ee6d54049","a19c86b2-f131-9893-2780-1b6570405385"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dad73bc2-7380-0d6f-a32a-f03ee6d54049","type":"Image","tag":"img","classes":["ff727eff-b5d7-49b2-d5ed-fd43f5a79acf"],"children":[],"data":{"img":{"id":"647db25c0e044a9ddac1c57c"},"xattr":[{"name":"data-ms-member","value":"profile-image"}],"attr":{"width":"auto","height":"auto","src":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647db25c0e044a9ddac1c57c_white-profile-empty%20(1).svg","loading":"auto","id":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a19c86b2-f131-9893-2780-1b6570405385","type":"Block","tag":"div","classes":["f19709e5-8126-03fc-9763-48a0d3fe7b0e"],"children":["28482315-8e62-da6d-889f-86032ef3af96","a2825060-fb0b-c335-4040-36c15a654759"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"28482315-8e62-da6d-889f-86032ef3af96","type":"Block","tag":"div","classes":["21b38565-1c3e-ed89-d68d-449e93bd03e3"],"children":["c6f607f4-968b-170c-8c61-1d0f54e68ec1","1e603b1d-a730-b799-8d0e-923e25b79247"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c6f607f4-968b-170c-8c61-1d0f54e68ec1","type":"Block","tag":"div","classes":["88595d0e-5230-be15-0446-326e172065c1"],"children":["8c8c6ee1-09a6-471e-3a41-0496ad56ca91","c6f607f4-968b-170c-8c61-1d0f54e68ec2","9f51ac29-007b-08b0-1de6-fcda29dcfe68"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8c8c6ee1-09a6-471e-3a41-0496ad56ca91","type":"Span","tag":"span","classes":[],"children":["efa7c10c-a1f5-0259-fbe9-08d53f789d0a"],"data":{"xattr":[{"name":"data-ms-member","value":"first-name"}],"displayName":"","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"efa7c10c-a1f5-0259-fbe9-08d53f789d0a","text":true,"v":"Julian"},{"_id":"c6f607f4-968b-170c-8c61-1d0f54e68ec2","text":true,"v":" "},{"_id":"9f51ac29-007b-08b0-1de6-fcda29dcfe68","type":"Span","tag":"span","classes":[],"children":["bbc245cd-07f8-3979-c1c5-75c23fc04e86"],"data":{"xattr":[{"name":"data-ms-member","value":"last-name"}],"displayName":"","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"bbc245cd-07f8-3979-c1c5-75c23fc04e86","text":true,"v":"Galluzzo"},{"_id":"1e603b1d-a730-b799-8d0e-923e25b79247","type":"Image","tag":"img","classes":["c6cf7dc9-2238-2e41-43d6-d3787359b577"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647daebe2560e46086e9bdb4_Twitter_Verified_Badge.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"647daebe2560e46086e9bdb4"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a2825060-fb0b-c335-4040-36c15a654759","type":"Block","tag":"div","classes":["5abe112b-97b7-8ce7-c08c-5e4c05cf6dda"],"children":["a2825060-fb0b-c335-4040-36c15a65475a"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"company"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a2825060-fb0b-c335-4040-36c15a65475a","text":true,"v":"Memberstack"},{"_id":"e72db990-8ee3-5863-72cf-5d6d4f1212f9","type":"Block","tag":"div","classes":["aafdb2a7-51a9-2a9f-5700-10a34591293c"],"children":["81684b2c-5f0a-c764-93a0-8163b2e181c1","3f852ddc-3326-1ed9-1f41-52da39d9c857"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81684b2c-5f0a-c764-93a0-8163b2e181c1","type":"Paragraph","tag":"p","classes":["7e474404-ec11-988f-afa5-10333e48080e"],"children":["81684b2c-5f0a-c764-93a0-8163b2e181c2"],"data":{"xattr":[{"name":"data-ms-member","value":"bio"}],"displayName":"","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"81684b2c-5f0a-c764-93a0-8163b2e181c2","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."},{"_id":"3f852ddc-3326-1ed9-1f41-52da39d9c857","type":"Block","tag":"div","classes":["c6ee53a4-ba57-bc85-a526-27253fea1136"],"children":["f57eb80d-d7a8-1a96-7678-e42dfe5443cb","6dbb7ce7-1fd2-f8ba-315c-455e78355279"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f57eb80d-d7a8-1a96-7678-e42dfe5443cb","type":"Link","tag":"a","classes":["84a183d8-e9bf-4c52-e344-05e643a89883"],"children":["c58ae60a-373f-527d-8403-d9971d8999e8","5c9f5819-577f-73e5-7909-95f96ac99bd3"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"c58ae60a-373f-527d-8403-d9971d8999e8","type":"HtmlEmbed","tag":"div","classes":["770ad4c8-1c88-b7e6-8e81-38dc2b505403"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5 19H6.414L15.728 9.68602L14.314 8.27202L5 17.586V19ZM21 21H3V16.757L16.435 3.32202C16.6225 3.13455 16.8768 3.02924 17.142 3.02924C17.4072 3.02924 17.6615 3.13455 17.849 3.32202L20.678 6.15102C20.8655 6.33855 20.9708 6.59286 20.9708 6.85802C20.9708 7.12319 20.8655 7.37749 20.678 7.56502L9.243 19H21V21ZM15.728 6.85802L17.142 8.27202L18.556 6.85802L17.142 5.44402L15.728 6.85802V6.85802Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5 19H6.414L15.728 9.68602L14.314 8.27202L5 17.586V19ZM21 21H3V16.757L16.435 3.32202C16.6225 3.13455 16.8768 3.02924 17.142 3.02924C17.4072 3.02924 17.6615 3.13455 17.849 3.32202L20.678 6.15102C20.8655 6.33855 20.9708 6.59286 20.9708 6.85802C20.9708 7.12319 20.8655 7.37749 20.678 7.56502L9.243 19H21V21ZM15.728 6.85802L17.142 8.27202L18.556 6.85802L17.142 5.44402L15.728 6.85802V6.85802Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5c9f5819-577f-73e5-7909-95f96ac99bd3","type":"Block","tag":"div","classes":[],"children":["5c9f5819-577f-73e5-7909-95f96ac99bd4"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5c9f5819-577f-73e5-7909-95f96ac99bd4","text":true,"v":"Edit profile"},{"_id":"6dbb7ce7-1fd2-f8ba-315c-455e78355279","type":"Link","tag":"a","classes":["cb1b1b52-45e3-962a-38a7-23c360519427"],"children":["0f5f78c8-c995-2dc3-b563-9351f435babc","6dbb7ce7-1fd2-f8ba-315c-455e7835527b"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"0f5f78c8-c995-2dc3-b563-9351f435babc","type":"HtmlEmbed","tag":"div","classes":["770ad4c8-1c88-b7e6-8e81-38dc2b505403"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13.1202 17.023L8.92121 14.733C8.373 15.319 7.66119 15.7266 6.87828 15.9028C6.09537 16.079 5.27756 16.0157 4.53113 15.721C3.7847 15.4263 3.14417 14.9139 2.69277 14.2504C2.24138 13.5869 2 12.803 2 12.0005C2 11.198 2.24138 10.414 2.69277 9.75051C3.14417 9.08701 3.7847 8.57461 4.53113 8.27992C5.27756 7.98523 6.09537 7.92187 6.87828 8.09807C7.66119 8.27428 8.373 8.6819 8.92121 9.26796L13.1212 6.97796C12.8828 6.03403 12.9968 5.03555 13.4418 4.16966C13.8869 3.30378 14.6325 2.62994 15.5389 2.27446C16.4452 1.91898 17.4501 1.90626 18.3652 2.23869C19.2803 2.57112 20.0427 3.22588 20.5095 4.08022C20.9764 4.93457 21.1156 5.92985 20.9011 6.8795C20.6866 7.82916 20.1332 8.668 19.3444 9.23877C18.5557 9.80954 17.5859 10.0731 16.6168 9.97995C15.6477 9.88684 14.7458 9.44347 14.0802 8.73296L9.88021 11.023C10.0414 11.6643 10.0414 12.3356 9.88021 12.977L14.0792 15.267C14.7448 14.5564 15.6467 14.1131 16.6158 14.02C17.5849 13.9268 18.5547 14.1904 19.3434 14.7611C20.1322 15.3319 20.6856 16.1708 20.9001 17.1204C21.1146 18.0701 20.9754 19.0654 20.5085 19.9197C20.0417 20.774 19.2793 21.4288 18.3642 21.7612C17.4491 22.0937 16.4442 22.0809 15.5379 21.7255C14.6315 21.37 13.8859 20.6961 13.4408 19.8303C12.9958 18.9644 12.8818 17.9659 13.1202 17.022V17.023ZM6.00021 14C6.53064 14 7.03935 13.7892 7.41442 13.4142C7.78949 13.0391 8.00021 12.5304 8.00021 12C8.00021 11.4695 7.78949 10.9608 7.41442 10.5857C7.03935 10.2107 6.53064 9.99996 6.00021 9.99996C5.46977 9.99996 4.96107 10.2107 4.58599 10.5857C4.21092 10.9608 4.00021 11.4695 4.00021 12C4.00021 12.5304 4.21092 13.0391 4.58599 13.4142C4.96107 13.7892 5.46977 14 6.00021 14V14ZM17.0002 7.99996C17.5306 7.99996 18.0393 7.78925 18.4144 7.41417C18.7895 7.0391 19.0002 6.53039 19.0002 5.99996C19.0002 5.46953 18.7895 4.96082 18.4144 4.58575C18.0393 4.21067 17.5306 3.99996 17.0002 3.99996C16.4698 3.99996 15.9611 4.21067 15.586 4.58575C15.2109 4.96082 15.0002 5.46953 15.0002 5.99996C15.0002 6.53039 15.2109 7.0391 15.586 7.41417C15.9611 7.78925 16.4698 7.99996 17.0002 7.99996V7.99996ZM17.0002 20C17.5306 20 18.0393 19.7892 18.4144 19.4142C18.7895 19.0391 19.0002 18.5304 19.0002 18C19.0002 17.4695 18.7895 16.9608 18.4144 16.5857C18.0393 16.2107 17.5306 16 17.0002 16C16.4698 16 15.9611 16.2107 15.586 16.5857C15.2109 16.9608 15.0002 17.4695 15.0002 18C15.0002 18.5304 15.2109 19.0391 15.586 19.4142C15.9611 19.7892 16.4698 20 17.0002 20V20Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13.1202 17.023L8.92121 14.733C8.373 15.319 7.66119 15.7266 6.87828 15.9028C6.09537 16.079 5.27756 16.0157 4.53113 15.721C3.7847 15.4263 3.14417 14.9139 2.69277 14.2504C2.24138 13.5869 2 12.803 2 12.0005C2 11.198 2.24138 10.414 2.69277 9.75051C3.14417 9.08701 3.7847 8.57461 4.53113 8.27992C5.27756 7.98523 6.09537 7.92187 6.87828 8.09807C7.66119 8.27428 8.373 8.6819 8.92121 9.26796L13.1212 6.97796C12.8828 6.03403 12.9968 5.03555 13.4418 4.16966C13.8869 3.30378 14.6325 2.62994 15.5389 2.27446C16.4452 1.91898 17.4501 1.90626 18.3652 2.23869C19.2803 2.57112 20.0427 3.22588 20.5095 4.08022C20.9764 4.93457 21.1156 5.92985 20.9011 6.8795C20.6866 7.82916 20.1332 8.668 19.3444 9.23877C18.5557 9.80954 17.5859 10.0731 16.6168 9.97995C15.6477 9.88684 14.7458 9.44347 14.0802 8.73296L9.88021 11.023C10.0414 11.6643 10.0414 12.3356 9.88021 12.977L14.0792 15.267C14.7448 14.5564 15.6467 14.1131 16.6158 14.02C17.5849 13.9268 18.5547 14.1904 19.3434 14.7611C20.1322 15.3319 20.6856 16.1708 20.9001 17.1204C21.1146 18.0701 20.9754 19.0654 20.5085 19.9197C20.0417 20.774 19.2793 21.4288 18.3642 21.7612C17.4491 22.0937 16.4442 22.0809 15.5379 21.7255C14.6315 21.37 13.8859 20.6961 13.4408 19.8303C12.9958 18.9644 12.8818 17.9659 13.1202 17.022V17.023ZM6.00021 14C6.53064 14 7.03935 13.7892 7.41442 13.4142C7.78949 13.0391 8.00021 12.5304 8.00021 12C8.00021 11.4695 7.78949 10.9608 7.41442 10.5857C7.03935 10.2107 6.53064 9.99996 6.00021 9.99996C5.46977 9.99996 4.96107 10.2107 4.58599 10.5857C4.21092 10.9608 4.00021 11.4695 4.00021 12C4.00021 12.5304 4.21092 13.0391 4.58599 13.4142C4.96107 13.7892 5.46977 14 6.00021 14V14ZM17.0002 7.99996C17.5306 7.99996 18.0393 7.78925 18.4144 7.41417C18.7895 7.0391 19.0002 6.53039 19.0002 5.99996C19.0002 5.46953 18.7895 4.96082 18.4144 4.58575C18.0393 4.21067 17.5306 3.99996 17.0002 3.99996C16.4698 3.99996 15.9611 4.21067 15.586 4.58575C15.2109 4.96082 15.0002 5.46953 15.0002 5.99996C15.0002 6.53039 15.2109 7.0391 15.586 7.41417C15.9611 7.78925 16.4698 7.99996 17.0002 7.99996V7.99996ZM17.0002 20C17.5306 20 18.0393 19.7892 18.4144 19.4142C18.7895 19.0391 19.0002 18.5304 19.0002 18C19.0002 17.4695 18.7895 16.9608 18.4144 16.5857C18.0393 16.2107 17.5306 16 17.0002 16C16.4698 16 15.9611 16.2107 15.586 16.5857C15.2109 16.9608 15.0002 17.4695 15.0002 18C15.0002 18.5304 15.2109 19.0391 15.586 19.4142C15.9611 19.7892 16.4698 20 17.0002 20V20Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"6dbb7ce7-1fd2-f8ba-315c-455e7835527b","type":"Block","tag":"div","classes":[],"children":["6dbb7ce7-1fd2-f8ba-315c-455e7835527c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6dbb7ce7-1fd2-f8ba-315c-455e7835527c","text":true,"v":"Share profile"}],"styles":[{"_id":"aafdb2a7-51a9-2a9f-5700-10a34591293c","fake":false,"type":"class","name":"card-bottom","namespace":"","comb":"","styleLess":"padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5abe112b-97b7-8ce7-c08c-5e4c05cf6dda","fake":false,"type":"class","name":"company","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 100.00%, 0.80);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"84a183d8-e9bf-4c52-e344-05e643a89883","fake":false,"type":"class","name":"edit-button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(0, 0.00%, 24.71%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(0, 0.00%, 24.71%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 24.71%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(0, 0.00%, 24.71%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-image: linear-gradient(45deg, hsla(0, 0.00%, 18.67%, 1.00), hsla(0, 0.00%, 16.00%, 1.00)); box-shadow: 0 2px 11px 0 rgba(0,0,0,0.2), inset -3px 3px 11px -8px hsla(0, 0.00%, 100.00%, 0.20); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 84.00%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 2px 11px 0 hsla(0, 0.00%, 0.00%, 0.55), inset -3px 3px 11px -8px hsla(0, 0.00%, 100.00%, 0.20);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"f19709e5-8126-03fc-9763-48a0d3fe7b0e","fake":false,"type":"class","name":"top-info","namespace":"","comb":"","styleLess":"display: flex; margin-left: 20px; flex-direction: column; align-items: flex-start; grid-column-gap: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"95f58222-d330-7e61-8f8b-cf68e800fbce","fake":false,"type":"class","name":"card-top","namespace":"","comb":"","styleLess":"display: flex; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; align-items: center; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #3f3f3f;","variants":{},"children":["9f09c539-afd6-46a3-d682-8e5e218714fa"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5e1b5659-10cb-5a7d-e055-84d0d5966a0e","fake":false,"type":"class","name":"profile-card","namespace":"","comb":"","styleLess":"position: relative; z-index: 1; overflow: hidden; width: 100%; max-width: 500px; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(0, 0.00%, 24.67%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(0, 0.00%, 24.67%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 24.67%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(0, 0.00%, 24.67%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(0, 0.00%, 0.00%, 0.36); box-shadow: 0 0 45px 0 rgba(0,0,0,0.2); backdrop-filter: blur(20px);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c6cf7dc9-2238-2e41-43d6-d3787359b577","fake":false,"type":"class","name":"verified","namespace":"","comb":"","styleLess":"width: 15px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cb1b1b52-45e3-962a-38a7-23c360519427","fake":false,"type":"class","name":"share-button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(0, 0.00%, 24.71%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(0, 0.00%, 24.71%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 24.71%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(0, 0.00%, 24.71%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-image: linear-gradient(to bottom, hsla(239, 100.00%, 68.44%, 1.00),hsla(239, 100.00%, 68.44%, 1.00)); box-shadow: 0 2px 11px 0 rgba(0,0,0,0.2); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(213, 0.00%, 100.00%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 2px 11px 0 hsla(0, 0.00%, 0.00%, 0.55), inset -3px 3px 11px -8px hsla(0, 0.00%, 100.00%, 0.20);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"ff727eff-b5d7-49b2-d5ed-fd43f5a79acf","fake":false,"type":"class","name":"ms-profile-image-preview","namespace":"","comb":"","styleLess":"display: inline-block; width: 56px; height: 56px; margin-top: 0px; margin-bottom: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 29.80%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"7e474404-ec11-988f-afa5-10333e48080e","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 0px; color: hsla(0, 0.00%, 100.00%, 0.80); font-weight: 300;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"770ad4c8-1c88-b7e6-8e81-38dc2b505403","fake":false,"type":"class","name":"Icon","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 21px; height: 21px; margin-right: 10px; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"88595d0e-5230-be15-0446-326e172065c1","fake":false,"type":"class","name":"name","namespace":"","comb":"","styleLess":"font-size: 16px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"21b38565-1c3e-ed89-d68d-449e93bd03e3","fake":false,"type":"class","name":"flex-h","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 5px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c6ee53a4-ba57-bc85-a526-27253fea1136","fake":false,"type":"class","name":"wrap_2-button","namespace":"","comb":"","styleLess":"display: flex; margin-top: 20px; justify-content: space-between; grid-column-gap: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647db25c0e044a9ddac1c57c_white-profile-empty%20(1).svg","siteId":"647dab98547c982b6aa6e047","width":42,"isHD":false,"height":42,"fileName":"647db25c0e044a9ddac1c57c_white-profile-empty (1).svg","createdOn":"2023-06-05T10:01:00.389Z","origFileName":"white-profile-empty (1).svg","fileHash":"1dcd7a5bfd206688009248d0e2c942a9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647dab98547c982b6aa6e047/647db25c0e044a9ddac1c57c_white-profile-empty%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647db25c0e044a9ddac1c57c_white-profile-empty%20(1).svg","_id":"647db25c0e044a9ddac1c57c","updatedOn":"2023-06-05T10:01:00.484Z","fileSize":359},{"cdnUrl":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647daebe2560e46086e9bdb4_Twitter_Verified_Badge.svg","siteId":"647dab98547c982b6aa6e047","width":150,"isHD":false,"height":150,"fileName":"647daebe2560e46086e9bdb4_Twitter_Verified_Badge.svg","createdOn":"2023-06-05T09:45:34.935Z","origFileName":"Twitter_Verified_Badge.svg","fileHash":"9b3148737157013ed95b20cba0eb01da","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647dab98547c982b6aa6e047/647daebe2560e46086e9bdb4_Twitter_Verified_Badge.svg","thumbUrl":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647daebe2560e46086e9bdb4_Twitter_Verified_Badge.svg","_id":"647daebe2560e46086e9bdb4","updatedOn":"2023-06-05T09:45:34.935Z","fileSize":990}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1b5a9e71-968f-82ac-0b23-fb340590e590","type":"Block","tag":"div","classes":["5e1b5659-10cb-5a7d-e055-84d0d5966a0e"],"children":["0fdb6393-e462-5851-0d64-8375d374b0d0","e72db990-8ee3-5863-72cf-5d6d4f1212f9"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"0fdb6393-e462-5851-0d64-8375d374b0d0","type":"Block","tag":"div","classes":["95f58222-d330-7e61-8f8b-cf68e800fbce"],"children":["dad73bc2-7380-0d6f-a32a-f03ee6d54049","a19c86b2-f131-9893-2780-1b6570405385"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"dad73bc2-7380-0d6f-a32a-f03ee6d54049","type":"Image","tag":"img","classes":["ff727eff-b5d7-49b2-d5ed-fd43f5a79acf"],"children":[],"data":{"img":{"id":"647db25c0e044a9ddac1c57c"},"xattr":[{"name":"data-ms-member","value":"profile-image"}],"attr":{"width":"auto","height":"auto","src":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647db25c0e044a9ddac1c57c_white-profile-empty%20(1).svg","loading":"auto","id":""},"displayName":"","search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a19c86b2-f131-9893-2780-1b6570405385","type":"Block","tag":"div","classes":["f19709e5-8126-03fc-9763-48a0d3fe7b0e"],"children":["28482315-8e62-da6d-889f-86032ef3af96","a2825060-fb0b-c335-4040-36c15a654759"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"28482315-8e62-da6d-889f-86032ef3af96","type":"Block","tag":"div","classes":["21b38565-1c3e-ed89-d68d-449e93bd03e3"],"children":["c6f607f4-968b-170c-8c61-1d0f54e68ec1","1e603b1d-a730-b799-8d0e-923e25b79247"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"c6f607f4-968b-170c-8c61-1d0f54e68ec1","type":"Block","tag":"div","classes":["88595d0e-5230-be15-0446-326e172065c1"],"children":["8c8c6ee1-09a6-471e-3a41-0496ad56ca91","c6f607f4-968b-170c-8c61-1d0f54e68ec2","9f51ac29-007b-08b0-1de6-fcda29dcfe68"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8c8c6ee1-09a6-471e-3a41-0496ad56ca91","type":"Span","tag":"span","classes":[],"children":["efa7c10c-a1f5-0259-fbe9-08d53f789d0a"],"data":{"xattr":[{"name":"data-ms-member","value":"first-name"}],"displayName":"","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"efa7c10c-a1f5-0259-fbe9-08d53f789d0a","text":true,"v":"Julian"},{"_id":"c6f607f4-968b-170c-8c61-1d0f54e68ec2","text":true,"v":" "},{"_id":"9f51ac29-007b-08b0-1de6-fcda29dcfe68","type":"Span","tag":"span","classes":[],"children":["bbc245cd-07f8-3979-c1c5-75c23fc04e86"],"data":{"xattr":[{"name":"data-ms-member","value":"last-name"}],"displayName":"","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"bbc245cd-07f8-3979-c1c5-75c23fc04e86","text":true,"v":"Galluzzo"},{"_id":"1e603b1d-a730-b799-8d0e-923e25b79247","type":"Image","tag":"img","classes":["c6cf7dc9-2238-2e41-43d6-d3787359b577"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647daebe2560e46086e9bdb4_Twitter_Verified_Badge.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"647daebe2560e46086e9bdb4"},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a2825060-fb0b-c335-4040-36c15a654759","type":"Block","tag":"div","classes":["5abe112b-97b7-8ce7-c08c-5e4c05cf6dda"],"children":["a2825060-fb0b-c335-4040-36c15a65475a"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-member","value":"company"}],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a2825060-fb0b-c335-4040-36c15a65475a","text":true,"v":"Memberstack"},{"_id":"e72db990-8ee3-5863-72cf-5d6d4f1212f9","type":"Block","tag":"div","classes":["aafdb2a7-51a9-2a9f-5700-10a34591293c"],"children":["81684b2c-5f0a-c764-93a0-8163b2e181c1","3f852ddc-3326-1ed9-1f41-52da39d9c857"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"81684b2c-5f0a-c764-93a0-8163b2e181c1","type":"Paragraph","tag":"p","classes":["7e474404-ec11-988f-afa5-10333e48080e"],"children":["81684b2c-5f0a-c764-93a0-8163b2e181c2"],"data":{"xattr":[{"name":"data-ms-member","value":"bio"}],"displayName":"","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"81684b2c-5f0a-c764-93a0-8163b2e181c2","text":true,"v":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere."},{"_id":"3f852ddc-3326-1ed9-1f41-52da39d9c857","type":"Block","tag":"div","classes":["c6ee53a4-ba57-bc85-a526-27253fea1136"],"children":["f57eb80d-d7a8-1a96-7678-e42dfe5443cb","6dbb7ce7-1fd2-f8ba-315c-455e78355279"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"f57eb80d-d7a8-1a96-7678-e42dfe5443cb","type":"Link","tag":"a","classes":["84a183d8-e9bf-4c52-e344-05e643a89883"],"children":["c58ae60a-373f-527d-8403-d9971d8999e8","5c9f5819-577f-73e5-7909-95f96ac99bd3"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":"","href":"#"},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"c58ae60a-373f-527d-8403-d9971d8999e8","type":"HtmlEmbed","tag":"div","classes":["770ad4c8-1c88-b7e6-8e81-38dc2b505403"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5 19H6.414L15.728 9.68602L14.314 8.27202L5 17.586V19ZM21 21H3V16.757L16.435 3.32202C16.6225 3.13455 16.8768 3.02924 17.142 3.02924C17.4072 3.02924 17.6615 3.13455 17.849 3.32202L20.678 6.15102C20.8655 6.33855 20.9708 6.59286 20.9708 6.85802C20.9708 7.12319 20.8655 7.37749 20.678 7.56502L9.243 19H21V21ZM15.728 6.85802L17.142 8.27202L18.556 6.85802L17.142 5.44402L15.728 6.85802V6.85802Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M5 19H6.414L15.728 9.68602L14.314 8.27202L5 17.586V19ZM21 21H3V16.757L16.435 3.32202C16.6225 3.13455 16.8768 3.02924 17.142 3.02924C17.4072 3.02924 17.6615 3.13455 17.849 3.32202L20.678 6.15102C20.8655 6.33855 20.9708 6.59286 20.9708 6.85802C20.9708 7.12319 20.8655 7.37749 20.678 7.56502L9.243 19H21V21ZM15.728 6.85802L17.142 8.27202L18.556 6.85802L17.142 5.44402L15.728 6.85802V6.85802Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"5c9f5819-577f-73e5-7909-95f96ac99bd3","type":"Block","tag":"div","classes":[],"children":["5c9f5819-577f-73e5-7909-95f96ac99bd4"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5c9f5819-577f-73e5-7909-95f96ac99bd4","text":true,"v":"Edit profile"},{"_id":"6dbb7ce7-1fd2-f8ba-315c-455e78355279","type":"Link","tag":"a","classes":["cb1b1b52-45e3-962a-38a7-23c360519427"],"children":["0f5f78c8-c995-2dc3-b563-9351f435babc","6dbb7ce7-1fd2-f8ba-315c-455e7835527b"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"0f5f78c8-c995-2dc3-b563-9351f435babc","type":"HtmlEmbed","tag":"div","classes":["770ad4c8-1c88-b7e6-8e81-38dc2b505403"],"children":[],"v":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13.1202 17.023L8.92121 14.733C8.373 15.319 7.66119 15.7266 6.87828 15.9028C6.09537 16.079 5.27756 16.0157 4.53113 15.721C3.7847 15.4263 3.14417 14.9139 2.69277 14.2504C2.24138 13.5869 2 12.803 2 12.0005C2 11.198 2.24138 10.414 2.69277 9.75051C3.14417 9.08701 3.7847 8.57461 4.53113 8.27992C5.27756 7.98523 6.09537 7.92187 6.87828 8.09807C7.66119 8.27428 8.373 8.6819 8.92121 9.26796L13.1212 6.97796C12.8828 6.03403 12.9968 5.03555 13.4418 4.16966C13.8869 3.30378 14.6325 2.62994 15.5389 2.27446C16.4452 1.91898 17.4501 1.90626 18.3652 2.23869C19.2803 2.57112 20.0427 3.22588 20.5095 4.08022C20.9764 4.93457 21.1156 5.92985 20.9011 6.8795C20.6866 7.82916 20.1332 8.668 19.3444 9.23877C18.5557 9.80954 17.5859 10.0731 16.6168 9.97995C15.6477 9.88684 14.7458 9.44347 14.0802 8.73296L9.88021 11.023C10.0414 11.6643 10.0414 12.3356 9.88021 12.977L14.0792 15.267C14.7448 14.5564 15.6467 14.1131 16.6158 14.02C17.5849 13.9268 18.5547 14.1904 19.3434 14.7611C20.1322 15.3319 20.6856 16.1708 20.9001 17.1204C21.1146 18.0701 20.9754 19.0654 20.5085 19.9197C20.0417 20.774 19.2793 21.4288 18.3642 21.7612C17.4491 22.0937 16.4442 22.0809 15.5379 21.7255C14.6315 21.37 13.8859 20.6961 13.4408 19.8303C12.9958 18.9644 12.8818 17.9659 13.1202 17.022V17.023ZM6.00021 14C6.53064 14 7.03935 13.7892 7.41442 13.4142C7.78949 13.0391 8.00021 12.5304 8.00021 12C8.00021 11.4695 7.78949 10.9608 7.41442 10.5857C7.03935 10.2107 6.53064 9.99996 6.00021 9.99996C5.46977 9.99996 4.96107 10.2107 4.58599 10.5857C4.21092 10.9608 4.00021 11.4695 4.00021 12C4.00021 12.5304 4.21092 13.0391 4.58599 13.4142C4.96107 13.7892 5.46977 14 6.00021 14V14ZM17.0002 7.99996C17.5306 7.99996 18.0393 7.78925 18.4144 7.41417C18.7895 7.0391 19.0002 6.53039 19.0002 5.99996C19.0002 5.46953 18.7895 4.96082 18.4144 4.58575C18.0393 4.21067 17.5306 3.99996 17.0002 3.99996C16.4698 3.99996 15.9611 4.21067 15.586 4.58575C15.2109 4.96082 15.0002 5.46953 15.0002 5.99996C15.0002 6.53039 15.2109 7.0391 15.586 7.41417C15.9611 7.78925 16.4698 7.99996 17.0002 7.99996V7.99996ZM17.0002 20C17.5306 20 18.0393 19.7892 18.4144 19.4142C18.7895 19.0391 19.0002 18.5304 19.0002 18C19.0002 17.4695 18.7895 16.9608 18.4144 16.5857C18.0393 16.2107 17.5306 16 17.0002 16C16.4698 16 15.9611 16.2107 15.586 16.5857C15.2109 16.9608 15.0002 17.4695 15.0002 18C15.0002 18.5304 15.2109 19.0391 15.586 19.4142C15.9611 19.7892 16.4698 20 17.0002 20V20Z\" fill=\"currentColor\"/>\n</svg>\n","data":{"insideRTE":false,"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"420\" height=\"420\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M13.1202 17.023L8.92121 14.733C8.373 15.319 7.66119 15.7266 6.87828 15.9028C6.09537 16.079 5.27756 16.0157 4.53113 15.721C3.7847 15.4263 3.14417 14.9139 2.69277 14.2504C2.24138 13.5869 2 12.803 2 12.0005C2 11.198 2.24138 10.414 2.69277 9.75051C3.14417 9.08701 3.7847 8.57461 4.53113 8.27992C5.27756 7.98523 6.09537 7.92187 6.87828 8.09807C7.66119 8.27428 8.373 8.6819 8.92121 9.26796L13.1212 6.97796C12.8828 6.03403 12.9968 5.03555 13.4418 4.16966C13.8869 3.30378 14.6325 2.62994 15.5389 2.27446C16.4452 1.91898 17.4501 1.90626 18.3652 2.23869C19.2803 2.57112 20.0427 3.22588 20.5095 4.08022C20.9764 4.93457 21.1156 5.92985 20.9011 6.8795C20.6866 7.82916 20.1332 8.668 19.3444 9.23877C18.5557 9.80954 17.5859 10.0731 16.6168 9.97995C15.6477 9.88684 14.7458 9.44347 14.0802 8.73296L9.88021 11.023C10.0414 11.6643 10.0414 12.3356 9.88021 12.977L14.0792 15.267C14.7448 14.5564 15.6467 14.1131 16.6158 14.02C17.5849 13.9268 18.5547 14.1904 19.3434 14.7611C20.1322 15.3319 20.6856 16.1708 20.9001 17.1204C21.1146 18.0701 20.9754 19.0654 20.5085 19.9197C20.0417 20.774 19.2793 21.4288 18.3642 21.7612C17.4491 22.0937 16.4442 22.0809 15.5379 21.7255C14.6315 21.37 13.8859 20.6961 13.4408 19.8303C12.9958 18.9644 12.8818 17.9659 13.1202 17.022V17.023ZM6.00021 14C6.53064 14 7.03935 13.7892 7.41442 13.4142C7.78949 13.0391 8.00021 12.5304 8.00021 12C8.00021 11.4695 7.78949 10.9608 7.41442 10.5857C7.03935 10.2107 6.53064 9.99996 6.00021 9.99996C5.46977 9.99996 4.96107 10.2107 4.58599 10.5857C4.21092 10.9608 4.00021 11.4695 4.00021 12C4.00021 12.5304 4.21092 13.0391 4.58599 13.4142C4.96107 13.7892 5.46977 14 6.00021 14V14ZM17.0002 7.99996C17.5306 7.99996 18.0393 7.78925 18.4144 7.41417C18.7895 7.0391 19.0002 6.53039 19.0002 5.99996C19.0002 5.46953 18.7895 4.96082 18.4144 4.58575C18.0393 4.21067 17.5306 3.99996 17.0002 3.99996C16.4698 3.99996 15.9611 4.21067 15.586 4.58575C15.2109 4.96082 15.0002 5.46953 15.0002 5.99996C15.0002 6.53039 15.2109 7.0391 15.586 7.41417C15.9611 7.78925 16.4698 7.99996 17.0002 7.99996V7.99996ZM17.0002 20C17.5306 20 18.0393 19.7892 18.4144 19.4142C18.7895 19.0391 19.0002 18.5304 19.0002 18C19.0002 17.4695 18.7895 16.9608 18.4144 16.5857C18.0393 16.2107 17.5306 16 17.0002 16C16.4698 16 15.9611 16.2107 15.586 16.5857C15.2109 16.9608 15.0002 17.4695 15.0002 18C15.0002 18.5304 15.2109 19.0391 15.586 19.4142C15.9611 19.7892 16.4698 20 17.0002 20V20Z\" fill=\"currentColor\"/>\n</svg>\n","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"6dbb7ce7-1fd2-f8ba-315c-455e7835527b","type":"Block","tag":"div","classes":[],"children":["6dbb7ce7-1fd2-f8ba-315c-455e7835527c"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"6dbb7ce7-1fd2-f8ba-315c-455e7835527c","text":true,"v":"Share profile"}],"styles":[{"_id":"aafdb2a7-51a9-2a9f-5700-10a34591293c","fake":false,"type":"class","name":"card-bottom","namespace":"","comb":"","styleLess":"padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5abe112b-97b7-8ce7-c08c-5e4c05cf6dda","fake":false,"type":"class","name":"company","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 100.00%, 0.80);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"84a183d8-e9bf-4c52-e344-05e643a89883","fake":false,"type":"class","name":"edit-button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(0, 0.00%, 24.71%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(0, 0.00%, 24.71%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 24.71%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(0, 0.00%, 24.71%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-image: linear-gradient(45deg, hsla(0, 0.00%, 18.67%, 1.00), hsla(0, 0.00%, 16.00%, 1.00)); box-shadow: 0 2px 11px 0 rgba(0,0,0,0.2), inset -3px 3px 11px -8px hsla(0, 0.00%, 100.00%, 0.20); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(0, 0.00%, 84.00%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 2px 11px 0 hsla(0, 0.00%, 0.00%, 0.55), inset -3px 3px 11px -8px hsla(0, 0.00%, 100.00%, 0.20);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"f19709e5-8126-03fc-9763-48a0d3fe7b0e","fake":false,"type":"class","name":"top-info","namespace":"","comb":"","styleLess":"display: flex; margin-left: 20px; flex-direction: column; align-items: flex-start; grid-column-gap: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"95f58222-d330-7e61-8f8b-cf68e800fbce","fake":false,"type":"class","name":"card-top","namespace":"","comb":"","styleLess":"display: flex; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; align-items: center; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: #3f3f3f;","variants":{},"children":["9f09c539-afd6-46a3-d682-8e5e218714fa"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"5e1b5659-10cb-5a7d-e055-84d0d5966a0e","fake":false,"type":"class","name":"profile-card","namespace":"","comb":"","styleLess":"position: relative; z-index: 1; overflow: hidden; width: 100%; max-width: 500px; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(0, 0.00%, 24.67%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(0, 0.00%, 24.67%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 24.67%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(0, 0.00%, 24.67%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-color: hsla(0, 0.00%, 0.00%, 0.36); box-shadow: 0 0 45px 0 rgba(0,0,0,0.2); backdrop-filter: blur(20px);","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c6cf7dc9-2238-2e41-43d6-d3787359b577","fake":false,"type":"class","name":"verified","namespace":"","comb":"","styleLess":"width: 15px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"cb1b1b52-45e3-962a-38a7-23c360519427","fake":false,"type":"class","name":"share-button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; justify-content: center; align-items: center; border-top-style: solid; border-top-width: 2px; border-top-color: hsla(0, 0.00%, 24.71%, 1.00); border-right-style: solid; border-right-width: 2px; border-right-color: hsla(0, 0.00%, 24.71%, 1.00); border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 24.71%, 1.00); border-left-style: solid; border-left-width: 2px; border-left-color: hsla(0, 0.00%, 24.71%, 1.00); border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background-image: linear-gradient(to bottom, hsla(239, 100.00%, 68.44%, 1.00),hsla(239, 100.00%, 68.44%, 1.00)); box-shadow: 0 2px 11px 0 rgba(0,0,0,0.2); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(213, 0.00%, 100.00%, 1.00); text-decoration: none;","variants":{"main_hover":{"styleLess":"box-shadow: 0 2px 11px 0 hsla(0, 0.00%, 0.00%, 0.55), inset -3px 3px 11px -8px hsla(0, 0.00%, 100.00%, 0.20);"}},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"ff727eff-b5d7-49b2-d5ed-fd43f5a79acf","fake":false,"type":"class","name":"ms-profile-image-preview","namespace":"","comb":"","styleLess":"display: inline-block; width: 56px; height: 56px; margin-top: 0px; margin-bottom: 0px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background-color: hsla(0, 0.00%, 29.80%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"7e474404-ec11-988f-afa5-10333e48080e","fake":false,"type":"class","name":"p","namespace":"","comb":"","styleLess":"margin-bottom: 0px; color: hsla(0, 0.00%, 100.00%, 0.80); font-weight: 300;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"770ad4c8-1c88-b7e6-8e81-38dc2b505403","fake":false,"type":"class","name":"Icon","namespace":"","comb":"","styleLess":"display: flex; overflow: hidden; width: 21px; height: 21px; margin-right: 10px; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"88595d0e-5230-be15-0446-326e172065c1","fake":false,"type":"class","name":"name","namespace":"","comb":"","styleLess":"font-size: 16px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"21b38565-1c3e-ed89-d68d-449e93bd03e3","fake":false,"type":"class","name":"flex-h","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 5px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"c6ee53a4-ba57-bc85-a526-27253fea1136","fake":false,"type":"class","name":"wrap_2-button","namespace":"","comb":"","styleLess":"display: flex; margin-top: 20px; justify-content: space-between; grid-column-gap: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647db25c0e044a9ddac1c57c_white-profile-empty%20(1).svg","siteId":"647dab98547c982b6aa6e047","width":42,"isHD":false,"height":42,"fileName":"647db25c0e044a9ddac1c57c_white-profile-empty (1).svg","createdOn":"2023-06-05T10:01:00.389Z","origFileName":"white-profile-empty (1).svg","fileHash":"1dcd7a5bfd206688009248d0e2c942a9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647dab98547c982b6aa6e047/647db25c0e044a9ddac1c57c_white-profile-empty%20(1).svg","thumbUrl":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647db25c0e044a9ddac1c57c_white-profile-empty%20(1).svg","_id":"647db25c0e044a9ddac1c57c","updatedOn":"2023-06-05T10:01:00.484Z","fileSize":359},{"cdnUrl":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647daebe2560e46086e9bdb4_Twitter_Verified_Badge.svg","siteId":"647dab98547c982b6aa6e047","width":150,"isHD":false,"height":150,"fileName":"647daebe2560e46086e9bdb4_Twitter_Verified_Badge.svg","createdOn":"2023-06-05T09:45:34.935Z","origFileName":"Twitter_Verified_Badge.svg","fileHash":"9b3148737157013ed95b20cba0eb01da","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/647dab98547c982b6aa6e047/647daebe2560e46086e9bdb4_Twitter_Verified_Badge.svg","thumbUrl":"https://cdn.prod.website-files.com/647dab98547c982b6aa6e047/647daebe2560e46086e9bdb4_Twitter_Verified_Badge.svg","_id":"647daebe2560e46086e9bdb4","updatedOn":"2023-06-05T09:45:34.935Z","fileSize":990}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":1,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
CC Chrome of SS Safari.

Over dit onderdeel

AI-gegenereerd

Beschrijving van onderdeel (gegenereerd door AI)

The Dark Profile Card is a visually striking component designed to showcase user profiles with a modern aesthetic. It features a dark theme complemented by vibrant elements, making it suitable for various applications.

Belangrijkste kenmerken:

  • Responsive design with a maximum width of 500px
  • Includes space for profile images, names, and bios
  • Interactive buttons for editing and sharing profiles
  • Stylish dark color scheme with a backdrop filter effect
  • Icons for verified badges and other elements

Ontwerpelementen:

  • Dark color palette with high contrast for text and icons
  • Rounded corners and shadow effects for a modern look
  • Flexbox layout for easy alignment of elements
  • Hover effects on buttons for enhanced interactivity

Potentiële gebruikssituaties:

  • Social media platforms for user profiles
  • Professional networking sites like LinkedIn
  • Online portfolios for creatives and freelancers
  • Membership sites requiring user profiles
  • Community forums or discussion boards

Conclusion: The Dark Profile Card is a versatile and stylish component that enhances user engagement through its modern design and interactive features, making it an excellent choice for various web applications.

Bouwen

Begin met het bouwen van je dromen

Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.