@randstad-design/orbit-multitheme

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <title>Spherion - orbit theme</title> <meta name="robots" content="noindex"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="apple-touch-icon" sizes="57x57" href="/prototype-randstad/assets/image/favicon/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/prototype-randstad/assets/image/favicon/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/prototype-randstad/assets/image/favicon/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/prototype-randstad/assets/image/favicon/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/prototype-randstad/assets/image/favicon/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/prototype-randstad/assets/image/favicon/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/prototype-randstad/assets/image/favicon/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/prototype-randstad/assets/image/favicon/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/prototype-randstad/assets/image/favicon/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/prototype-randstad/assets/image/favicon/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/prototype-randstad/assets/image/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/prototype-randstad/assets/image/favicon/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/prototype-randstad/assets/image/favicon/favicon-16x16.png"> <link rel="manifest" href="/prototype-randstad/assets/image/favicon/manifest.json"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/prototype-randstad/assets/image/favicon/ms-icon-144x144.png"> <link rel="stylesheet" href="/prototype-randstad/assets/css/prototype.css"> <link rel="stylesheet" href="/assets/theme-spherion/bundles/general.css"> <link rel="stylesheet" href="/assets/theme-spherion/components/forms/autosuggest.css"> <link rel="stylesheet" href="/assets/theme-spherion/tailwind.css"> </head> <body> <a href="#" class="skip-nav-link hidden--until-l">Skip navigation</a> <div class="navigation "> <div class="wrapper navigation__wrapper"> <div class="navigation__top"> <a class="logo" href="/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 191.54 38.87"> <defs> <style>.cls-1{fill:#ff661a;}.cls-2{fill:#1f82db;}.cls-3{fill:#737373;}.cls-4{fill:#241f20;}</style> </defs> <g id="Layer_2" data-name="Layer 2"> <g id="Layer_1-2" data-name="Layer 1"> <path class="cls-1" d="M35.63,19.79a13.4,13.4,0,0,0-5.39-5.87l-2.9,3.53a8.9,8.9,0,0,1-3.8,17H6.48A.84.84,0,0,1,5.83,33l5.33-6.48,3.61-4.39,1.9-2.31a8.87,8.87,0,0,1,5.48-3.14l3.61-4.39-.57-.09a13.33,13.33,0,0,0-12,4.78L9.59,21.43,6.69,25,2.38,30.19a5.31,5.31,0,0,0,4.1,8.68H23.54A13.36,13.36,0,0,0,35.63,19.79Z"/> <path class="cls-2" d="M35.24,3a5.28,5.28,0,0,0-4.8-3H13.38A13.37,13.37,0,0,0,6.69,25l2.9-3.52a8.9,8.9,0,0,1,3.79-17H30.44a.84.84,0,0,1,.65,1.37l-5.33,6.48-3.61,4.39-2,2.46a8.84,8.84,0,0,1-5.36,3l-3.61,4.39a5.62,5.62,0,0,0,.57.09,13.48,13.48,0,0,0,1.67.1,13.31,13.31,0,0,0,10.31-4.88l3.63-4.41,2.9-3.53,4.3-5.24A5.25,5.25,0,0,0,35.24,3Z"/> <path class="cls-3" d="M50.92,37.36a2.74,2.74,0,0,1-1-.52l.38-.85a3.06,3.06,0,0,0,.9.47,3.23,3.23,0,0,0,1.06.18,1.87,1.87,0,0,0,1-.21.65.65,0,0,0,.32-.56.54.54,0,0,0-.18-.42,1.29,1.29,0,0,0-.46-.26L52.16,35a8.6,8.6,0,0,1-1.1-.32,1.83,1.83,0,0,1-.72-.51,1.32,1.32,0,0,1-.3-.92,1.59,1.59,0,0,1,.27-.9,1.73,1.73,0,0,1,.8-.63,3.24,3.24,0,0,1,1.32-.24,4.22,4.22,0,0,1,1.06.13,2.91,2.91,0,0,1,.91.39l-.35.86a3.61,3.61,0,0,0-.81-.35,3,3,0,0,0-.82-.12,1.76,1.76,0,0,0-1,.22.69.69,0,0,0-.32.59.52.52,0,0,0,.18.41,1.51,1.51,0,0,0,.47.26c.18.06.44.13.76.21a7.76,7.76,0,0,1,1.08.31,1.83,1.83,0,0,1,.72.51,1.31,1.31,0,0,1,.3.91,1.53,1.53,0,0,1-.26.89,1.83,1.83,0,0,1-.81.64,3.43,3.43,0,0,1-1.32.23A4.55,4.55,0,0,1,50.92,37.36Z"/> <path class="cls-3" d="M58.55,32.47h-2v-.93h5v.93h-2v5h-1.1Z"/> <path class="cls-3" d="M67.68,36.1h-3l-.59,1.37H63l2.67-5.93h1.08l2.67,5.93H68.27Zm-.36-.87L66.2,32.64l-1.11,2.59Z"/> <path class="cls-3" d="M73,32.47v1.8h2.86v.93H73v2.27h-1.1V31.54H76.2v.93Z"/> <path class="cls-3" d="M80.06,32.47v1.8h2.86v.93H80.06v2.27H79V31.54h4.32v.93Z"/> <path class="cls-3" d="M86,31.54h1.1v5.93H86Z"/> <path class="cls-3" d="M95.7,31.54v5.93h-.91l-3.26-4v4h-1.1V31.54h.91l3.27,4v-4Z"/> <path class="cls-3" d="M103,34.44h1V36.8a3.3,3.3,0,0,1-1.07.56,4,4,0,0,1-1.25.19,3.39,3.39,0,0,1-1.63-.39A2.85,2.85,0,0,1,99,36.07a3.13,3.13,0,0,1,0-3.13,2.85,2.85,0,0,1,1.14-1.09,3.46,3.46,0,0,1,1.65-.39,3.65,3.65,0,0,1,1.35.24,2.82,2.82,0,0,1,1,.72l-.7.68a2.34,2.34,0,0,0-2.74-.41,1.93,1.93,0,0,0-.77.73,2.18,2.18,0,0,0-.27,1.09,2.09,2.09,0,0,0,.27,1.06,2,2,0,0,0,.77.75,2.21,2.21,0,0,0,1.1.27,2.33,2.33,0,0,0,1.22-.31Z"/> <path class="cls-3" d="M115.68,37.56l-.74-.72a2.93,2.93,0,0,1-2,.71,2.82,2.82,0,0,1-1.11-.2,1.88,1.88,0,0,1-.77-.56,1.29,1.29,0,0,1-.28-.82,1.57,1.57,0,0,1,.32-1,3.51,3.51,0,0,1,1-.82,3,3,0,0,1-.51-.67,1.43,1.43,0,0,1-.15-.64,1.25,1.25,0,0,1,.47-1,1.91,1.91,0,0,1,1.25-.39,1.74,1.74,0,0,1,1.15.36,1.15,1.15,0,0,1,.43,1,1.27,1.27,0,0,1-.28.81,3.12,3.12,0,0,1-.93.72l1.28,1.22a4,4,0,0,0,.33-1l.86.28a4,4,0,0,1-.54,1.35l.75.72Zm-1.37-1.32-1.56-1.5a2.56,2.56,0,0,0-.72.54.9.9,0,0,0-.21.58.69.69,0,0,0,.33.6,1.55,1.55,0,0,0,.88.23A1.94,1.94,0,0,0,114.31,36.24Zm-1.64-3.84a.57.57,0,0,0-.2.46.67.67,0,0,0,.11.38,2.8,2.8,0,0,0,.42.5,3.34,3.34,0,0,0,.71-.49.66.66,0,0,0,.2-.45.5.5,0,0,0-.19-.42.75.75,0,0,0-.5-.15A.86.86,0,0,0,112.67,32.4Z"/> <path class="cls-3" d="M126.82,37.47l-1.22-1.74H124v1.73h-1.1V31.54h2.44a3.27,3.27,0,0,1,1.34.26,2,2,0,0,1,.87.72,2,2,0,0,1,.31,1.13,2,2,0,0,1-.33,1.15,1.94,1.94,0,0,1-.93.72L128,37.47Zm-.4-4.69a1.71,1.71,0,0,0-1.09-.31H124v2.37h1.29a1.71,1.71,0,0,0,1.09-.31,1.08,1.08,0,0,0,.37-.88A1,1,0,0,0,126.42,32.78Z"/> <path class="cls-3" d="M135.26,36.55v.92h-4.44V31.54h4.32v.93h-3.22V34h2.86v.9h-2.86v1.64Z"/> <path class="cls-3" d="M139.28,37.16a2.89,2.89,0,0,1-1.13-1.09,3.13,3.13,0,0,1,0-3.13,3,3,0,0,1,1.14-1.09,3.35,3.35,0,0,1,1.62-.39,3.39,3.39,0,0,1,1.33.25,2.68,2.68,0,0,1,1,.74l-.71.67a2,2,0,0,0-1.58-.7,2.18,2.18,0,0,0-1.09.27,1.93,1.93,0,0,0-.76.74,2.28,2.28,0,0,0,0,2.15,1.93,1.93,0,0,0,.76.74,2.18,2.18,0,0,0,1.09.27,2.05,2.05,0,0,0,1.58-.71l.71.68a2.64,2.64,0,0,1-1,.74,3.6,3.6,0,0,1-2.95-.14Z"/> <path class="cls-3" d="M149.88,37.47l-1.21-1.74h-1.56v1.73H146V31.54h2.44a3.23,3.23,0,0,1,1.34.26,2,2,0,0,1,.88.72,2.1,2.1,0,0,1,.3,1.13,1.87,1.87,0,0,1-1.26,1.87l1.37,1.95Zm-.4-4.69a1.69,1.69,0,0,0-1.09-.31h-1.28v2.37h1.28a1.69,1.69,0,0,0,1.09-.31,1.09,1.09,0,0,0,.38-.88A1.05,1.05,0,0,0,149.48,32.78Z"/> <path class="cls-3" d="M154.52,36.86a2.67,2.67,0,0,1-.69-2V31.54h1.1v3.3c0,1.17.51,1.75,1.51,1.75s1.5-.58,1.5-1.75v-3.3H159v3.35a2.67,2.67,0,0,1-.68,2,3,3,0,0,1-3.82,0Z"/> <path class="cls-3" d="M162.26,31.54h1.1v5.93h-1.1Z"/> <path class="cls-3" d="M167.85,32.47h-2v-.93h5v.93h-2v5h-1.1Z"/> <path class="cls-3" d="M173.44,31.54h1.1v5.93h-1.1Z"/> <path class="cls-3" d="M183.1,31.54v5.93h-.91l-3.27-4v4h-1.09V31.54h.91l3.27,4v-4Z"/> <path class="cls-3" d="M190.43,34.44h1V36.8a3.41,3.41,0,0,1-1.07.56,4,4,0,0,1-1.25.19,3.39,3.39,0,0,1-1.63-.39,2.94,2.94,0,0,1-1.15-1.09,3.19,3.19,0,0,1,0-3.13,2.94,2.94,0,0,1,1.15-1.09,3.46,3.46,0,0,1,1.65-.39,3.68,3.68,0,0,1,1.35.24,2.7,2.7,0,0,1,1,.72l-.69.68a2.24,2.24,0,0,0-1.63-.68,2.29,2.29,0,0,0-1.12.27,2,2,0,0,0-.76.73,2.18,2.18,0,0,0-.27,1.09,2.09,2.09,0,0,0,.27,1.06,2,2,0,0,0,.76.75,2.28,2.28,0,0,0,1.11.27,2.33,2.33,0,0,0,1.22-.31Z"/> <path class="cls-4" d="M78.4,3.2H69.61a.68.68,0,0,0-.49.2.7.7,0,0,0-.2.49V20.54a.7.7,0,0,0,.69.7H72.2a.67.67,0,0,0,.49-.21.66.66,0,0,0,.21-.49V15.83h5.5a6.32,6.32,0,0,0,6.32-6.32h0A6.32,6.32,0,0,0,78.4,3.2Zm-.26,9H72.9V6.79h5.24a2.73,2.73,0,1,1,0,5.45Z"/> <path class="cls-4" d="M151.69,12.37a11.56,11.56,0,0,1,.18-2.07,10.26,10.26,0,0,1,.55-1.86,8.65,8.65,0,0,1,.87-1.62,8.41,8.41,0,0,1,2.58-2.46,8.81,8.81,0,0,1,1.66-.81,10.28,10.28,0,0,1,1.87-.5,13,13,0,0,1,4.06,0,10.5,10.5,0,0,1,1.87.5,9.12,9.12,0,0,1,1.66.81,8.37,8.37,0,0,1,1.42,1.09,8.49,8.49,0,0,1,1.16,1.37,10,10,0,0,1,.87,1.62A9.5,9.5,0,0,1,171,10.3a11.56,11.56,0,0,1,.18,2.07,11.36,11.36,0,0,1-.18,2.06,9.11,9.11,0,0,1-.54,1.86,10.09,10.09,0,0,1-.87,1.63A8.41,8.41,0,0,1,167,20.38a9.09,9.09,0,0,1-1.66.8,9.72,9.72,0,0,1-1.87.5,12.21,12.21,0,0,1-4.06,0,9.53,9.53,0,0,1-1.87-.5,8.79,8.79,0,0,1-1.66-.8,8.41,8.41,0,0,1-2.58-2.46,8.74,8.74,0,0,1-.87-1.63,9.81,9.81,0,0,1-.55-1.86A11.36,11.36,0,0,1,151.69,12.37Zm4.13,0a6.93,6.93,0,0,0,.1,1.22,6,6,0,0,0,.78,2.1,5.24,5.24,0,0,0,.65.84,6,6,0,0,0,.81.7,5.5,5.5,0,0,0,1,.51,5.09,5.09,0,0,0,1.09.33,6.83,6.83,0,0,0,1.22.11,6.72,6.72,0,0,0,1.21-.11,4.76,4.76,0,0,0,1.09-.33,4.87,4.87,0,0,0,1-.51,5.51,5.51,0,0,0,.82-.7,5.89,5.89,0,0,0,.65-.84,5.66,5.66,0,0,0,.48-1,6.46,6.46,0,0,0,.3-1.11,8,8,0,0,0,.09-1.22,7.92,7.92,0,0,0-.09-1.21,7,7,0,0,0-.3-1.11,5.32,5.32,0,0,0-1.13-1.85A5.34,5.34,0,0,0,163.73,7a5.31,5.31,0,0,0-1.09-.32,5.92,5.92,0,0,0-1.21-.11,6,6,0,0,0-1.22.11,5.7,5.7,0,0,0-1.09.32,5.55,5.55,0,0,0-1,.52,5.28,5.28,0,0,0-.81.69,4.91,4.91,0,0,0-.65.85,5.43,5.43,0,0,0-.48,1,6.07,6.07,0,0,0-.3,1.11A6.81,6.81,0,0,0,155.82,12.37Z"/> <path class="cls-4" d="M147.5,21.25h-2.59a.7.7,0,0,1-.49-.2.69.69,0,0,1-.21-.49V3.9a.69.69,0,0,1,.21-.49.66.66,0,0,1,.49-.2h2.59a.68.68,0,0,1,.49.2.72.72,0,0,1,.2.49V20.56a.68.68,0,0,1-.69.69Z"/> <path class="cls-4" d="M190.8,3.35h-2.59a.66.66,0,0,0-.49.2.67.67,0,0,0-.21.49V15.78L180.18,3.64a.66.66,0,0,0-.22-.22.67.67,0,0,0-.31-.07h-4.36a.68.68,0,0,0-.49.2.7.7,0,0,0-.2.49V20.69a.68.68,0,0,0,.69.7h2.64a.6.6,0,0,0,.45-.19.64.64,0,0,0,.19-.45V8.59l7.54,12.5a.58.58,0,0,0,.22.22.68.68,0,0,0,.31.08h4.12l.22,0a.7.7,0,0,0,.36-.24.72.72,0,0,0,.15-.43V4a.7.7,0,0,0-.2-.49A.68.68,0,0,0,190.8,3.35Z"/> <path class="cls-4" d="M102.81,3.21h-2.59a.7.7,0,0,0-.49.2.69.69,0,0,0-.21.49v6H91.8v-6a.68.68,0,0,0-.2-.49.7.7,0,0,0-.49-.2H88.52a.68.68,0,0,0-.69.69V20.56a.72.72,0,0,0,.2.49.68.68,0,0,0,.49.2h2.59a.66.66,0,0,0,.49-.2.68.68,0,0,0,.2-.49v-7.1h7.72v7.1a.69.69,0,0,0,.21.49.66.66,0,0,0,.49.2h2.59a.68.68,0,0,0,.49-.2.72.72,0,0,0,.2-.49V3.9a.68.68,0,0,0-.69-.69Z"/> <path class="cls-4" d="M118.61,17.58h-7.49V13.91H118a.61.61,0,0,0,.41-.17.6.6,0,0,0,.16-.41V10.81a.56.56,0,0,0-.16-.4.57.57,0,0,0-.41-.17h-6.92V6.88h7a1.44,1.44,0,0,0,.62-.14,1.49,1.49,0,0,0,.49-.41l.76-1,.76-1a.66.66,0,0,0,.07-.72.69.69,0,0,0-.62-.39H107.84a.68.68,0,0,0-.69.69V20.56a.72.72,0,0,0,.2.49.68.68,0,0,0,.49.2h12.85a.69.69,0,0,0,.62-.38.7.7,0,0,0-.07-.73l-.76-1-.76-1a1.35,1.35,0,0,0-.49-.4A1.32,1.32,0,0,0,118.61,17.58Z"/> <path class="cls-4" d="M60.3,10.24H55.06a1.68,1.68,0,0,1-1.2-.51,1.67,1.67,0,0,1,.06-2.38,1.81,1.81,0,0,1,1.21-.47H62.3a1.53,1.53,0,0,0,.59-.13,1.55,1.55,0,0,0,.48-.37l1.65-2a.7.7,0,0,0-.54-1.14H54.71a5.54,5.54,0,0,0-3.77,1.49,5.26,5.26,0,0,0-.19,7.55,5.33,5.33,0,0,0,3.83,1.63h5.13a2,2,0,0,1,1.32.51,1.77,1.77,0,0,1,.59,1.27A1.81,1.81,0,0,1,61.1,17a1.83,1.83,0,0,1-1.32.55H52.69a1.44,1.44,0,0,0-1.07.51l-.84,1-.85,1a.68.68,0,0,0-.09.74.67.67,0,0,0,.62.4H60.3a5.51,5.51,0,0,0,5.51-5.51h0a5.51,5.51,0,0,0-5.51-5.51Z"/> <path class="cls-4" d="M137,15a6.2,6.2,0,0,0,2.69-2.22,6.12,6.12,0,0,0-5.07-9.53h-9.18a.68.68,0,0,0-.49.2.72.72,0,0,0-.2.49V20.56a.68.68,0,0,0,.69.69H128a.7.7,0,0,0,.49-.2.69.69,0,0,0,.21-.49V15.44h4.45l1.54,2.73,1.55,2.73a.78.78,0,0,0,.25.26.73.73,0,0,0,.35.09H140a.42.42,0,0,0,.36-.63l-1.7-2.83Zm-8.27-8.11h5.37a2.46,2.46,0,0,1,2.46,2.46h0a2.46,2.46,0,0,1-2.46,2.46h-5.37V6.85Z"/> </g> </g> </svg> </a> </div> </div> </div> <header class="header header--text bg-brand--light-grey"> <div class="header__wrapper wrapper"> <div class="header__content header__content--xl content-block"> <h1 class="content-block__title"> Prototype - Spherion Index. </h1> <div class=""> <div class="content-block__description"> This prototype index is used for development and quickly go through multiple components. We have randstad.design where all states, colors and rationals is being described. </div> <a href="https://randstad.design" class="button button--m button--filled " target="_blank">Go to randstad.design</a> </div> </div> </div> </header> <div class="block bg-brand--white"> <div class="block__wrapper wrapper" style="padding-top: 30px"> <div class="sticky-search block__header"> <h2 class="block__title" style="margin-bottom: 13px">components</h2> <div class="form-group"> <label class="form-group__label" for="searchInput"> </label> <div class="form-group__input" data-rs-auto-suggest> <input type="text" name="searchInput" id="searchInput" required="required" placeholder="find your component.." data-rs-auto-suggest-input> <ul class="select-menu__list" data-rs-auto-suggest-list data-rs-auto-suggest-values=avatar,badge,buttons,autosuggest,checkbox,datepicker,drop-down,input-field,option-group,radio-button,slider,text-area,upload,badge-group,data-table,percentage,rating,step,strength,location-details,toast,pagination,poll,sortbar,tag-group,tags,tooltip,accordion,article-overview,category-overview,topic-overview,body-copy,variation-1,variation-2,event,job,with-badge,photo,quote,column,donut,line,contact-person,author,download,highlight,image,meta,preview,quote,related,section-title,video-rich,video,content-table,blog,filter,location,footer,404,meta-sharing,multiple-cta,photo,selector,text-compact,text,video,categories,featured,list-items,location,logos,maps,meet-the-team,location,meta-data,navigation,notice-action,notice-alert,notice-confirmed,notice-in-page,notice-text-only,modal,popover-large,popover-small,cookie,cta,poll,video,promotional-text,jobs-nearby,related-jobs,secondary-search,show-more,photo,boxed-large,boxed-small,full-width,article data-rs-auto-suggest-separator=","></ul> </div> </div> </div> <div class="block__content"> <ul class="simple-list"> <li class="simple-list--list-items"> <a href="04_organisms/headers/404.html">404 organisms > headers > 404 </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/accordion.html">accordion organisms > accordion </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/article.html">article pages > blog > article </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/blogs/overviews/article-overview.html">article-overview organisms > blogs > overviews > article-overview </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-items/author.html">author organisms > content-items > author </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/forms/autosuggest.html">autosuggest atoms > forms > autosuggest </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/avatar.html">avatar atoms > avatar </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/badge.html">badge atoms > badge </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/badge-group.html">badge-group molecules > badge-group </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/filters/blog.html">blog organisms > filters > blog </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/body-copy.html">body-copy organisms > body-copy </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/video/boxed-large.html">boxed-large organisms > video > boxed-large </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/video/boxed-small.html">boxed-small organisms > video > boxed-small </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/buttons.html">buttons atoms > buttons </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/link-lists/categories.html">categories organisms > link-lists > categories </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/blogs/overviews/category-overview.html">category-overview organisms > blogs > overviews > category-overview </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/forms/checkbox.html">checkbox atoms > forms > checkbox </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/charts/column.html">column organisms > charts > column </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/contact-person.html">contact-person organisms > contact-person </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-table.html">content-table organisms > content-table </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/overlays/popups/cookie.html">cookie organisms > overlays > popups > cookie </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/overlays/popups/cta.html">cta organisms > overlays > popups > cta </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/data-table.html">data-table molecules > data-table </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/forms/datepicker.html">datepicker atoms > forms > datepicker </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/charts/donut.html">donut organisms > charts > donut </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-items/download.html">download organisms > content-items > download </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/forms/drop-down.html">drop-down atoms > forms > drop-down </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/cards/event.html">event organisms > cards > event </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/link-lists/extensive-link-list.html">extensive-link-list organisms > link-lists > extensive-link-list </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/link-lists/featured.html">featured organisms > link-lists > featured </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/footer.html">footer organisms > footer </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/video/full-width.html">full-width organisms > video > full-width </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-items/highlight.html">highlight organisms > content-items > highlight </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/split-view/illustration.html">illustration organisms > split-view > illustration </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-items/image.html">image organisms > content-items > image </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/forms/input-field.html">input-field atoms > forms > input-field </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/cards/job.html">job organisms > cards > job </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/related-jobs/jobs-nearby.html">jobs-nearby organisms > related-jobs > jobs-nearby </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/charts/line.html">line organisms > charts > line </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/filters/location.html">location organisms > filters > location </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/list-items/location.html">location organisms > list-items > location </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/meta-content/location.html">location organisms > meta-content > location </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/location-details.html">location-details molecules > location-details </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/logos.html">logos organisms > logos </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/maps.html">maps organisms > maps </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/meet-the-team.html">meet-the-team organisms > meet-the-team </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-items/meta.html">meta organisms > content-items > meta </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/meta-content/meta-data.html">meta-data organisms > meta-content > meta-data </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/headers/meta-sharing.html">meta-sharing organisms > headers > meta-sharing </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/overlays/modal.html">modal organisms > overlays > modal </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/headers/multiple-cta.html">multiple-cta organisms > headers > multiple-cta </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/navigation.html">navigation organisms > navigation </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/notifications/notice-action.html">notice-action organisms > notifications > notice-action </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/notifications/notice-alert.html">notice-alert organisms > notifications > notice-alert </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/notifications/notice-confirmed.html">notice-confirmed organisms > notifications > notice-confirmed </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/notifications/notice-in-page.html">notice-in-page organisms > notifications > notice-in-page </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/notifications/notice-text-only.html">notice-text-only organisms > notifications > notice-text-only </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/forms/option-group.html">option-group atoms > forms > option-group </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/pagination.html">pagination molecules > pagination </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/indicators/percentage.html">percentage molecules > indicators > percentage </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/carousels/photo.html">photo organisms > carousels > photo </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/headers/photo.html">photo organisms > headers > photo </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/split-view/photo.html">photo organisms > split-view > photo </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/overlays/popups/poll.html">poll organisms > overlays > popups > poll </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/overlays/popovers/popover-large.html">popover-large organisms > overlays > popovers > popover-large </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/overlays/popovers/popover-small.html">popover-small organisms > overlays > popovers > popover-small </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-items/preview.html">preview organisms > content-items > preview </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/promotional-text.html">promotional-text organisms > promotional-text </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/carousels/quote.html">quote organisms > carousels > quote </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-items/quote.html">quote organisms > content-items > quote </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/forms/radio-button.html">radio-button atoms > forms > radio-button </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/indicators/rating.html">rating molecules > indicators > rating </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-items/related.html">related organisms > content-items > related </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/related-jobs/related-jobs.html">related-jobs organisms > related-jobs > related-jobs </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/secondary-search.html">secondary-search organisms > secondary-search </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-items/section-title.html">section-title organisms > content-items > section-title </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/headers/selector.html">selector organisms > headers > selector </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/show-more.html">show-more organisms > show-more </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/forms/slider.html">slider atoms > forms > slider </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/sortbar.html">sortbar molecules > sortbar </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/indicators/step.html">step molecules > indicators > step </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/indicators/strength.html">strength molecules > indicators > strength </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/tag-group.html">tag-group molecules > tag-group </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/tags.html">tags molecules > tags </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/headers/text.html">text organisms > headers > text </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/forms/text-area.html">text-area atoms > forms > text-area </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/headers/text-compact.html">text-compact organisms > headers > text-compact </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/notifications/toast.html">toast molecules > notifications > toast </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/tooltip.html">tooltip molecules > tooltip </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/blogs/overviews/topic-overview.html">topic-overview organisms > blogs > overviews > topic-overview </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/forms/upload.html">upload atoms > forms > upload </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/call-to-action-box/variation-1.html">variation-1 organisms > call-to-action-box > variation-1 </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/call-to-action-box/variation-2.html">variation-2 organisms > call-to-action-box > variation-2 </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-items/video.html">video organisms > content-items > video </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/headers/video.html">video organisms > headers > video </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/overlays/video.html">video organisms > overlays > video </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/content-items/video-rich.html">video-rich organisms > content-items > video-rich </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/cards/with-badge.html">with-badge organisms > cards > with-badge </a> </li> </ul> </div> </div> <script src="/assets/js/vendor/prototype-search.js"></script> <script src="/assets/js/vendor/closest.js"></script> <script src="/assets/js/vendor/customEvent.js"></script> <script src="/assets/js/vendor/svgxuse.js"></script> <script src="/assets/js/vendor/forEach.js"></script> <script src="/assets/js/human-forward.js"></script> <script src="/prototype-randstad/assets/js/grid-overlay.js"></script> </body> </html>