Logo v4.3.1
Getting Started Introduction
Navbar / Hero Sections Navbar
Navbar / Hero Sections Bootstrap only Dropdowns
Content Features - General
Content Features - Stats
Content Features - Step
Content Features - Navs
Content Icon Blocks
Content Cards Grid
Content Cards List
Content Blogs Grid
Content Blogs List
Content Directory Grid
Content Directory List
Content Pricing
Content Testimonials
Content Tables
Content E-commerce
Content Pricing
Content Team Sections
Content Call-to-Action (CTA)
Content Breadcrumb
Content Call-to-Action (CTA)
Content Modals
Content Portfolio
Content Gallery
Content Clients
Content Countdown
Content FAQ
Content Lists
Content Collapse/Accordion
Content Comments
Content User Profile
Content Sidebar Examples
Content Calendar View
Content Notification
Content Content Sections
Content Form - Authentication
Content Form - Feedback
Content Form - Filters
Content Form - Search
Content Form - Directory
Content Form - Subscribe
Content Form - Accordion
Content Form - Wizard & Steps
Contact / Footer Contact
Contact / Footer Footer
Image Description

No Results

  • Get Support
  • Preview Demo
Logo v4.3.1
  • Docs
  • Snippets
  • Snippets
  • Introduction
  • Navbar / Heroes
  • Headers (Navbar)
  • Hero Sections
  • Content
  • Features
    General Stats Step Navs (Tabs)
  • Icon Blocks
  • Cards
    Grid List
  • Directory
    Grid List
  • Testimonials
  • Blogs
    Grid List
  • Tables
  • E-commerce
  • Pricing
  • Team Sections
  • Breadcrumb
  • Call-to-Action (CTA)
  • Modals
  • Portfolio
  • Gallery
  • Clients
  • Countdown
  • FAQ
  • Lists
  • Collapse/Accordion
  • Comments
  • Feedback & Reviews
  • User Profile
  • Sidebar Examples
  • Calendar View
  • Notification
  • Content Sections
  • Forms
  • Authentication
  • Feedback
  • Filters
  • Search
  • Directory
  • Subscribe
  • Account
  • Wizard & Steps
  • Contact / Footer
  • Contact Sections
  • Footer

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

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">
        @@include("../assets/vendor/duotone-icons/gen/gen026.svg")
      </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">
        @@include("../assets/vendor/duotone-icons/gen/gen025.svg")
      </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">
        @@include("../assets/vendor/duotone-icons/com/com015.svg")
      </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 -->
Copy