Lists
Component #1
我们正在招聘
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
<!-- Careers -->
<div class="container content-space-2 content-space-lg-3">
<div class="w-lg-75 mx-lg-auto mb-5 mb-md-7">
<!-- Heading -->
<div class="w-lg-75 text-center mx-auto mb-5 mb-sm-9">
<h2 class="h1">我们正在招聘</h2>
</div>
<!-- End Heading -->
<!-- List Striped -->
<ul class="list-group list-group-lg">
<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>伦敦</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-overview.html">Apply <i class="bi-chevron-right small ms-1 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-overview.html">Apply <i class="bi-chevron-right small ms-1 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>伦敦</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-overview.html">Apply <i class="bi-chevron-right small ms-1 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-overview.html">Apply <i class="bi-chevron-right small ms-1 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">产品设计师</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>设计</span>
</div>
<!-- End Col -->
<div class="col-sm-2 text-sm-end">
<a href="../page-careers-overview.html">Apply <i class="bi-chevron-right small ms-1 small ms-1"></i></a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</li>
</ul>
<!-- End List Striped -->
</div>
<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-outline-primary" href="../page-contacts-agency.html">Register your interest</a>
</div>
</div>
<!-- End Careers -->
Component #2
<!-- Lists -->
<div class="container content-space-2 content-space-lg-3">
<div class="row">
<div class="col-sm-6 col-md-4 mb-5 mb-md-0">
<span class="svg-icon text-primary mb-4">
</span>
<div class="mb-4">
<h4>Featured articles</h4>
</div>
<!-- List -->
<ul class="list-unstyled list-pointer">
<li class="list-pointer-item">
<a class="link link-secondary" href="../demo-help-desk/article-overview.html">What is Front?</a>
</li>
<li class="list-pointer-item">
<a class="link link-secondary" href="../demo-help-desk/article-overview.html">Getting started for workspace creators</a>
</li>
<li class="list-pointer-item">
<a class="link link-secondary" href="../demo-help-desk/article-overview.html">Edit your profile</a>
</li>
<li class="list-pointer-item">
<a class="link link-secondary" href="../demo-help-desk/article-overview.html">View and download invoices</a>
</li>
</ul>
<!-- End List -->
<a class="link" href="../demo-help-desk/listing.html">See all articles <i class="bi-chevron-right small ms-1"></i></a>
</div>
<!-- End Col -->
<div class="col-sm-6 col-md-4 mb-5 mb-md-0">
<span class="svg-icon text-primary mb-4">
</span>
<div class="mb-4">
<h4>Most helpful articles</h4>
</div>
<!-- List -->
<ul class="list-unstyled list-pointer">
<li class="list-pointer-item">
<a class="link link-secondary" href="../demo-help-desk/article-overview.html">Working in Front</a>
</li>
<li class="list-pointer-item">
<a class="link link-secondary" href="../demo-help-desk/article-overview.html">Delete a page</a>
</li>
<li class="list-pointer-item">
<a class="link link-secondary" href="../demo-help-desk/article-overview.html">Add an app to your workspace</a>
</li>
<li class="list-pointer-item">
<a class="link link-secondary" href="../demo-help-desk/article-overview.html">What is Item Support?</a>
</li>
</ul>
<!-- End List -->
<a class="link" href="../demo-help-desk/listing.html">See all articles <i class="bi-chevron-right small ms-1"></i></a>
</div>
<!-- End Col -->
<div class="col-sm-6 col-md-4">
<span class="svg-icon text-primary mb-4">
</span>
<div class="mb-4">
<h4>Popular forum topics</h4>
</div>
<!-- List -->
<ul class="list-unstyled list-pointer">
<li class="list-pointer-item">
<a class="link link-secondary" href="../demo-help-desk/article-overview.html">Getting started for new members</a>
</li>
<li class="list-pointer-item">
<a class="link link-secondary" href="../demo-help-desk/article-overview.html">Invite new members to your workspace</a>
</li>
<li class="list-pointer-item">
<a class="link link-secondary" href="../demo-help-desk/article-overview.html">Bundled Plugins</a>
</li>
</ul>
<!-- End List -->
<a class="link" href="../demo-help-desk/listing.html">See all articles <i class="bi-chevron-right small ms-1"></i></a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
<!-- End Lists -->