Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
.png)
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8b2d47e8-097e-ba08-3f7d-45297741124c","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["e8671d0b-31d7-1d6e-c1bf-a6d564f50037","17d69bae-7823-d708-6021-24a5aee6b700"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e8671d0b-31d7-1d6e-c1bf-a6d564f50037","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"17d69bae-7823-d708-6021-24a5aee6b700","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["11c5af47-dcdf-39b3-85e0-ad0a77d8896f"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"11c5af47-dcdf-39b3-85e0-ad0a77d8896f","type":"Block","tag":"div","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["937be403-3750-cf05-e39a-18c5405de97d"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"937be403-3750-cf05-e39a-18c5405de97d","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","8a4ec022-519c-0a7b-6afa-d7d15b7d10ae"],"children":["f04d197f-6a69-7938-5996-7654c1102ac8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f04d197f-6a69-7938-5996-7654c1102ac8","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["8ab8e217-1fdc-7a80-b7ff-5a8cb1d350b1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8ab8e217-1fdc-7a80-b7ff-5a8cb1d350b1","type":"Block","tag":"div","classes":["e6adbc3f-7aa8-8212-421a-e02243b510c5"],"children":["6cb88893-d44f-3113-4bf6-1050e8536ef4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6cb88893-d44f-3113-4bf6-1050e8536ef4","type":"Block","tag":"div","classes":["656d023b-ea13-dd94-9970-ff2722bc1e26"],"children":["d4638d33-c543-1674-9b96-ae048dd4db0e","ff130510-533f-8e7a-62be-cabe606128f0"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d4638d33-c543-1674-9b96-ae048dd4db0e","type":"Block","tag":"div","classes":["f4b4034c-187e-8c01-143e-20135302fac4"],"children":["9034cd36-6db7-9ba6-bd8d-b8cfcd5b70a8"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9034cd36-6db7-9ba6-bd8d-b8cfcd5b70a8","text":true,"v":"Work remotely to companies in worldwide"},{"_id":"ff130510-533f-8e7a-62be-cabe606128f0","type":"Block","tag":"div","classes":["2c17af03-3496-ee9c-9cf1-ae30b93c66ed"],"children":["cb252dae-c1b2-3bdc-685a-0923496c9cc4","c2e35797-30f0-8ae7-d3b8-6f19b6d38430"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cb252dae-c1b2-3bdc-685a-0923496c9cc4","text":true,"v":"Find Remote
Job in "},{"_id":"c2e35797-30f0-8ae7-d3b8-6f19b6d38430","type":"Span","tag":"span","classes":["2c89ef65-d89d-c739-dcb4-c4c6fc226b57"],"children":["d332e39a-9ff2-2378-bb7b-ed98c3707551"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d332e39a-9ff2-2378-bb7b-ed98c3707551","text":true,"v":"Aerokit_"}],"styles":[{"_id":"2c89ef65-d89d-c739-dcb4-c4c6fc226b57","fake":false,"type":"class","name":"Text Span","namespace":"","comb":"","styleLess":"color: #0b1730;","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"f4b4034c-187e-8c01-143e-20135302fac4","fake":false,"type":"class","name":"hero_subtxt","namespace":"","comb":"","styleLess":"color: rgba(11, 23, 48, 0.6); font-size: 1.25rem; font-weight: 600;","variants":{"tiny":{"styleLess":"font-size: 0.875rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1","8a4ec022-519c-0a7b-6afa-d7d15b7d10ae"],"origin":null,"selector":null},{"_id":"e6adbc3f-7aa8-8212-421a-e02243b510c5","fake":false,"type":"class","name":"hero_wrap","namespace":"","comb":"","styleLess":"display: flex; min-height: 730px; padding-right: 48px; padding-bottom: 48px; padding-left: 48px; flex-direction: column; justify-content: flex-end; flex-wrap: nowrap; 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-image: @img_67d2c113ce422c98381a3ec6; background-position: 50% 50%; background-size: cover;","variants":{"medium":{"styleLess":"background-position: 61% 50%;"},"small":{"styleLess":"justify-content: flex-end; background-position: 69% 50%;"},"tiny":{"styleLess":"padding-right: 20px; padding-bottom: 20px; padding-left: 20px; justify-content: flex-end; background-position: 72% 50%;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"8a4ec022-519c-0a7b-6afa-d7d15b7d10ae","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"font-family: Manrope; line-height: 1.4;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"2c17af03-3496-ee9c-9cf1-ae30b93c66ed","fake":false,"type":"class","name":"hero_title","namespace":"","comb":"","styleLess":"color: rgba(11, 23, 48, 0.7); font-size: 3.25rem; font-weight: 800;","variants":{"tiny":{"styleLess":"font-size: 1.875rem;"},"medium":{"styleLess":"font-size: 2.875rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"656d023b-ea13-dd94-9970-ff2722bc1e26","fake":false,"type":"class","name":"hero_title-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 410px; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"tiny":{"styleLess":"grid-column-gap: 12px; grid-row-gap: 12px;"},"medium":{"styleLess":"grid-column-gap: 16px; grid-row-gap: 16px;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"display: flex; min-height: 100svh; flex-direction: column; justify-content: center;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","siteId":"67d2c0a895fb6e2686dd56c0","width":1344,"isHD":false,"height":730,"fileName":"67d2c113ce422c98381a3ec6_Frame 2131329591.svg","createdOn":"2025-03-13T11:27:15.481Z","origFileName":"Frame 2131329591.svg","fileHash":"ad0c50262f8cea9130fbcb4a109e989d","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","thumbUrl":"https://cdn.prod.website-files.com/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","_id":"67d2c113ce422c98381a3ec6","updatedOn":"2025-03-13T11:27:15.481Z","fileSize":2066710,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"8b2d47e8-097e-ba08-3f7d-45297741124c","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27143"],"children":["e8671d0b-31d7-1d6e-c1bf-a6d564f50037","17d69bae-7823-d708-6021-24a5aee6b700"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"e8671d0b-31d7-1d6e-c1bf-a6d564f50037","type":"HtmlEmbed","tag":"div","classes":["e176e94c-6e92-60da-fe02-f1b246007d37"],"children":[],"v":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","data":{"search":{"exclude":true},"embed":{"meta":{"html":"<style>\n\n/* Make text look crisper and more legible in all browsers */\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: antialiased;\n text-rendering: optimizeLegibility;\n}\n\n/* Focus state style for keyboard navigation for the focusable elements */\n*[tabindex]:focus-visible,\n input[type=\"file\"]:focus-visible {\n outline: 0.125rem solid #4d65ff;\n outline-offset: 0.125rem;\n}\n\n/* Set color style to inherit */\n.inherit-color * {\n color: inherit;\n}\n\n/* Get rid of top margin on first element in any rich text element */\n.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {\n margin-top: 0 !important;\n}\n\n/* Get rid of bottom margin on last element in any rich text element */\n.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {\n\tmargin-bottom: 0 !important;\n}\n\n\n/* Make sure containers never lose their center alignment */\n.container-medium,.container-small, .container-large {\n\tmargin-right: auto !important;\n margin-left: auto !important;\n}\n\n/* \nMake the following elements inherit typography styles from the parent and not have hardcoded values. \nImportant: You will not be able to style for example \"All Links\" in Designer with this CSS applied.\nUncomment this CSS to use it in the project. Leave this message for future hand-off.\n*/\n/*\na,\n.w-input,\n.w-select,\n.w-tab-link,\n.w-nav-link,\n.w-dropdown-btn,\n.w-dropdown-toggle,\n.w-dropdown-link {\n color: inherit;\n text-decoration: inherit;\n font-size: inherit;\n}\n*/\n\n/* Apply \"...\" after 3 lines of text */\n.text-style-3lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 3;\n\t-webkit-box-orient: vertical;\n}\n\n/* Apply \"...\" after 2 lines of text */\n.text-style-2lines {\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\t-webkit-line-clamp: 2;\n\t-webkit-box-orient: vertical;\n}\n\n/* These classes are never overwritten */\n.hide {\n display: none !important;\n}\n\n@media screen and (max-width: 991px) {\n .hide, .hide-tablet {\n display: none !important;\n }\n}\n @media screen and (max-width: 767px) {\n .hide-mobile-landscape{\n display: none !important;\n }\n}\n @media screen and (max-width: 479px) {\n .hide-mobile{\n display: none !important;\n }\n}\n \n.margin-0 {\n margin: 0rem !important;\n}\n \n.padding-0 {\n padding: 0rem !important;\n}\n\n.spacing-clean {\npadding: 0rem !important;\nmargin: 0rem !important;\n}\n\n.margin-top {\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-top {\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n \n.margin-right {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-right {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-bottom {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n\n.padding-bottom {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n.margin-left {\n margin-top: 0rem !important;\n margin-right: 0rem !important;\n margin-bottom: 0rem !important;\n}\n \n.padding-left {\n padding-top: 0rem !important;\n padding-right: 0rem !important;\n padding-bottom: 0rem !important;\n}\n \n.margin-horizontal {\n margin-top: 0rem !important;\n margin-bottom: 0rem !important;\n}\n\n.padding-horizontal {\n padding-top: 0rem !important;\n padding-bottom: 0rem !important;\n}\n\n.margin-vertical {\n margin-right: 0rem !important;\n margin-left: 0rem !important;\n}\n \n.padding-vertical {\n padding-right: 0rem !important;\n padding-left: 0rem !important;\n}\n\n</style>","div":false,"script":false,"compilable":false,"iframe":false},"type":"html"},"insideRTE":false,"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]}}},{"_id":"17d69bae-7823-d708-6021-24a5aee6b700","type":"Block","tag":"main","classes":["07815991-952a-8d98-0e00-e4c25af27150"],"children":["11c5af47-dcdf-39b3-85e0-ad0a77d8896f"],"data":{"text":false,"tag":"main","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"11c5af47-dcdf-39b3-85e0-ad0a77d8896f","type":"Block","tag":"div","classes":["cf43d98c-48d8-bebc-6c99-10f0eb75fadd"],"children":["937be403-3750-cf05-e39a-18c5405de97d"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"937be403-3750-cf05-e39a-18c5405de97d","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af2710d","8a4ec022-519c-0a7b-6afa-d7d15b7d10ae"],"children":["f04d197f-6a69-7938-5996-7654c1102ac8"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"f04d197f-6a69-7938-5996-7654c1102ac8","type":"Block","tag":"div","classes":["07815991-952a-8d98-0e00-e4c25af27147"],"children":["8ab8e217-1fdc-7a80-b7ff-5a8cb1d350b1"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8ab8e217-1fdc-7a80-b7ff-5a8cb1d350b1","type":"Block","tag":"div","classes":["e6adbc3f-7aa8-8212-421a-e02243b510c5"],"children":["6cb88893-d44f-3113-4bf6-1050e8536ef4"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"6cb88893-d44f-3113-4bf6-1050e8536ef4","type":"Block","tag":"div","classes":["656d023b-ea13-dd94-9970-ff2722bc1e26"],"children":["d4638d33-c543-1674-9b96-ae048dd4db0e","ff130510-533f-8e7a-62be-cabe606128f0"],"data":{"text":false,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d4638d33-c543-1674-9b96-ae048dd4db0e","type":"Block","tag":"div","classes":["f4b4034c-187e-8c01-143e-20135302fac4"],"children":["9034cd36-6db7-9ba6-bd8d-b8cfcd5b70a8"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"9034cd36-6db7-9ba6-bd8d-b8cfcd5b70a8","text":true,"v":"Work remotely to companies in worldwide"},{"_id":"ff130510-533f-8e7a-62be-cabe606128f0","type":"Block","tag":"div","classes":["2c17af03-3496-ee9c-9cf1-ae30b93c66ed"],"children":["cb252dae-c1b2-3bdc-685a-0923496c9cc4","c2e35797-30f0-8ae7-d3b8-6f19b6d38430"],"data":{"text":true,"tag":"div","devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"cb252dae-c1b2-3bdc-685a-0923496c9cc4","text":true,"v":"Find Remote
Job in "},{"_id":"c2e35797-30f0-8ae7-d3b8-6f19b6d38430","type":"Span","tag":"span","classes":["2c89ef65-d89d-c739-dcb4-c4c6fc226b57"],"children":["d332e39a-9ff2-2378-bb7b-ed98c3707551"],"data":{"devlink":{"runtimeProps":{},"slot":""},"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"d332e39a-9ff2-2378-bb7b-ed98c3707551","text":true,"v":"Aerokit_"}],"styles":[{"_id":"2c89ef65-d89d-c739-dcb4-c4c6fc226b57","fake":false,"type":"class","name":"Text Span","namespace":"","comb":"","styleLess":"color: #0b1730;","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"f4b4034c-187e-8c01-143e-20135302fac4","fake":false,"type":"class","name":"hero_subtxt","namespace":"","comb":"","styleLess":"color: rgba(11, 23, 48, 0.6); font-size: 1.25rem; font-weight: 600;","variants":{"tiny":{"styleLess":"font-size: 0.875rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af2710d","fake":false,"type":"class","name":"padding-global","namespace":"","comb":"","styleLess":"padding-right: 2.5rem; padding-left: 2.5rem;","variants":{"small":{"styleLess":"padding-right: 1.25rem; padding-left: 1.25rem;"}},"children":["cf43d98c-48d8-bebc-6c99-10f0eb75fae1","8a4ec022-519c-0a7b-6afa-d7d15b7d10ae"],"origin":null,"selector":null},{"_id":"e6adbc3f-7aa8-8212-421a-e02243b510c5","fake":false,"type":"class","name":"hero_wrap","namespace":"","comb":"","styleLess":"display: flex; min-height: 730px; padding-right: 48px; padding-bottom: 48px; padding-left: 48px; flex-direction: column; justify-content: flex-end; flex-wrap: nowrap; 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-image: @img_67d2c113ce422c98381a3ec6; background-position: 50% 50%; background-size: cover;","variants":{"medium":{"styleLess":"background-position: 61% 50%;"},"small":{"styleLess":"justify-content: flex-end; background-position: 69% 50%;"},"tiny":{"styleLess":"padding-right: 20px; padding-bottom: 20px; padding-left: 20px; justify-content: flex-end; background-position: 72% 50%;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27150","fake":false,"type":"class","name":"main-wrapper","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"origin":null,"selector":null},{"_id":"e176e94c-6e92-60da-fe02-f1b246007d37","fake":false,"type":"class","name":"global-styles","namespace":"","comb":"","styleLess":"position: fixed; left: 0%; top: 0%; right: auto; bottom: auto; display: block;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27147","fake":false,"type":"class","name":"container-large","namespace":"","comb":"","styleLess":"width: 100%; max-width: 80rem; margin-right: auto; margin-left: auto;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"8a4ec022-519c-0a7b-6afa-d7d15b7d10ae","fake":false,"type":"class","name":"padding-section-medium","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"07815991-952a-8d98-0e00-e4c25af27143","fake":false,"type":"class","name":"page-wrapper","namespace":"","comb":"","styleLess":"font-family: Manrope; line-height: 1.4;","variants":{},"children":[],"origin":null,"selector":null},{"_id":"2c17af03-3496-ee9c-9cf1-ae30b93c66ed","fake":false,"type":"class","name":"hero_title","namespace":"","comb":"","styleLess":"color: rgba(11, 23, 48, 0.7); font-size: 3.25rem; font-weight: 800;","variants":{"tiny":{"styleLess":"font-size: 1.875rem;"},"medium":{"styleLess":"font-size: 2.875rem;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"656d023b-ea13-dd94-9970-ff2722bc1e26","fake":false,"type":"class","name":"hero_title-wrap","namespace":"","comb":"","styleLess":"display: flex; width: 100%; max-width: 410px; flex-direction: column; flex-wrap: nowrap; grid-column-gap: 20px; grid-row-gap: 20px;","variants":{"tiny":{"styleLess":"grid-column-gap: 12px; grid-row-gap: 12px;"},"medium":{"styleLess":"grid-column-gap: 16px; grid-row-gap: 16px;"}},"children":[],"createdBy":"66e7f5121965c0ae8138c22b","origin":null,"selector":null},{"_id":"cf43d98c-48d8-bebc-6c99-10f0eb75fadd","fake":false,"type":"class","name":"section_hero","namespace":"","comb":"","styleLess":"display: flex; min-height: 100svh; flex-direction: column; justify-content: center;","variants":{"medium":{"styleLess":"padding-top: 3rem;"}},"children":[],"createdBy":"54441c96b0981db6504faf03","origin":null,"selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","siteId":"67d2c0a895fb6e2686dd56c0","width":1344,"isHD":false,"height":730,"fileName":"67d2c113ce422c98381a3ec6_Frame 2131329591.svg","createdOn":"2025-03-13T11:27:15.481Z","origFileName":"Frame 2131329591.svg","fileHash":"ad0c50262f8cea9130fbcb4a109e989d","translationLoading":false,"variants":[],"mimeType":"image/svg+xml","isFromWellKnownFolder":false,"s3Url":"https://s3.amazonaws.com/webflow-prod-assets/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","thumbUrl":"https://cdn.prod.website-files.com/67d2c0a895fb6e2686dd56c0/67d2c113ce422c98381a3ec6_Frame%202131329591.svg","_id":"67d2c113ce422c98381a3ec6","updatedOn":"2025-03-13T11:27:15.481Z","fileSize":2066710,"localizedSettings":{}}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0,"universalBindingsRemovedCount":0,"unlinkedSymbolCount":1}}
About this component
AI Generated
Component Description (Generated by AI)
AeroKit UI Hero06 Futuristic is a Webflow component designed to create visually striking hero sections for websites. It features a flexible layout with a focus on remote job opportunities, making it suitable for various industries. The component includes customizable text styles and a background image that enhances its futuristic aesthetic.
Key Features:
- Flexible layout with a minimum height of 730px and responsive design elements.
- Customizable text styles including hero titles and subtitles with various font sizes and weights.
- Embedded CSS for enhanced text legibility and focus state styles for accessibility.
- Background image support with options for positioning and sizing.
Design Elements:
- Futuristic design with a clean and modern aesthetic.
- Use of a bold color palette featuring deep blues and contrasting text colors.
- Incorporation of rounded corners and padding for a soft, approachable look.
- Flexbox layout for easy alignment and distribution of content.
Potential Use Cases:
- Job boards or recruitment websites focusing on remote work.
- Tech startups looking to showcase their services or products.
- Personal portfolios for freelancers in the tech industry.
- Landing pages for online courses or educational platforms.
Conclusion: The AeroKit UI Hero06 Futuristic component is a versatile tool for creating engaging hero sections that can effectively capture user attention and convey important information.
Start building
Start building your dreams
Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.