@randstad-design/orbit-multitheme

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <title>Randstad - 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"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="/prototype-randstad/assets/css/prototype.css"> <link rel="stylesheet" href="/assets/theme-randstad/bundles/general.css"> <link rel="stylesheet" href="/assets/theme-randstad/components/forms/autosuggest.css"> <link rel="stylesheet" href="/assets/theme-randstad/tailwind.css"> </head> <body> <header class="header header--text bg-brand--turquoise"> <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 205 30.64" fill="#ffffff"> <title>randstad</title> <path d="M15.95,30.32H20.5V18.87a2.26,2.26,0,0,0-.67-1.62l-6.75-6.75a2.25,2.25,0,0,0-1.62-.67H0v4.56H12.53a3.42,3.42,0,0,1,3.42,3.42Z" transform="translate(0 -0.18)"></path> <path d="M27.28,30.32H22.72V18.87a2.26,2.26,0,0,1,.67-1.62l6.75-6.75a2.25,2.25,0,0,1,1.62-.67H43.22v4.56H30.69a3.42,3.42,0,0,0-3.42,3.42Z" transform="translate(0 -0.18)"></path> <path d="M63.8,9.82h3.52V13h.08a6.24,6.24,0,0,1,5.34-3.66,10.69,10.69,0,0,1,2.49.28V13a5.6,5.6,0,0,0-2.09-.36c-3.38,0-5.59,3.22-5.59,8.37v9.33H63.8Z" transform="translate(0 -0.18)"></path> <path d="M179.24,22.35c0,3.09-2,5.44-5.7,5.44-1.72,0-3.81-1.18-3.81-3.36,0-3.65,5.06-4,7.1-4,.8,0,1.6.08,2.41.08Zm-11-7.87a9.52,9.52,0,0,1,5.94-2.13c3.77,0,5.05,1.84,5.05,5.38-1.48-.08-2.53-.08-4-.08-3.89,0-9.52,1.6-9.52,6.75,0,4.5,3.1,6.42,7.51,6.42a7.6,7.6,0,0,0,6.34-3.11h.08v2.61H183V17.79c0-5.6-2.36-8.47-8.21-8.47A13.1,13.1,0,0,0,168,11.24Z" transform="translate(0 -0.18)"></path> <path d="M88,22.35c0,3.09-2,5.44-5.7,5.44-1.73,0-3.81-1.18-3.81-3.36,0-3.65,5.06-4,7.1-4,.8,0,1.6.08,2.41.08ZM77,14.48A9.52,9.52,0,0,1,83,12.35c3.77,0,5.06,1.84,5.06,5.38-1.48-.08-2.53-.08-4-.08-3.89,0-9.52,1.6-9.52,6.75,0,4.5,3.1,6.42,7.51,6.42a7.6,7.6,0,0,0,6.34-3.11h.08v2.61H91.8V17.79c0-5.6-2.36-8.47-8.21-8.47a13.1,13.1,0,0,0-6.74,1.92Z" transform="translate(0 -0.18)"></path> <path d="M94.88,9.82h3.64V13h.08a7.39,7.39,0,0,1,6.73-3.72c5.31,0,7.66,3.28,7.66,8.79V30.32h-3.76V19.69c0-4.79-1-7.13-4.35-7.33-4.31,0-6.24,3.47-6.24,8.48v9.48H94.88Z" transform="translate(0 -0.18)"></path> <path d="M137.55,26.33a10.06,10.06,0,0,0,4.7,1.45c1.72,0,3.85-.73,3.85-2.95,0-3.76-8.87-3.43-8.87-9.21,0-4.27,3.18-6.31,7.23-6.31a15.49,15.49,0,0,1,4.7.81l-.32,3.27a11,11,0,0,0-4-1.05c-1.92,0-3.61.81-3.61,2.51,0,4.2,8.87,3,8.87,9.58,0,4.39-3.5,6.39-7.15,6.39a11.84,11.84,0,0,1-5.62-1.12Z" transform="translate(0 -0.18)"></path> <path d="M164.48,12.85h-5.43V24.11c0,2.38,1.45,3.67,3.17,3.67a4.65,4.65,0,0,0,2.57-.73v3.2a11.94,11.94,0,0,1-3.21.56c-3.89,0-6.29-1.83-6.29-5.94v-12h-4.62v-3h4.62V5.08l3.76-1.2V9.82h5.43Z" transform="translate(0 -0.18)"></path> <path d="M189.56,20c-.08-3.76,1.53-7.64,5.62-7.64s6.06,3.92,6.06,7.76c0,3.43-1.77,7.68-6,7.68C191.17,27.79,189.48,23.22,189.56,20ZM201.4,30.32H205V.18h-3.76V12.6h-.08C200,10.72,198,9.32,194.38,9.32c-5.94,0-8.84,4.85-8.84,10.37s2.61,11.13,8.8,11.13a8.22,8.22,0,0,0,7-3.36h.08Z" transform="translate(0 -0.18)"></path> <path d="M119.57,20c-.08-3.76,1.53-7.64,5.62-7.64s6.06,3.92,6.06,7.76c0,3.43-1.77,7.68-6,7.68C121.17,27.79,119.48,23.22,119.57,20Zm11.84,10.33H135V.18h-3.76V12.6h-.08C130,10.72,128,9.32,124.38,9.32c-5.94,0-8.84,4.85-8.84,10.37s2.61,11.13,8.8,11.13a8.22,8.22,0,0,0,7-3.36h.08Z" transform="translate(0 -0.18)"></path> </svg> </a> </div> </div> </div> <div class="header__wrapper wrapper"> <div class="header__content header__content--full-width content-block"> <h1 class="content-block__title"> prototype - randstad index. </h1> <div class="content-block__split"> <div class="content-block__split-text content-block__split-text--s body-copy"> 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. <a href="#"> This is a link for testing</a> </div> <a href="https://randstad.design" class="button" 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=fontsize,grid,audio,avatar,badge,buttons,autosuggest,checkbox,datepicker,drop-down,input-field,option-group,radio-button,slider,text-area,upload,icon-link,loader,switch,badge-group,chat-button-group,chat-minimized,chat-tag-selector-group,data-table,percentage,rating,step,strength,track-and-trace-timeline,infographic,location-details,toast,pagination,person-profile,poll,share-price,sortbar,speechbubble,tab-bar,tag-group,tags,tooltip,accordion,audio-box,article-overview,category-overview,topic-overview,body-copy,variation-1,variation-2,event,job,with-badge,photo-speech-bubble-3,photo-speech-bubble,photo,quote,column,donut,line,chat-embedded,chat,contact-person,author,download,highlight,image,meta,preview,quote,related,section-title,video-rich,video,chapter-navigation,sticky-navigation,content-table,blog,filter,job-checkbox,location,footer,404,illustration-rebrand,illustration,meta-sharing-rebrand,meta-sharing,multiple-cta-rebrand,multiple-cta,photo,selector,share-price,text-compact,text,video,image-gallery,card-view,categories,featured,list-items,location,logos,maps,meet-the-team,location,account-settings,dashboard,edit-badge,header,job-alerts,job-preferences,navigation,profile,removable-card,track-and-trace-card,track-and-trace-meta,navigation-single,navigation,notice-action,notice-alert,notice-confirmed,notice-in-page,notice-text-only,modal,popover-large,popover-small,cookie,cta,form,poll,video,promotional-text,jobs-nearby,related-jobs,secondary-search,share-price,show-more,illustration-rebrand,illustration,photo,teaser,boxed-large-speech-bubble,boxed-large,boxed-small,full-width-speech-bubble,full-width,article,home-loggedin,home-loggedout,job-preferences-empty,job-preferences-filled,my-applications-empty,my-applications-filled,overview-empty,overview-filled,profile-empty,profile-filled,saved-jobs-loggedin-empty,saved-jobs-loggedin-filled,saved-jobs-loggedout-empty,saved-jobs-loggedout-filled,settings,content-page 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="04_organisms/my-environment/account-settings.html">account-settings organisms > my-environment > account-settings </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="02_atoms/audio.html">audio atoms > audio </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/audio-box.html">audio-box organisms > audio-box </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-large-speech-bubble.html">boxed-large-speech-bubble organisms > video > boxed-large-speech-bubble </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/card-view.html">card-view organisms > link-lists > card-view </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="04_organisms/content-navigation/chapter-navigation.html">chapter-navigation organisms > content-navigation > chapter-navigation </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/chat.html">chat organisms > chat </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/chat-button-group.html">chat-button-group molecules > chat-button-group </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/chat-embedded.html">chat-embedded organisms > chat-embedded </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/chat-minimized.html">chat-minimized molecules > chat-minimized </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/chat-tag-selector-group.html">chat-tag-selector-group molecules > chat-tag-selector-group </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="06_pages/content-page.html">content-page pages > content-page </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="04_organisms/my-environment/dashboard.html">dashboard organisms > my-environment > dashboard </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/my-environment/edit-badge.html">edit-badge organisms > my-environment > edit-badge </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="00_utilities/fontsize.html">fontsize utilities > fontsize </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/overlays/popups/form.html">form organisms > overlays > popups > form </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/video/full-width-speech-bubble.html">full-width-speech-bubble organisms > video > full-width-speech-bubble </a> </li> <li class="simple-list--list-items"> <a href="00_utilities/grid.html">grid utilities > grid </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/my-environment/header.html">header organisms > my-environment > header </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="06_pages/blog/my-environment/home/home-loggedin.html">home-loggedin pages > blog > my-environment > home > home-loggedin </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/home/home-loggedout.html">home-loggedout pages > blog > my-environment > home > home-loggedout </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/icon-link.html">icon-link atoms > icon-link </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/headers/illustration.html">illustration organisms > headers > illustration </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/headers/illustration-rebrand.html">illustration-rebrand organisms > headers > illustration-rebrand </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/split-view/illustration-rebrand.html">illustration-rebrand organisms > split-view > illustration-rebrand </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="04_organisms/image-gallery.html">image-gallery organisms > image-gallery </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/infographic.html">infographic molecules > infographic </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/my-environment/job-alerts.html">job-alerts organisms > my-environment > job-alerts </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/filters/job-checkbox.html">job-checkbox organisms > filters > job-checkbox </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/my-environment/job-preferences.html">job-preferences organisms > my-environment > job-preferences </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/job-preferences/job-preferences-empty.html">job-preferences-empty pages > blog > my-environment > job-preferences > job-preferences-empty </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/job-preferences/job-preferences-filled.html">job-preferences-filled pages > blog > my-environment > job-preferences > job-preferences-filled </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/list-items/list-items.html">list-items organisms > list-items > list-items </a> </li> <li class="simple-list--list-items"> <a href="02_atoms/loader.html">loader atoms > loader </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/headers/meta-sharing.html">meta-sharing organisms > headers > meta-sharing </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/headers/meta-sharing-rebrand.html">meta-sharing-rebrand organisms > headers > meta-sharing-rebrand </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/headers/multiple-cta-rebrand.html">multiple-cta-rebrand organisms > headers > multiple-cta-rebrand </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/my-applications/my-applications-empty.html">my-applications-empty pages > blog > my-environment > my-applications > my-applications-empty </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/my-applications/my-applications-filled.html">my-applications-filled pages > blog > my-environment > my-applications > my-applications-filled </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/my-environment/navigation.html">navigation organisms > my-environment > navigation </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/navigation-single.html">navigation-single organisms > navigation-single </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="06_pages/blog/my-environment/overview/overview-empty.html">overview-empty pages > blog > my-environment > overview > overview-empty </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/overview/overview-filled.html">overview-filled pages > blog > my-environment > overview > overview-filled </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/carousels/photo-speech-bubble.html">photo-speech-bubble organisms > carousels > photo-speech-bubble </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/carousels/photo-speech-bubble-3.html">photo-speech-bubble-3 organisms > carousels > photo-speech-bubble-3 </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/my-environment/profile.html">profile organisms > my-environment > profile </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/profile/profile-empty.html">profile-empty pages > blog > my-environment > profile > profile-empty </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/profile/profile-filled.html">profile-filled pages > blog > my-environment > profile > profile-filled </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/my-environment/removable-card.html">removable-card organisms > my-environment > removable-card </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/saved-jobs-loggedin/saved-jobs-loggedin-empty.html">saved-jobs-loggedin-empty pages > blog > my-environment > saved-jobs-loggedin > saved-jobs-loggedin-empty </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/saved-jobs-loggedin/saved-jobs-loggedin-filled.html">saved-jobs-loggedin-filled pages > blog > my-environment > saved-jobs-loggedin > saved-jobs-loggedin-filled </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/saved-jobs-loggedout/saved-jobs-loggedout-empty.html">saved-jobs-loggedout-empty pages > blog > my-environment > saved-jobs-loggedout > saved-jobs-loggedout-empty </a> </li> <li class="simple-list--list-items"> <a href="06_pages/blog/my-environment/saved-jobs-loggedout/saved-jobs-loggedout-filled.html">saved-jobs-loggedout-filled pages > blog > my-environment > saved-jobs-loggedout > saved-jobs-loggedout-filled </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="06_pages/blog/my-environment/settings.html">settings pages > blog > my-environment > settings </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/headers/share-price.html">share-price organisms > headers > share-price </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/share-price.html">share-price organisms > share-price </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/speechbubble.html">speechbubble molecules > speechbubble </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="04_organisms/content-navigation/sticky-navigation.html">sticky-navigation organisms > content-navigation > sticky-navigation </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="02_atoms/switch.html">switch atoms > switch </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/tab-bar.html">tab-bar molecules > tab-bar </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/teaser.html">teaser organisms > teaser </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="04_organisms/my-environment/track-and-trace-card.html">track-and-trace-card organisms > my-environment > track-and-trace-card </a> </li> <li class="simple-list--list-items"> <a href="04_organisms/my-environment/track-and-trace-meta.html">track-and-trace-meta organisms > my-environment > track-and-trace-meta </a> </li> <li class="simple-list--list-items"> <a href="03_molecules/indicators/track-and-trace-timeline.html">track-and-trace-timeline molecules > indicators > track-and-trace-timeline </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>