Component laden...
Laden
Bedankt! Ik zal
dit project zo snel mogelijk bijwerken.
dit project zo snel mogelijk bijwerken.
Oeps! Er ging iets mis bij het verzenden van het formulier.
Hoe Google-verificatie inschakelen
Facebook-verificatie inschakelen
Spotify verificatie inschakelen
Hoe Dribbble verificatie in te schakelen
Hoe de Github-authenticatie in te schakelen
Hoe LinkedIn verificatie inschakelen
Hoe wachtwoordloze aanmeldingen inschakelen
Hoe wachtwoordvalidatie configureren
Hoe wachtwoord tonen/verbergen
Werken met profielafbeeldingen
Hoe een wachtwoord vergeten-flow toevoegen
Werken met selectievakjes
Hoe prijstabellen configureren
Over het Stripe klantenportaal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f894b62e-9a8c-6470-a51c-ec20610f5e8b","type":"NavbarWrapper","tag":"div","classes":["a10222ae-2670-5188-3190-0ae3dc439044"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f2"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"animation":"default","easing":"ease","easing2":"ease","duration":400,"docHeight":false,"collapse":"medium","noScroll":false,"type":"wrapper"},"attr":{"data-collapse":"medium","data-animation":"default","data-duration":"400","id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f2","type":"Block","tag":"div","classes":["a10222ae-2670-5188-3190-0ae3dc43904b","a10222ae-2670-5188-3190-0ae3dc439050"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f3","a6351ea9-e8de-11bb-7652-1b097f92f9f5","a6351ea9-e8de-11bb-7652-1b097f92fa01"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f3","type":"NavbarBrand","tag":"a","classes":["a10222ae-2670-5188-3190-0ae3dc43904c"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f4"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"brand"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f4","type":"Image","tag":"img","classes":[],"children":[],"data":{"img":{"id":"648c1333480360c9da06d5d7"},"attr":{"src":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c1333480360c9da06d5d7_642c6a9bba6d764c713c1522_template%20logo%20black.svg","loading":"lazy","width":"auto","height":"auto","id":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f5","type":"NavbarMenu","tag":"nav","classes":["a10222ae-2670-5188-3190-0ae3dc439048"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f6"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"menu"},"attr":{"role":"navigation","id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f6","type":"Block","tag":"div","classes":["a10222ae-2670-5188-3190-0ae3dc43904e"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f7","a6351ea9-e8de-11bb-7652-1b097f92f9f9","a6351ea9-e8de-11bb-7652-1b097f92f9fb","a6351ea9-e8de-11bb-7652-1b097f92f9fd","a6351ea9-e8de-11bb-7652-1b097f92f9ff"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f7","type":"NavbarLink","tag":"a","classes":["a10222ae-2670-5188-3190-0ae3dc439047"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f8"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f8","text":true,"v":"Browse People"},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f9","type":"NavbarLink","tag":"a","classes":["a10222ae-2670-5188-3190-0ae3dc439047"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9fa"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"members"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9fa","text":true,"v":"Edit Profile"},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9fb","type":"NavbarLink","tag":"a","classes":["a10222ae-2670-5188-3190-0ae3dc439047"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9fc"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"!members"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9fc","text":true,"v":"Log in"},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9fd","type":"NavbarLink","tag":"a","classes":["a10222ae-2670-5188-3190-0ae3dc439047"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9fe"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"logout"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9fe","text":true,"v":"Log out"},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9ff","type":"Link","tag":"a","classes":["5a3946c8-d2f7-957a-97a7-9ffa9dc146c5","af1f2ac3-d747-6f36-ecff-3346e319d8ea"],"children":["a6351ea9-e8de-11bb-7652-1b097f92fa00"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"!members"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92fa00","text":true,"v":"Signup"},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92fa01","type":"NavbarButton","tag":"div","classes":["a10222ae-2670-5188-3190-0ae3dc43904d"],"children":["a6351ea9-e8de-11bb-7652-1b097f92fa02"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"button"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92fa02","type":"Icon","tag":"div","classes":["a10222ae-2670-5188-3190-0ae3dc43904a"],"children":[],"data":{"widget":{"type":"icon","icon":"nav-menu"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}}],"styles":[{"_id":"af1f2ac3-d747-6f36-ecff-3346e319d8ea","fake":false,"type":"class","name":"nav","namespace":"","comb":"&","styleLess":"margin-left: 20px; padding-top: 10px; padding-bottom: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc43904d","fake":false,"type":"class","name":"03-hamburger","namespace":"","comb":"","styleLess":"display: none; padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium_open":{"styleLess":"background-color: hsla(230.7692307692308, 33.33%, 22.94%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium":{"styleLess":"border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: hsla(230.7692307692308, 33.33%, 22.94%, 1.00);"}},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc43904c","fake":false,"type":"class","name":"brand","namespace":"","comb":"","styleLess":"max-width: 100px; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px;","variants":{},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc439044","fake":false,"type":"class","name":"navbar","namespace":"","comb":"","styleLess":"position: sticky; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 10; padding-right: 5%; padding-left: 5%; flex-direction: column; justify-content: center; align-items: stretch; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc43904b","fake":false,"type":"class","name":"wrapper","namespace":"","comb":"","styleLess":"max-width: 1100px; margin-right: auto; margin-left: auto;","variants":{},"children":["a10222ae-2670-5188-3190-0ae3dc439050"],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc439050","fake":false,"type":"class","name":"nav","namespace":"","comb":"&","styleLess":"display: flex; padding-top: 10px; padding-bottom: 10px; justify-content: space-between; align-items: center;","variants":{"medium":{"styleLess":"justify-content: space-between;"}},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc43904e","fake":false,"type":"class","name":"nav-menu-left","namespace":"","comb":"","styleLess":"display: flex; margin-left: auto; align-items: center;","variants":{"medium":{"styleLess":"flex-direction: column;"}},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc43904a","fake":false,"type":"class","name":"nav__icon","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"font-size: 32px;"}},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc439048","fake":false,"type":"class","name":"nav-menu","namespace":"","comb":"","styleLess":"display: flex; justify-content: space-between; flex-grow: 1; flex-shrink: 1; flex-basis: 0%;","variants":{"medium":{"styleLess":"padding-top: 30px; padding-right: 5%; padding-bottom: 50px; padding-left: 5%; background-color: hsla(0, 0.00%, 100.00%, 1.00); color: hsla(230.7692307692308, 0.00%, 100.00%, 1.00);"}},"children":[],"selector":null},{"_id":"5a3946c8-d2f7-957a-97a7-9ffa9dc146c5","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 13px; padding-right: 20px; padding-bottom: 13px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(260, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(260, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(260, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(260, 0.00%, 0.00%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(260, 0.00%, 100.00%, 1.00); box-shadow: 2px 2px 0 0 hsla(260, 0.00%, 0.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(260, 0.00%, 0.00%, 1.00);","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 0 0 hsla(260, 0.00%, 0.00%, 1.00);"}},"children":["5bcc2b70-a846-a800-6783-2b1a59be7719","af1f2ac3-d747-6f36-ecff-3346e319d8ea"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc439047","fake":false,"type":"class","name":"nav-link","namespace":"","comb":"","styleLess":"padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; color: hsla(260, 0.00%, 0.00%, 1.00); font-size: 13px; font-weight: 400; text-decoration: none;","variants":{"medium":{"styleLess":"padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; color: hsla(230.7692307692308, 0.00%, 0.00%, 1.00); text-align: center;"},"main_current":{"styleLess":"color: hsla(260, 0.00%, 0.00%, 1.00); font-weight: 500;"}},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c1333480360c9da06d5d7_642c6a9bba6d764c713c1522_template%20logo%20black.svg","siteId":"648c0ef6aece846870d4547d","width":120,"isHD":false,"height":29,"fileName":"648c1333480360c9da06d5d7_642c6a9bba6d764c713c1522_template logo black.svg","createdOn":"2023-06-16T07:45:55.603Z","origFileName":"642c6a9bba6d764c713c1522_template logo black.svg","fileHash":"010c67ae4729ed764a538303c44613d9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c1333480360c9da06d5d7_642c6a9bba6d764c713c1522_template%20logo%20black.svg","thumbUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c1333480360c9da06d5d7_642c6a9bba6d764c713c1522_template%20logo%20black.svg","_id":"648c1333480360c9da06d5d7","updatedOn":"2023-06-16T07:45:55.769Z","markedAsDeleted":false,"fileSize":9650}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":5,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"f894b62e-9a8c-6470-a51c-ec20610f5e8b","type":"NavbarWrapper","tag":"div","classes":["a10222ae-2670-5188-3190-0ae3dc439044"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f2"],"data":{"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"animation":"default","easing":"ease","easing2":"ease","duration":400,"docHeight":false,"collapse":"medium","noScroll":false,"type":"wrapper"},"attr":{"data-collapse":"medium","data-animation":"default","data-duration":"400","id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f2","type":"Block","tag":"div","classes":["a10222ae-2670-5188-3190-0ae3dc43904b","a10222ae-2670-5188-3190-0ae3dc439050"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f3","a6351ea9-e8de-11bb-7652-1b097f92f9f5","a6351ea9-e8de-11bb-7652-1b097f92fa01"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f3","type":"NavbarBrand","tag":"a","classes":["a10222ae-2670-5188-3190-0ae3dc43904c"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f4"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"brand"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f4","type":"Image","tag":"img","classes":[],"children":[],"data":{"img":{"id":"648c1333480360c9da06d5d7"},"attr":{"src":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c1333480360c9da06d5d7_642c6a9bba6d764c713c1522_template%20logo%20black.svg","loading":"lazy","width":"auto","height":"auto","id":""},"displayName":"","xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"devlink":{"runtimeProps":{},"slot":""}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f5","type":"NavbarMenu","tag":"nav","classes":["a10222ae-2670-5188-3190-0ae3dc439048"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f6"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"menu"},"attr":{"role":"navigation","id":""},"visibility":{"conditions":[]},"tag":"nav"}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f6","type":"Block","tag":"div","classes":["a10222ae-2670-5188-3190-0ae3dc43904e"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f7","a6351ea9-e8de-11bb-7652-1b097f92f9f9","a6351ea9-e8de-11bb-7652-1b097f92f9fb","a6351ea9-e8de-11bb-7652-1b097f92f9fd","a6351ea9-e8de-11bb-7652-1b097f92f9ff"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f7","type":"NavbarLink","tag":"a","classes":["a10222ae-2670-5188-3190-0ae3dc439047"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9f8"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f8","text":true,"v":"Browse People"},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9f9","type":"NavbarLink","tag":"a","classes":["a10222ae-2670-5188-3190-0ae3dc439047"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9fa"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"members"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9fa","text":true,"v":"Edit Profile"},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9fb","type":"NavbarLink","tag":"a","classes":["a10222ae-2670-5188-3190-0ae3dc439047"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9fc"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"!members"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9fc","text":true,"v":"Log in"},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9fd","type":"NavbarLink","tag":"a","classes":["a10222ae-2670-5188-3190-0ae3dc439047"],"children":["a6351ea9-e8de-11bb-7652-1b097f92f9fe"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-action","value":"logout"}],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"link"},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"link":{"url":"#","mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9fe","text":true,"v":"Log out"},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92f9ff","type":"Link","tag":"a","classes":["5a3946c8-d2f7-957a-97a7-9ffa9dc146c5","af1f2ac3-d747-6f36-ecff-3346e319d8ea"],"children":["a6351ea9-e8de-11bb-7652-1b097f92fa00"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"!members"}],"block":"","displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":true,"link":{"mode":"external"}}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92fa00","text":true,"v":"Signup"},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92fa01","type":"NavbarButton","tag":"div","classes":["a10222ae-2670-5188-3190-0ae3dc43904d"],"children":["a6351ea9-e8de-11bb-7652-1b097f92fa02"],"data":{"search":{"exclude":false},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"navbar":{"type":"button"},"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"a6351ea9-e8de-11bb-7652-1b097f92fa02","type":"Icon","tag":"div","classes":["a10222ae-2670-5188-3190-0ae3dc43904a"],"children":[],"data":{"widget":{"type":"icon","icon":"nav-menu"},"search":{"exclude":true},"xattr":[],"displayName":"","devlink":{"runtimeProps":{},"slot":""},"attr":{"id":""},"visibility":{"conditions":[]}}}],"styles":[{"_id":"af1f2ac3-d747-6f36-ecff-3346e319d8ea","fake":false,"type":"class","name":"nav","namespace":"","comb":"&","styleLess":"margin-left: 20px; padding-top: 10px; padding-bottom: 10px;","variants":{},"children":[],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc43904d","fake":false,"type":"class","name":"03-hamburger","namespace":"","comb":"","styleLess":"display: none; padding-top: 0rem; padding-right: 0rem; padding-bottom: 0rem; padding-left: 0rem;","variants":{"medium_open":{"styleLess":"background-color: hsla(230.7692307692308, 33.33%, 22.94%, 1.00); color: hsla(0, 0.00%, 100.00%, 1.00);"},"medium":{"styleLess":"border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: hsla(230.7692307692308, 33.33%, 22.94%, 1.00);"}},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc43904c","fake":false,"type":"class","name":"brand","namespace":"","comb":"","styleLess":"max-width: 100px; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px;","variants":{},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc439044","fake":false,"type":"class","name":"navbar","namespace":"","comb":"","styleLess":"position: sticky; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 10; padding-right: 5%; padding-left: 5%; flex-direction: column; justify-content: center; align-items: stretch; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); background-color: hsla(0, 0.00%, 100.00%, 1.00);","variants":{},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc43904b","fake":false,"type":"class","name":"wrapper","namespace":"","comb":"","styleLess":"max-width: 1100px; margin-right: auto; margin-left: auto;","variants":{},"children":["a10222ae-2670-5188-3190-0ae3dc439050"],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc439050","fake":false,"type":"class","name":"nav","namespace":"","comb":"&","styleLess":"display: flex; padding-top: 10px; padding-bottom: 10px; justify-content: space-between; align-items: center;","variants":{"medium":{"styleLess":"justify-content: space-between;"}},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc43904e","fake":false,"type":"class","name":"nav-menu-left","namespace":"","comb":"","styleLess":"display: flex; margin-left: auto; align-items: center;","variants":{"medium":{"styleLess":"flex-direction: column;"}},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc43904a","fake":false,"type":"class","name":"nav__icon","namespace":"","comb":"","styleLess":"","variants":{"medium":{"styleLess":"font-size: 32px;"}},"children":[],"selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc439048","fake":false,"type":"class","name":"nav-menu","namespace":"","comb":"","styleLess":"display: flex; justify-content: space-between; flex-grow: 1; flex-shrink: 1; flex-basis: 0%;","variants":{"medium":{"styleLess":"padding-top: 30px; padding-right: 5%; padding-bottom: 50px; padding-left: 5%; background-color: hsla(0, 0.00%, 100.00%, 1.00); color: hsla(230.7692307692308, 0.00%, 100.00%, 1.00);"}},"children":[],"selector":null},{"_id":"5a3946c8-d2f7-957a-97a7-9ffa9dc146c5","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"padding-top: 13px; padding-right: 20px; padding-bottom: 13px; padding-left: 20px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(260, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(260, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(260, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(260, 0.00%, 0.00%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: hsla(260, 0.00%, 100.00%, 1.00); box-shadow: 2px 2px 0 0 hsla(260, 0.00%, 0.00%, 1.00); transition-property: box-shadow; transition-duration: 200ms; transition-timing-function: ease; color: hsla(260, 0.00%, 0.00%, 1.00);","variants":{"main_hover":{"styleLess":"box-shadow: 0 0 0 0 hsla(260, 0.00%, 0.00%, 1.00);"}},"children":["5bcc2b70-a846-a800-6783-2b1a59be7719","af1f2ac3-d747-6f36-ecff-3346e319d8ea"],"createdBy":"633c39086cc87120cfb65542","selector":null},{"_id":"a10222ae-2670-5188-3190-0ae3dc439047","fake":false,"type":"class","name":"nav-link","namespace":"","comb":"","styleLess":"padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; color: hsla(260, 0.00%, 0.00%, 1.00); font-size: 13px; font-weight: 400; text-decoration: none;","variants":{"medium":{"styleLess":"padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; color: hsla(230.7692307692308, 0.00%, 0.00%, 1.00); text-align: center;"},"main_current":{"styleLess":"color: hsla(260, 0.00%, 0.00%, 1.00); font-weight: 500;"}},"children":[],"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c1333480360c9da06d5d7_642c6a9bba6d764c713c1522_template%20logo%20black.svg","siteId":"648c0ef6aece846870d4547d","width":120,"isHD":false,"height":29,"fileName":"648c1333480360c9da06d5d7_642c6a9bba6d764c713c1522_template logo black.svg","createdOn":"2023-06-16T07:45:55.603Z","origFileName":"642c6a9bba6d764c713c1522_template logo black.svg","fileHash":"010c67ae4729ed764a538303c44613d9","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/648c0ef6aece846870d4547d/648c1333480360c9da06d5d7_642c6a9bba6d764c713c1522_template%20logo%20black.svg","thumbUrl":"https://cdn.prod.website-files.com/648c0ef6aece846870d4547d/648c1333480360c9da06d5d7_642c6a9bba6d764c713c1522_template%20logo%20black.svg","_id":"648c1333480360c9da06d5d7","updatedOn":"2023-06-16T07:45:55.769Z","markedAsDeleted":false,"fileSize":9650}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":5,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
Chrome of Safari.
Chrome of Safari.
Over dit onderdeel
AI-gegenereerd
Beschrijving van onderdeel (gegenereerd door AI)
The Black And White Navbar is a sleek and modern navigation component designed for websites seeking a minimalist aesthetic. It features a sticky position and a clean layout that enhances user experience.
Belangrijkste kenmerken:
- Sticky positioning for consistent visibility
- Customizable links for easy navigation
- Includes a brand logo area
- Responsive ontwerp geschikt voor verschillende schermformaten
- Animation effects for menu interactions
Ontwerpelementen:
- Monochrome color scheme with black and white
- Flexbox layout for alignment and spacing
- Rounded button styles for a modern touch
- Simple and clean typography
Potentiële gebruikssituaties:
- Corporate websites looking for a professional look
- Personal portfolios that emphasize simplicity
- E-commerce sites needing straightforward navigation
- Blogs that prioritize content readability
- Landing pages for marketing campaigns
Conclusion: The Black And White Navbar is a versatile and stylish component that can enhance the usability and aesthetic of various types of websites, making it an excellent choice for designers and developers alike.
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.