CINXE.COM

Securly Careers - Find the perfect job opening for you

<!DOCTYPE html> <html lang="en-US"> <head> <!-- Google Tag Manager --> <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-589NWC'); </script> <!-- End Google Tag Manager --> <!-- Global site tag (gtag.js) - Google Analytics --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Securly Careers - Find the perfect job opening for you</title> <meta name="description" content="Learn more about job and career opportunities at Securly. Search our current openings today to find the best fit for you and your career goals."> <meta name="keywords" content="careers,job opportunities"> <link rel="canonical" href="https://www.securly.com/careers"> <meta property="og:type" content="website"> <meta property="og:site_name" content="Securly"> <meta property="og:url" content="https://www.securly.com/careers"> <meta property="og:title" content="Securly Careers - Find the perfect job opening for you"> <meta property="og:description" content="Learn more about job and career opportunities at Securly. Search our current openings today to find the best fit for you and your career goals."> <meta property="og:image" content="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/share_logo.webp"> <meta property="og:image:secure_url" content="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/share_logo.webp"> <meta property="og:image:width" content="400"> <meta property="og:image:height" content="400"> <meta property="og:image:type" content="image/png"> <meta property="og:locale" content="en_us"> <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@securly"> <meta name="twitter:creator" content="@securly"> <meta name="twitter:url" content="https://www.securly.com/careers"> <meta name="twitter:title" content="Securly Careers - Find the perfect job opening for you"> <meta name="twitter:description" content="Learn more about job and career opportunities at Securly. Search our current openings today to find the best fit for you and your career goals."> <meta name="twitter:image" content="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/share_logo.webp"> <link rel="preconnect" href="https://stag-web-assets.s3.ap-south-1.amazonaws.com" crossorigin="anonymous"> <!--CUSTOM CSS FILES--> <link rel="stylesheet" href="/site/css/master.css"> <link rel="stylesheet" href="/site/css/fonts/metropolis/stylesheet.css"> <!-- Favicons --> <link rel="apple-touch-icon" href="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/favicon-180x180.webp" sizes="180x180"> <link rel="icon" href="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/favicon-32x32.webp" sizes="32x32" type="image/png"> <link rel="icon" href="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/favicon-16x16.webp" sizes="16x16" type="image/png"> <link rel="icon" href="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/favicon-16x16.ico"> <style> body { margin: 0px; background: #fff; visibility: visible; } #header { position: absolute; z-index: 1; } @media only screen and (max-width: 992px) { .new-footer { padding-top: 11px; } } .captcha-fail, .message-fail { text-align: left; font-size: 13px; line-height: 18px; color: #F44336; } .grecaptcha-badge { display: none !important; } html { scroll-behavior: smooth; } .jobs-section { margin: 95px 0 55px 0; } #job-board { padding-top: 10px; } .openPositions-section { max-width: 864px; margin: 0 auto; } .openPositions-section h2 { font: 400 48px/1.17 MetropolisSemiBold, sans-serif; color: #171b1f; margin: 0; text-align: center; } .openPositions-section p { font: 400 20px/1.44 MetropolisRegular, sans-serif; color: #454f5b; margin: 8px 0 0 0; text-align: center; } .panel-body { display: grid; grid-template-columns: 1fr 1fr; padding: 15px 15px 15px 30px; } .panel-body::before { display: none; } .custom-job-board { max-width: 864px; margin: 57px auto 0 auto; } .custom-job-board .panel-default { border-radius: 8px; box-shadow: 0 2px 3px 0 #dae5ee; background-color: #fff; height: 80px; margin-top: 10px; border: transparent; } .panel-title>a { font: 400 24px/1.44 MetropolisRegular, sans-serif; color: #2a3138; padding: 23px 0 25px 30px; width: 100%; display: flex; justify-content: space-between; } .no-of-jobs { margin: 0 30px 0 0; white-space: nowrap; } .drop-down-img { max-width: 16px; min-width: 16px; margin-left: 20px; } .panel-default>.panel-heading { background-color: transparent; border: transparent; } .panel-heading { padding: 0; } .job-div a { font-size: 18px; color: #0073e6; font-family: MetropolisSemiBold, sans-serif; font-weight: 400; display: inline-block; } .job-div p { font-size: 14px; color: #505e6b; font-family: Metropolis-Medium, sans-serif; } .panel.panel-default.expanded-panel { border-radius: 8px 8px 0 0; box-shadow: 0 0 3px 0 #dae5ee; background-color: #fafbfc; } .panel.panel-default.closed-panel { transition: background-color 500ms linear, border-radius 500ms linear; } .panel-collapse { border-radius: 0 0 8px 8px; box-shadow: 0 2px 3px 0 #dae5ee; background-color: #fafbfc; } .expanded-panel .panel-heading .panel-title .department-title .no-of-jobs .drop-down-img { transform: rotate(180deg); } .drop-down-img { transition: transform 200ms ease-out; } @media only screen and (max-width: 864px) { .custom-job-board { max-width: 90%; } .panel-title>a { padding-left: 20px; padding-top: 30px; } .no-of-jobs { margin-right: 20px; } } @media only screen and (max-width: 767px) { .panel-body { grid-template-columns: 1fr; } .openPositions-section { margin: 0 40px; } .openPositions-section h2 { font-size: 32px; } .openPositions-section p { font-size: 18px; } .center-form { margin-top: 40px; } } @media only screen and (max-width: 500px) { a.department-title { font: 400 18px/1.4 MetropolisRegular, sans-serif; } .job-div a { font-size: 16px; } .drop-down-img { margin-left: 10px; } } </style> <!-- Securly free checking code --> <!-- Facebook Pixel Code --> <script> try { !(function (f, b, e, v, n, t, s) { if (f.fbq) return; n = f.fbq = function () { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments); }; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = "2.0"; n.queue = []; t = b.createElement(e); t.async = !0; t.src = v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s); })( window, document, "script", "https://connect.facebook.net/en_US/fbevents.js" ); fbq("init", "2195594740713632"); fbq("track", "PageView"); } catch (e) { return ''; } </script> <!-- End Facebook Pixel Code --> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebPage", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.securly.com/careers" }, "headline": "Securly - Careers", "description": "Find a job at Securly. Join a team dedicated to keeping kids safe online.", "image": "https://www.securly.com/static/images/logo.webp", "datePublished": "2021-10-01T00:00:00+00:00", "dateModified": "2021-10-01T00:00:00+00:00", "author": { "@type": "Organization", "name": "Securly" }, "publisher": { "@type": "Organization", "name": "Securly", "logo": { "@type": "ImageObject", "url": "https://www.securly.com/static/images/logo.webp" } } } </script> <!-- Start Qualified --> <script> (function (w, q) { w['QualifiedObject'] = q; w[q] = w[q] || function () { (w[q].q = w[q].q || []).push(arguments) }; })(window, 'qualified') </script> <script async src="https://js.qualified.com/qualified.js?token=9StV7kdr2CpcTpLA"></script> <!-- End Qualified --> </head> <!-- Including menu code starts --> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-589NWC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <a href="#maincontent" class="skip-nav">Skip to main content</a> <header id="header_" class="header"> <div class="head-top"> <div class="clearfix newGrid_container"> <a href="/" class="s-logo" aria-label="Securly"><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/securly-logo.svg" alt="Securly logo" title="Securly" width="120" height="31"></a> <a href="#" class="nav-trigger ham-icon" role="button" aria-label="Menu"><span></span></a> <!-- START MAIN NAVIGATION --> <nav class="main-nav regular-nav login-menu global-menu"> <ul role="menu"> <li class="nav" id="solutions" role="menuitem"> <a href="#" aria-haspopup="true" aria-expanded="false">Solutions</a> <div class="submenu-outer solutions-submenu clearfix "> <div class="nav-col all-solutions"> <ul class="inside-nav"> <li> <a href="/solutions/all-solutions" class="clearfix"> <figure> <img class="default-image" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-solutions-overview-icon.webp" alt="Securly Platform" width="150" height="150"> <img class="hover-image" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-solutions-overview-icon-hover.webp" alt="Securly Platform" width="150" height="150"> </figure> <div> <strong> Securly Platform </strong> <p>Discover what you can do with Securly by your side</p> </div> </a> </li> </ul> </div> <div class="nav-col other-solutions"> <ul class="inside-nav"> <li> <a href="/solutions/student-safety" class="clearfix"> <figure> <img class="default-image" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-student-safety-icon.webp" alt="Student Safety" width="82" height="78"> <img class="hover-image" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-student-safety-icon-hover.webp" alt="Student Safety" width="82" height="78"> </figure> <div> <strong>Student Safety</strong> </div> </a> </li> <li> <a href="/solutions/student-engagement" class="clearfix"> <figure> <img class="default-image" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-student-engagement-icon.webp" alt="Student Engagement" width="78" height="78"> <img class="hover-image" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-student-engagement-icon-hover.webp" alt="Student Engagement" width="78" height="78"> </figure> <div> <strong>Student Engagement</strong> </div> </a> </li> </ul> </div> <div class="nav-col other-solutions"> <ul class="inside-nav"> <li> <a href="/solutions/student-wellness" class="clearfix"> <figure> <img class="default-image" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-student-wellness-icon.webp" alt="Student Wellness" width="78" height="85"> <img class="hover-image" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-student-wellness-icon-hover.webp" alt="Student Wellness" width="78" height="85"> </figure> <div> <strong>Student Wellness</strong> </div> </a> </li> <li> <a href="/solutions/technology" class="clearfix"> <figure> <img class="default-image" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-technology-icon.webp" alt="Technology" width="78" height="78"> <img class="hover-image" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-technology-icon-hover.webp" alt="Technology" width="78" height="78"> </figure> <div> <strong>Technology</strong> </div> </a> </li> </ul> </div> </div> </li> <li class="nav" id="products" role="menuitem"> <a href="#" aria-haspopup="true" aria-expanded="false">Products</a> <div class="submenu-outer school-submenu products-submenu clearfix"> <div class="nav-col"> <strong class="menu-title">PRODUCTS</strong> <ul class="inside-nav"> <li> <a href="/aware" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-aware-logo.svg" alt="Aware"> <div> <strong>Aware</strong> <p> Online student wellness monitoring </p> </div> </a> </li> <li> <a href="/classroom" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-classroom-logo.svg" alt="Classroom"> <div> <strong>Classroom</strong> <p> Classroom management for teachers </p> </div> </a> </li> <li> <a href="/filter" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-filter-logo.svg" alt="Filter"> <div> <strong>Filter</strong> <p> Cloud web filtering for schools </p> </div> </a> </li> <li> <a href="/mdm" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-mdm-logo.svg" alt="MDM"> <div> <strong>MDM</strong> <p> Apple device management </p> </div> </a> </li> <li> <a href="/reveal" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-reveal-logo.svg" alt="Reveal"> <div> <strong>Reveal</strong> <p> Edtech usage and budget analysis </p> </div> </a> </li> <li> <a href="/rhithm" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-rhithm-logo.svg" alt="Rhithm"> <div> <strong>Rhithm</strong> <p> Daily safety and wellness insights </p> </div> </a> </li> <li> <a href="/discern" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/discern-menu-new-icon.svg" alt="Discern"> <div> <strong>Discern</strong> <p> AI to revolutionize student support </p> </div> </a> </li> </ul> </div> <div class="nav-col"> <strong class="menu-title">ADD-ONS</strong> <ul class="inside-nav mobile-border-0"> <li> <a href="/aichat" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/ai-chat-menu-icon.svg" alt="AI Chat"> <div> <strong>AI Chat</strong> <p> Conversational AI platform for Filter </p> </div> </a> </li> <li> <a href="/home-select" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-home-logo.svg" alt="Home"> <div> <strong>Home</strong> <p> Family engagement app for Filter </p> </div> </a> </li> <li> <a href="/on-call" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-oncall-logo.svg" alt="On-Call"> <div> <strong>On-Call</strong> <p> Securly-managed alert analysis for Aware </p> </div> </a> </li> </ul> <strong class="menu-title external-link">NOW PART OF SECURLY</strong> <ul class="inside-nav mobile-border-0"> <li> <a href="/pass" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-e-hallpass-logo.svg" alt="Pass"> <div> <strong>Pass</strong> <p> Digital hall pass system </p> </div> </a> </li> <li> <a href="/flex" class="clearfix"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-flex-logo.svg" alt="Flex"> <div> <strong>Flex</strong> <p> Flex period manager </p> </div> </a> </li> </ul> </div> </div> </li> <li class="nav" id="customer-success" role="menuitem"> <a href="#" aria-haspopup="true" aria-expanded="false">Customer Success</a> <div class="submenu-outer block-submenu section-submenu cs-menu rounded-nav clearfix"> <div class="nav-col"> <ul class="inside-nav"> <li> <a href="/case-studies" class="clearfix"> <figure> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/case-studies-menu.webp" alt="Case studies" width="48" height="48"> </figure> <div> <strong> Case studies </strong> <p> See how Securly has helped schools just like yours</p> </div> </a> </li> <li> <a href="/support" class="clearfix"> <figure> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/support-team-menu.webp" alt="Support team" width="48" height="48"> </figure> <div> <strong> Support team </strong> <p>Find out what makes our support team best in class</p> </div> </a> </li> </ul> </div> </div> </li> <li class="nav" id="resources" role="menuitem"> <a href="#" aria-haspopup="true" aria-expanded="false">Resources</a> <div class="submenu-outer block-submenu section-submenu rounded-nav resources-nav clearfix"> <div class="nav-col"> <ul class="inside-nav"> <li> <a href="/helpful-reads" class="clearfix"> <figure> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/helpful-reads-menu.webp" alt="Helpful reads" width="48" height="48"> </figure> <div> <strong> Helpful reads </strong> <p>Explore resources to support your school, students, and technology</p> </div> </a> </li> <li> <a href="/events" class="clearfix"> <figure> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/events-and-webinars-menu.webp" alt="Events & webinars" width="48" height="48"> </figure> <div> <strong> Events & webinars </strong> <p>Be in the know about upcoming in-person and virtual events</p> </div> </a> </li> <li> <a href="https://blog.securly.com" class="clearfix"> <figure> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/blog-menu.webp" alt="Blog" width="48" height="48"> </figure> <div> <strong> Blog </strong> <p>Stay up to date on trends and news in K-12 student safety and wellness</p> </div> </a> </li> <li> <a href="/product-briefs" class="clearfix"> <figure> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/product-briefs-menu.webp" alt="Product briefs" width="48" height="48"> </figure> <div> <strong> Product briefs </strong> <p>View detailed information sheets on Securly's products</p> </div> </a> </li> <li> <a href="https://securly.com/podcast" class="clearfix"> <figure> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/podcast-menu.webp" alt="Podcast" width="48" height="48"> </figure> <div> <strong> Podcast </strong> <p>Listen to new voices in the conversation around student wellness </p> </div> </a> </li> </ul> </div> </div> </li> <li class="nav" role="menuitem"> <a href="/partners" id="navigation" class="no-dropdown">Partners </a> </li> </ul> <ul role="menu"> <li class="nav login-nav" role="menuitem"> <a href="#" aria-haspopup="true" aria-expanded="false">Login</a> <div class="submenu-outer login-submenu square-submenu clearfix"> <div class="nav-col"> <h4>School</h4> <ul class="inside-nav"> <li> <a href="/app/login?product=aware" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-aware-icon.svg" alt="Online student monitoring app" width="33" height="30"></picture> <p>Aware</p> </a> </li> <li> <a href="https://deviceconsole.securly.com/classroom" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-classroom-icon.svg" alt="Classroom management app" width="33" height="31"></picture> <p>Classroom</p> </a> </li> <li> <a href="/app/filter" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-filter-icon.svg" alt="Web activity monitoring app" width="33" height="34"></picture> <p>Filter</p> </a> </li> <li> <a href="https://deviceconsole.securly.com/mdm" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-mdm-icon.svg" alt="Apple device management solution" width="33" height="37"></picture> <p>MDM</p> </a> </li> <li> <a href="https://dyknow.me" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-reveal-icon.svg" alt="Edtech usage analysis app" width="33" height="32"></picture> <p>Reveal</p> </a> </li> <li> <a href="https://portal.rhithm.app" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-rhithm-icon.svg" alt="Daily safety insights app" width="33" height="31"></picture> <p>Rhithm</p> </a> </li> <li> <a href="https://discern.securly.com" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-discern-icon.svg" alt="Student support AI solution" width="31" height="33"></picture> <p>Discern</p> </a> </li> <li> <a href="https://pass.securly.com/login" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-visitor-icon.svg" alt="School visitor management app" width="33" height="33"></picture> <p>Visitor</p> </a> </li> <li> <a href="https://www.securly.com/responder/login" class="clearfix" rel="nofollow"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-respond-icon.svg" alt="Alert management app for school staff" width="33" height="26"></picture> <p>Respond</p> </a> </li> <li> <a href="/app/login?product=aware" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-on-call-icon.svg" alt="Securly managed alert analysis app" width="33" height="30"></picture> <p>On-Call</p> </a> </li> <li> <a href="https://pass.securly.com/login" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-e-hallpass-icon.svg" alt="Digital hall pass app" width="33" height="39"></picture> <p>Pass</p> </a> </li> <li> <a href="https://flextimemanager.com/login" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-flex-icon.svg" alt="Flexible period management app" width="33" height="31"></picture> <p>Flex</p> </a> </li> <li> <a href="https://observe.securly.com" class="clearfix"> <picture> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-observe-logo.svg" alt="Student wellness monitoring solution" width="34" height="32"> </picture> <p>Observe</p> </a> </li> <li> <a href="https://idp.securly.com/app/auth" class="clearfix"> <picture> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-multi-school-icon.svg" alt="Login with Google or Microsoft Azure" width="36" height="36"> </picture> <p>Multi-school login</p> </a> </li> </ul> <h4 class="login-devider">Parent</h4> <ul class="inside-nav"> <li> <a href="/parent-login" class="clearfix"> <picture><img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/login-home-icon.svg" alt="Family engagement app" width="32" height="33"></picture> <p>Home</p> </a> </li> </ul> </div> </div> </li> <li class="top-search" role="menuitem" title="Search"> <form class="top-search-form" role="search"> <label> <!-- <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/menu-search.svg" alt="Search" width="22" height="22"> --> <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22" fill="none" class="top-search-icon"> <path d="M22.887 7.744A8.2 8.2 0 0 0 14.703 0h-.44c-4.488.264-7.92 4.136-7.656 8.624.088.88.264 1.76.616 2.552.088.176 0 .352-.088.44l-5.368 5.368c-.616.616-.88 1.232-.88 1.936s.264 1.408.792 1.848l.44.352c.44.44 1.056.792 1.76.792.792 0 1.496-.264 2.024-.792l5.368-5.368c.088-.088.352-.176.44-.088.968.352 1.936.616 2.992.616h.44c4.576-.176 8.008-4.048 7.744-8.536zM3.703 19.448l-.176-.176c-.176-.176-.176-.44 0-.616l4.488-4.576c.176-.176.352-.176.528 0l.264.264c.176.176.176.352 0 .528L4.319 19.36c-.176.264-.44.264-.616.088zm11.352-5.456h-.352c-3.08 0-5.632-2.376-5.808-5.456-.088-1.584.44-3.08 1.496-4.224s2.464-1.848 3.96-1.936h.352c3.08 0 5.632 2.376 5.808 5.456.176 3.168-2.288 5.984-5.456 6.16z" fill="#3d4852" /> </svg> </label> <!-- <input placeholder="Search..." type="search" id="search" name="search"> --> <script async src="https://cse.google.com/cse.js?cx=b06e01341684449da"></script> <div class="gcse-searchbox-only" data-resultsUrl="/search-results"></div> </form> </li> <li class="nav border-btn-outer" role="menuitem"> <a href="/request-a-demo" class="no-dropdown">Request a demo</a> </li> </ul> </nav> <!-- END MAIN NAVIGATION --> </div> </div> </header> <!-- Including menu code ends --> <!-- Page starts --> <main id="content" class="clearfix"> <div class="default-header careers-header" id="maincontent" role="banner"> <h1>Careers at Securly</h1> <p>Working at Securly means that you’re contributing to lives actively being saved each day. It means working in a collaborative atmosphere as dynamic and culturally diverse as the United Nations. It means that when you’re asked how your day was, you can honestly answer, “It was awesome!” </p> <div class="securlyhome"> <a href="#job-board" class="btn white-btn blue-btn view-link">See current openings</a> </div> </div> <div class="newGrid_container career-section"> <div class="rows items-center"> <article class="columns-6"> <h2>Our mission</h2> <p>We’re powered by one purpose: to keep students safe, at school, home, and everywhere in-between. By directly serving school districts everywhere, we’re proactively addressing student safety and wellness concerns before they become terrible statistics, as well as fostering safe and focused learning environments. Keeping kids healthy, engaged, and inspired is what drives each and every one of us.</p> </article> <aside class="columns-6"> <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/careers-group.webp" alt="People interacting with each other at a workplace"> </aside> </div> </div> <div class="perks-section"> <div class="newGrid_container career-section"> <div class="rows items-center"> <div class="columns-6"> <img loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/careers-group2.webp" alt="Professionals participating in various fun activities at workplace"> </div> <aside class="columns-6"> <h2>Perks and benefits</h2> <p>In addition to having a positive impact on millions of kids and working alongside the most talented coworkers you’ll ever know, full-time employees in the US receive:</p> <ul class="perks"> <li>Flexible time-off policy</li> <li>401k</li> <li>Company-sponsored health benefits</li> <li>An environment that shuns red tape and politics</li> <li>Continued learning and other empowering opportunities</li> <li>Breakfasts, lunches, and happy hours</li> <li>Fully stocked kitchen</li> <li>Game room</li> </ul> </aside> </div> </div> </div> <div class="jobs-section"> <div class="newGrid_container openPositions-section"> <div class="rows items-center"> <div class="columns-12"> <h2>Open positions</h2> <p>If you're the owner of an active brain, a good soul, get stimulated by constant challenges, are committed to going the extra mile and want a great place to deliver your best work ever, we would like to hear from you.</p> </div> </div> </div> </div> <!-- Custom job board starts --> <div class="panel-group custom-job-board" id="job-board"> </div> <!-- Custom job board ends --> <div class="center-form"> <div class="form-white-container"> <h2>Join our talent community</h2> <h3>Don’t see your dream job? Send us your info. We’ll reach out when something opens up.</h3> <form class="styled-form" id="formId" name="career-form" action="/site/reCaptchaV1.php" method="POST" enctype="multipart/form-data"> <input type="hidden" name="oid" value="00D70000000Mosy"> <input type="hidden" name="retURL" value="careers"> <input type="hidden" name="type" value="Career Form"> <div class="cnt-msg" id="thankyou" style="display: none;"> <img loading="lazy" src="https://securly.com/assets/images/check-mark-green.svg" alt="Success" class="first-img"> <h5>Thank you!</h5> <p>A Securly expert will contact you shortly</p> <a href="#" class="close-msg"></a> </div> <div class="form-group"> <label for="first_name">First Name <span class="red-star">* <span class="sr-only">Required</span></span></label> <input type="text" class="form-control" id="first_name" name="first_name" placeholder="John"> </div> <div class="form-group"> <label for="last_name">Last Name <span class="red-star">* <span class="sr-only">Required</span></span></label> <input type="text" class="form-control" id="last_name" name="last_name" placeholder="Smith"> </div> <div class="form-group"> <label for="email">Email Address <span class="red-star">* <span class="sr-only">Required</span></span></label> <input type="email" class="form-control" id="email" name="email" placeholder="name@gmail.com"> </div> <div class="form-group"> <label for="about-select">Department</label> <select id="about-select" name="about-select" class="form-control about-select" autocomplete="off"> <option value="">Select</option> <option value="Engineering">Engineering</option> <option value="Marketing">Marketing</option> <option value="Sales">Sales</option> <option value="Operations">Operations</option> <option value="Other">Other</option> </select> </div> <div class="form-group below-border"> <label for="resume">Upload your resume/CV</label> <input type="file" class="form-control" id="resume" name="resume" hidden> <label for="resume" class="actual-btn"><img loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/upload-file.svg" alt="Choose File"> Choose file</label> <span id="file-chosen">No file chosen</span> </div> <!-- Hidden fields for GTM --> <!-- UTM Source: --> <input id="utm_source" name="00N0g000004CK9D" type="hidden"> <!-- UTM Medium: --> <input id="utm_medium" name="00N0g000004CK9I" type="hidden"> <!-- UTM Term: --> <input id="utm_term" name="00N0g000004CKAQ" type="hidden"> <!-- UTM Campaign: --> <input id="utm_campaign" name="00N0g000004CKAV" type="hidden"> <!-- UTM Content: --> <input id="utm_content" name="00N0g000004CKBd" type="hidden"> <div class="message-fail hidden-div"></div> <!-- <div class="g-recaptcha" data-callback="recaptchaCallback" data-sitekey="6LcCrQ4TAAAAAEQnqJM86CwunWM_f_sO1DLulSeo"> </div> --> <p class="msg-error help-block"></p><br> <button type="submit" class="btn white-btn blue-btn full-btn careerSubmit disabled" disabled name="submit">Submit</button> <div class="captcha-fail hidden-div">Incorrect Captcha</div> </form> <!-- Thanks box starts --> <div class="thanks career-thanks hidden-div" id="thanks"> <img loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/clapping-hands.svg" alt=""> <h2>Thanks! We’ll be in touch.</h2> <!-- <h5>Someone from our recruitment team will contact you.</h5> --> <a href="/">Return to homepage</a> </div> <!-- Thanks box ends --> </div> </div> <div class="glassdoor-review"> <div class="newGrid_container clearfix"> <div class="title-div"> <h2>Glassdoor reviews</h2> <div> 4.4 <img loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/stars.svg" alt="Rating"> </div> </div> <div class="rows"> <div class="columns-4"> <div class="approval"> <img loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/tammy-wincup-photo.webp" alt="Tammy Wincup" width="100"> <h3> Tammy Wincup <span>CEO</span> </h3> </div> </div> <div class="columns-4"> <div class="approval"> <div class="circle"> 100% </div> <h3> Approve of CEO </h3> </div> </div> <div class="columns-4"> <div class="recommended"> <img loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/recommended.svg" alt="Recommended to a Friend" width="100"> <h4 class="gray-heading"> Recommended<br> to a Friend </h4> </div> </div> <div class="columns-4 hide"> <div class="level"> <div class="difficulty"> <h4>Difficulty</h4> <h3>2.4</h3> <h4 class="gray">Average</h4> </div> <ul> <li> Hard </li> <li> Average </li> <li> Easy </li> </ul> </div> </div> </div> <img loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/glassdoor.svg" alt="Glassdoor" class="glassdoor"> </div> </div> <div class="newGrid_container aw-container bottom-spacing"> <div class="aw-wrap"> <h3>Recent awards & certifications</h3> <img loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/T-L-winner.webp" alt="Tech learning awards of excellence" height="90"> <img loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/EdTech_Breakthrough_Award-Badge_2020_updated.svg" alt="Edtech Breakthrough Award 2020 for Securly"> <img loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/top-place.webp" alt="Securly's recognition as in 'Top workplaces of 2019'"> <img loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/lt-logo.webp" alt="Winner of Tech & Learning's 2019 Awards of Excellence"> </div> </div> </main> <!-- Including footer code starts --> <footer class="new-footer blue-bg-footer"> <div class="newGrid_container"> <div class="rows"> <div class="columns-3"> <div class="footer-nav"> <strong> <a href="#" tabindex="-1" class="isDisabled" aria-haspopup="true">Solutions <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/new-nav-mobile-arrow.svg" alt="Arrow" class="footer-ic" width="16" height="10"></a> </strong> <ul class="productsoln-outerdiv"> <li> <a href="/solutions/all-solutions">Securly Platform</a> </li> <li> <a href="/solutions/student-safety">Student Safety</a> </li> <li> <a href="/solutions/student-wellness">Student Wellness</a> </li> <li> <a href="/solutions/student-engagement">Student Engagement</a> </li> <li> <a href="/solutions/technology">Technology</a> </li> </ul> </div> <div class="footer-nav company-section"> <strong> <a href="#" tabindex="-1" class="isDisabled" aria-haspopup="true">Company <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/new-nav-mobile-arrow.svg" alt="Arrow" class="footer-ic" width="16" height="10"></a> </strong> <ul class="cmpnysecn-outerdiv"> <li> <a href="/about-us">About</a> </li> <li> <a href="/contact-us">Contact</a> </li> <li> <a href="/partners">Partners</a> </li> <li> <a href="/careers">Careers</a> </li> <li> <a href="/trust-and-safety">Trust & safety</a> </li> </ul> </div> </div> <div class="columns-3"> <div class="footer-nav"> <strong> <a href="#" tabindex="-1" class="isDisabled" aria-haspopup="true">Products <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/new-nav-mobile-arrow.svg" alt="Arrow" class="footer-ic" width="16" height="10"></a> </strong> <ul class="products-outerdiv"> <li> <a href="/filter">Filter</a> </li> <li> <a href="/aware">Aware</a> </li> <li> <a href="/on-call">On-Call</a> </li> <li> <a href="/classroom">Classroom</a> </li> <li> <a href="/mdm">MDM</a> </li> <li> <a href="/home-select">Home</a> </li> <li> <a href="/reveal">Reveal</a> </li> <li> <a href="/rhithm">Rhithm</a> </li> <li> <a href="/pass">Pass</a> </li> <li> <a href="/flex">Flex</a> </li> <li> <a href="/discern">Discern</a> </li> <li> <a href="/aichat">AI Chat</a> </li> </ul> </div> </div> <div class="columns-3"> <div class="footer-nav"> <strong> <a href="#" tabindex="-1" class="isDisabled" aria-haspopup="true">Resources <img src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/new-nav-mobile-arrow.svg" alt="Arrow" class="footer-ic" width="16" height="10"></a> </strong> <ul class="resource-outerdiv"> <li> <a href="https://support.securly.com" target="_blank" rel="noopener noreferrer"><span class="sr-only">This link opens in a new tab.</span>Securly support</a> </li> <li> <a href="https://homesupport.securly.com" target="_blank" rel="noopener noreferrer"><span class="sr-only">This link opens in a new tab.</span>Home support</a> </li> <li> <a href="/case-studies">Case studies</a> </li> <li> <a href="/product-briefs">Product briefs</a> </li> <li> <a href="/events">Live events & webinars</a> </li> <li> <a href="https://blog.securly.com" target="_blank" rel="noopener noreferrer"><span class="sr-only">This link opens in a new tab.</span>Blog</a> </li> <li> <a href="/lookup-tool" target="_blank">Lookup tool</a> </li> </ul> </div> </div> <div class="columns-3"> <div class="footer-nav"> <strong id="contactus">Contact us</strong> <div class="contact-outer-div"> <ul> <li class="semi-bold-font"> School: </li> <li> US: <a href="tel:1-855-7328759">1 (855) 732-8759</a> </li> <li> UK Support: <a href="tel:+448081649773">+44 808 164 9773</a> </li> <li> UK Sales: <a href="tel:+441413438322">+44 141 343 8322</a> </li> <li> <a href="mailto:sales@securly.com">sales@securly.com</a> </li> <li> <a href="mailto:support@securly.com">support@securly.com</a> </li> <li class="semi-bold-font"> Parents: </li> <li> <a href="mailto:homesupport@securly.com">homesupport@securly.com</a> </li> </ul> </div> </div> <div class="footer-nav company-section"> <strong id="stayconnected">Stay connected</strong> <div class="stayconnected-outerdiv"> <ul> <li> <div class="email-box-posn"> <script src="//js.hsforms.net/forms/embed/v2.js"></script> <script> hbspt.forms.create({ region: "na1", portalId: "20180325", formId: "e02964bf-bcd9-47f2-92c5-53915cfcdbeb" }); </script> </div> </li> </ul> </div> </div> </div> </div> </div> </footer> <div class="post-footer blue-bg-post-footer"> <div class="newGrid_container"> <ul id="post-footer-menu"> <li> &copy; <span id="copyright-year"></span> Securly, Inc. All rights reserved. </li> <li id="privacy"><a href="/privacy">Privacy Policies</a></li> <li id="gdpr"><a href="/gdpr">GDPR</a></li> <li id="termsofservice"> <a href="/terms-and-conditions">Terms of service</a> </li> <li class="securly-logo visible-sm"> <a href="/"><img alt="Securly" title="Securly" loading="lazy" src="https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/logo.svg" id="securly-icon"><span class="sr-only">Securly Logo</span></a> </li> </ul> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="/site/js/web-js/jquery-1.11.0.min.js"><\/script>')</script> <script src="/site/js/master.js"></script> <script> const queryString = window.location.search; const urlParams = new URLSearchParams(queryString); cookieExpire = new Date(); cookieExpire.setMonth(cookieExpire.getMonth() + 1); const expDate = cookieExpire.toGMTString(); if (urlParams.get('utm_source') != null) document.cookie = "utm_source=" + urlParams.get('utm_source') + "; expires=" + expDate + "; path=/" if (urlParams.get('utm_medium') != null) document.cookie = "utm_medium=" + urlParams.get('utm_medium') + "; expires=" + expDate + "; path=/" if (urlParams.get('utm_campaign') != null) document.cookie = "utm_campaign=" + urlParams.get('utm_campaign') + "; expires=" + expDate + "; path=/" if (urlParams.get('utm_term') != null) document.cookie = "utm_term=" + urlParams.get('utm_term') + "; expires=" + expDate + "; path=/" if (urlParams.get('utm_content') != null) document.cookie = "utm_content=" + urlParams.get('utm_content') + "; expires=" + expDate + "; path=/" </script> <!-- Start of HubSpot Embed Code --> <script id="hs-script-loader-async" async defer src="//js.hs-scripts.com/20180325.js"></script> <!-- End of HubSpot Embed Code --> <!-- Including footer code ends --> <!-- <script src='https://www.google.com/recaptcha/api.js'></script> --> <script src="https://www.google.com/recaptcha/api.js?render=6LeCds8ZAAAAAF7pbK1pst3ucPw77d7G69tI1HiX"></script> <!-- <script src="/site/js/intlTelInput.js"></script> <script src="/site/js/form.js"></script> --> <script> if (typeof grecaptcha !== "undefined") { grecaptcha.ready(function () { $('.careerSubmit').prop('disabled', false).removeClass('disabled'); }); } // File upload const actualBtn = document.getElementById('resume'); const fileChosen = document.getElementById('file-chosen'); var fileSize = 0; actualBtn.addEventListener('change', function () { var fileSize = this.files[0].size; if (this.files[0].size > 5242880) { $('.careerSubmit').prop('disabled', true).addClass('disabled'); $('.message-fail').empty().removeClass('hidden-div'); $('<p>File size must be upto 5Mb.</p>').appendTo('.message-fail'); fileChosen.textContent = this.files[0].name return; } else { $('.careerSubmit').prop('disabled', false).removeClass('disabled'); $('.message-fail').empty().addClass('hidden-div'); } fileChosen.textContent = this.files[0].name }) $(document).ready(function () { // Iterate over each select element $('.about-select').each(function () { // Cache the number of options var $this = $(this), numberOfOptions = $(this).children('option').length; // Hides the select element $this.addClass('s-hidden'); // Wrap the select element in a div $this.wrap('<div class="select form-control"></div>'); // Insert a styled div to sit over the top of the hidden select element $this.after('<div class="styledSelect"></div>'); // Cache the styled div var $styledSelect = $this.next('div.styledSelect'); // Show the first select option in the styled div $styledSelect.text($this.children('option').eq(0).text()); // Insert an unordered list after the styled div and also cache the list var $list = $('<ul />', { 'class': 'options' }).insertAfter($styledSelect); // Insert a list item into the unordered list for each select option for (var i = 0; i < numberOfOptions; i++) { $('<li />', { text: $this.children('option').eq(i).text(), rel: $this.children('option').eq(i).val() }).appendTo($list); } // Cache the list items var $listItems = $list.children('li'); // Show the unordered list when the styled div is clicked (also hides it if the div is clicked again) $styledSelect.click(function (e) { e.stopPropagation(); $('div.styledSelect.active').each(function () { $(this).removeClass('active').next('ul.options').hide(); }); $(this).toggleClass('active').next('ul.options').toggle(); }); // Hides the unordered list when a list item is clicked and updates the styled div to show the selected list item // Updates the select element to have the value of the equivalent option $listItems.click(function (e) { e.stopPropagation(); $styledSelect.text($(this).text()).removeClass('active'); $this.val($(this).attr('rel')); $list.hide(); //You can get selected value here: //console.log($this.val()); }); // Hides the unordered list when clicking outside of it $(document).click(function () { $styledSelect.removeClass('active'); $list.hide(); }); }); $.validator.addMethod("emailfull", function (value, element) { return this.optional(element) || /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i .test(value); }, "Please enter a valid email address"); $.validator.addMethod("noSpace", function (value, element) { return value.indexOf(" ") < 0 && value != ""; }, "Space is not allowed"); // First name $.validator.addMethod('fName', function (value, element) { return /^[a-zA-ZA-zÀ-úÄ-Ÿ\s.-]*$/.test(value); }, 'Please enter a valid first name'); // Last name $.validator.addMethod('lName', function (value, element) { return /^[a-zA-ZA-zÀ-úÄ-Ÿ\s.-]*$/.test(value); }, 'Please enter a valid last name'); $("#formId").validate({ rules: { first_name: { required: true, fName: true, maxlength: 40, }, last_name: { required: true, lName: true, maxlength: 40, }, email: { required: true, email: true, emailfull: true, }, }, messages: { first_name: { required: "Please enter your first name", }, last_name: { required: "Please enter your last name", }, email: { required: "Please enter a valid email address" }, }, errorElement: "p", errorPlacement: function (error, element) { // Add the `help-block` class to the error element error.addClass("help-block"); if (element.prop("type") === "checkbox") { error.insertAfter(element.parent("label")); } else { error.insertAfter(element); } }, submitHandler: function (form) { var formSubmitted = 'careerSubmit'; getFormValues(); grecaptcha.execute("6LeCds8ZAAAAAF7pbK1pst3ucPw77d7G69tI1HiX", { action: 'careerForm' }).then(function (token) { $.ajax({ type: "GET", url: '/site/reCaptchaV1.php', data: { "token": token, }, success: function (captchaResp) { var dataa = new FormData($('#formId')[0]); dataa.append('recaptcha', captchaResp); dataa.append('form', formSubmitted); $.ajax({ method: "POST", url: "/site/reCaptchaV1.php", data: dataa, contentType: false, processData: false, cache: false, }).done(function (strResult) { strResult = $.parseJSON(strResult); if (strResult.redirect) { window.location = strResult.url; } }).fail(function (strResult) { message = $.parseJSON(strResult .responseText).message; checkRecaptcha(formSubmitted, 400, message); }); checkRecaptcha(formSubmitted, captchaResp.status); }, error: function (captchaResp) { checkRecaptcha(formSubmitted, captchaResp.status); } }); }); } }); function checkRecaptcha(btnClicked, status, message) { if (status == 400) { if (btnClicked !== undefined && btnClicked == "careerSubmit") { $('.styled-form').show(); $('#careerSubmit').addClass('disabled'); if (message !== undefined) { $('.thanks').hide(); $('.message-fail').empty().removeClass('hidden-div'); $('<p>' + message + '</p>').appendTo('.message-fail'); } else { $('.captcha-fail').removeClass('hidden-div'); } } } else { if (btnClicked !== undefined && btnClicked == "careerSubmit") { $('.center-form').css('background', 'none'); $('.styled-form, .form-white-container > h2, .form-white-container > h3').hide(); // $('.thanks').show(); const currentLink = window.location.origin; window.location.replace(currentLink + '/thank-you'); } } } function getFormValues() { var inputs = document.getElementById("formId").elements; var firstName = inputs["first_name"].value; var lastName = inputs["last_name"].value; var resume = inputs["resume"]; var email = inputs["email"].value; } }); </script> <script> //JS for custom job board: we are dynamically creating our job board from the data fetched from greenhouse API let departments; const custom_job_board = document.querySelector('.custom-job-board'); fetch('https://boards-api.greenhouse.io/v1/boards/securly13/departments', { mode: 'cors' }) .then(function (response) { return response.json(); }) .then(function (response) { departments = response.departments; for (let i = 0; i < departments.length; i++) { //only create tabs for departments which have atleast 1 job opening if (departments[i].jobs.length == 0) { continue; } else { const jobs = departments[i].jobs; const department = departments[i]; const div_1 = document.createElement('div'); div_1.classList.add("panel"); div_1.classList.add('panel-default'); const div_2 = document.createElement('div'); div_2.classList.add('panel-heading'); div_2.setAttribute('id', `heading-${department.name.replace(/[^a-zA-Z0-9]+/g, "-")}`); const h_3 = document.createElement('h3'); h_3.classList.add('panel-title'); const a_tag = document.createElement('a'); a_tag.classList.add(`department-title`); a_tag.dataset.toggle = "collapse"; a_tag.dataset.parent = "#accordian"; a_tag.href = `#collapse-${department.name.replace(/[^a-zA-Z0-9]+/g, "-")}`; a_tag.setAttribute('aria-expanded', false); a_tag.setAttribute('aria-controls', `collapse-${department.name.replace(/[^a-zA-Z0-9]+/g, "-")}`); a_tag.textContent = department.name; const span_noOfJobs = document.createElement('span'); span_noOfJobs.classList.add('no-of-jobs'); span_noOfJobs.textContent = department.jobs.length; const drop_down_img = document.createElement('img'); drop_down_img.classList.add('drop-down-img') drop_down_img.src = 'https://prod-web-assets-securly.s3.us-west-1.amazonaws.com/images/careers_dropdown.webp'; drop_down_img.alt = 'Dropdown icon'; span_noOfJobs.appendChild(drop_down_img); a_tag.appendChild(span_noOfJobs); h_3.appendChild(a_tag); div_2.appendChild(h_3); div_1.appendChild(div_2); custom_job_board.appendChild(div_1); const div_3 = document.createElement('div'); div_3.setAttribute('id', `collapse-${department.name.replace(/[^a-zA-Z0-9]+/g, "-")}`); div_3.classList.add('panel-collapse'); div_3.classList.add('collapse'); // div_3.classList.add('in'); // adding class in will keep the tab open div_3.setAttribute('aria-labelledby', `heading-${department.name.replace(/[^a-zA-Z0-9]+/g, "-")}`); const div_4 = document.createElement('div'); div_4.classList.add('panel-body'); //creating all jobs for a department for (let i = 0; i < jobs.length; i++) { const job_div = document.createElement('div'); job_div.classList.add('job-div'); const job_title = document.createElement('a'); job_title.textContent = jobs[i].title; job_title.href = `/job-description?gh_jid=${jobs[i].id}`; const job_location = document.createElement('p'); job_location.textContent = jobs[i].location.name; job_div.appendChild(job_title); job_div.appendChild(job_location); div_4.appendChild(job_div); } div_3.appendChild(div_4); custom_job_board.appendChild(div_3); } } }) .then(function (response) { let all_department_titles = Array.from(document.querySelectorAll('.panel-heading')); for (let i = 0; i < all_department_titles.length; i++) { all_department_titles[i].addEventListener("click", (event) => { let container_div; if ( event.target.classList.value == "drop-down-img" || event.target.classList.value == "drop-down-img upside-drop-down" ) { container_div = event.target.parentNode.parentNode.parentNode.parentNode.parentNode; } else if (event.target.classList.value == "no-of-jobs") { container_div = event.target.parentNode.parentNode.parentNode.parentNode; } else { container_div = event.target.parentNode.parentNode.parentNode; } let nextsibling = container_div.nextSibling; if (nextsibling.classList.value == 'panel-collapse collapse in') { container_div.classList.remove('expanded-panel'); container_div.classList.add('closed-panel'); } else if (nextsibling.classList.value == 'panel-collapse collapse') { container_div.classList.add('expanded-panel'); container_div.classList.remove('closed-panel'); } }) } }); </script> <!-- Page ends --> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10