Lists
Component #1
<!-- List -->
<div class="container content-space-1">
<div class="w-lg-75 mx-lg-auto">
<div class="row">
<div class="col-sm-6">
<!-- List -->
<ul class="list-unstyled list-py-2 mb-0">
<li class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-xs text-primary" style="margin-top: -.125rem;">
</span>
</div>
<div class="flex-grow-1 ms-2">
<a class="text-body" href="../page-help-center-article.html">Which license do I need?</a>
</div>
</li>
<li class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-xs text-primary" style="margin-top: -.125rem;">
</span>
</div>
<div class="flex-grow-1 ms-2">
<a class="text-body" href="../page-help-center-article.html">Can't access your account?</a>
</div>
</li>
<li class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-xs text-primary" style="margin-top: -.125rem;">
</span>
</div>
<div class="flex-grow-1 ms-2">
<a class="text-body" href="../page-help-center-article.html">Recent transactions with Space</a>
</div>
</li>
</ul>
<!-- End List -->
</div>
<!-- End Col -->
<div class="col-sm-6">
<!-- List -->
<ul class="list-unstyled list-py-2 mb-0">
<li class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-xs text-primary" style="margin-top: -.125rem;">
</span>
</div>
<div class="flex-grow-1 ms-2">
<a class="text-body" href="../page-help-center-article.html">How do I get help with the theme I purchased?</a>
</div>
</li>
<li class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-xs text-primary" style="margin-top: -.125rem;">
</span>
</div>
<div class="flex-grow-1 ms-2">
<a class="text-body" href="../page-help-center-article.html">Useful stuff you can do with Space</a>
</div>
</li>
<li class="d-flex">
<div class="flex-shrink-0">
<span class="svg-icon svg-icon-xs text-primary" style="margin-top: -.125rem;">
</span>
</div>
<div class="flex-grow-1 ms-2">
<a class="text-body" href="../page-help-center-article.html">Understand your actions in Space</a>
</div>
</li>
</ul>
<!-- End List -->
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
</div>
<!-- End List -->
Component #2
Job Title
Location
Department
Don't worry if you don't see any roles you want to apply for now. Register your interest to be notified of any roles that come along that meet your criteria.
Register your interest
<!-- List Directory -->
<div id="openingPositions" class="container content-space-1">
<div class="bg-soft-white d-none d-sm-block p-4">
<div class="row">
<div class="col-sm-4">
<h6>Job Title</h6>
</div>
<!-- End Col -->
<div class="col-sm-2">
<h6>Location</h6>
</div>
<!-- End Col -->
<div class="col-sm-4">
<h6>Department</h6>
</div>
<!-- End Col -->
<div class="col-sm-2">
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- List Striped -->
<ul class="list-group list-group-lg list-group-flush list-group-striped">
<li class="list-group-item">
<div class="row">
<div class="col-sm-4 mb-2 mb-sm-0">
<span class="h6">Android Engineer</span>
</div>
<!-- End Col -->
<div class="col-sm-2 mb-2 mb-sm-0">
<span>London</span>
</div>
<!-- End Col -->
<div class="col-sm-4 mb-2 mb-sm-0">
<span>Software Development</span>
</div>
<!-- End Col -->
<div class="col-sm-2 text-sm-end">
<a href="../page-careers-single-page.html">Apply <i class="bi-chevron-right small ms-1"></i></a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</li>
<li class="list-group-item">
<div class="row">
<div class="col-sm-4 mb-2 mb-sm-0">
<span class="h6">Sales Account Executive</span>
</div>
<!-- End Col -->
<div class="col-sm-2 mb-2 mb-sm-0">
<span>Remote</span>
</div>
<!-- End Col -->
<div class="col-sm-4 mb-2 mb-sm-0">
<span>Sales</span>
</div>
<!-- End Col -->
<div class="col-sm-2 text-sm-end">
<a href="../page-careers-single-page.html">Apply <i class="bi-chevron-right small ms-1"></i></a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</li>
<li class="list-group-item">
<div class="row">
<div class="col-sm-4 mb-2 mb-sm-0">
<span class="h6">Software Developer (Full Stack)</span>
</div>
<!-- End Col -->
<div class="col-sm-2 mb-2 mb-sm-0">
<span>London</span>
</div>
<!-- End Col -->
<div class="col-sm-4 mb-2 mb-sm-0">
<span>Software Development</span>
</div>
<!-- End Col -->
<div class="col-sm-2 text-sm-end">
<a href="../page-careers-single-page.html">Apply <i class="bi-chevron-right small ms-1"></i></a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</li>
<li class="list-group-item">
<div class="row">
<div class="col-sm-4 mb-2 mb-sm-0">
<span class="h6">Business Strategy Manager</span>
</div>
<!-- End Col -->
<div class="col-sm-2 mb-2 mb-sm-0">
<span>San Francisco</span>
</div>
<!-- End Col -->
<div class="col-sm-4 mb-2 mb-sm-0">
<span>Business strategy</span>
</div>
<!-- End Col -->
<div class="col-sm-2 text-sm-end">
<a href="../page-careers-single-page.html">Apply <i class="bi-chevron-right small ms-1"></i></a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</li>
<li class="list-group-item">
<div class="row">
<div class="col-sm-4 mb-2 mb-sm-0">
<span class="h6">Product Designer</span>
</div>
<!-- End Col -->
<div class="col-sm-2 mb-2 mb-sm-0">
<span>San Francisco</span>
</div>
<!-- End Col -->
<div class="col-sm-4 mb-2 mb-sm-0">
<span>Design</span>
</div>
<!-- End Col -->
<div class="col-sm-2 text-sm-end">
<a href="../page-careers-single-page.html">Apply <i class="bi-chevron-right small ms-1"></i></a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</li>
</ul>
<!-- End List Striped -->
<div class="w-lg-65 text-center mx-lg-auto mt-7">
<p>Don't worry if you don't see any roles you want to apply for now. Register your interest to be notified of any roles that come along that meet your criteria.</p>
<a class="btn btn-primary" href="../page-contacts.html">Register your interest</a>
</div>
</div>
<!-- End List Directory -->