# Lists

## Component #1

- Preview
- HTML

## We are hiring

- Android Engineer
  London
  Software Development
  Apply
- Sales Account Executive
  Remote
  Sales
  Apply
- Software Developer (Full Stack)
  London
  Software Development
  Apply
- Business Strategy Manager
  San Francisco
  Business strategy
  Apply
- Product Designer
  San Francisco
  Design
  Apply

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">We are hiring</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>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-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>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-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">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-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

- Preview
- HTML

#### Featured articles

- What is Front?
- Getting started for workspace creators
- Edit your profile
- View and download invoices

See all articles

#### Most helpful articles

- Working in Front
- Delete a page
- Add an app to your workspace
- What is Item Support?

See all articles

#### Popular forum topics

- Getting started for new members
- Invite new members to your workspace
- Bundled Plugins

See all articles

                    <!-- 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 -->