---
layout: landing
title: Help
---

<!-- Hero and nav -->
<div class="hero is-theme-primary">
  {{> navbar-fade-kit4}}

  <!-- Help center title -->
  <div id="main-hero" class="hero-body">
    <div class="container">
      <div class="columns is-vcentered pt-40">
        <div class="column"></div>
        <div class="column is-9">
          <div class="help-header">
            <img src="assets/img/logos/square-white.svg" alt="" />
            <h1 class="title is-4">Support Center</h1>
          </div>
          <div class="help-subheader">
            <h2 class="title is-3">Find your answer in our knowledge base</h2>
          </div>
          <div class="help-search-wrapper">
            <input type="text" placeholder="search articles" />
            <i class="sl sl-icon-magnifier"></i>
          </div>
        </div>
        <div class="column"></div>
      </div>
    </div>
  </div>
</div>

<!-- Help categories list -->
<div class="section help-section">
  <div class="container">
    <div class="columns is-vcentered">
      <div class="column"></div>
      <div class="column is-9">
        <!-- Category card -->
        <div class="flex-card category-card light-bordered">
          <div class="card-body">
            <a href="kit4-help-category.html">
              <!-- Icon -->
              <div class="icon">
                <i class="im im-icon-Claps"></i>
              </div>
              <!-- Content -->
              <div class="inner-content">
                <h2 class="title is-4">Welcome to our App</h2>
                <div class="inner-text">
                  Take the first steps before diving deeply into our
                  application. Learn how to setup your account and to get
                  started the right way.
                </div>
                <div class="card-meta">
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/elie.jpg"
                  />
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/dan.png"
                  />
                  <div class="meta-info">
                    <div class="articles-number">
                      3 articles in this section
                    </div>
                    <div class="authors">
                      Written by <span>Nicole Ferrier</span> and 1 other
                    </div>
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>

        <!-- Category card -->
        <div class="flex-card category-card light-bordered">
          <div class="card-body">
            <a href="kit4-help-category.html">
              <!-- Icon -->
              <div class="icon">
                <i class="im im-icon-Sidebar-Window"></i>
              </div>
              <!-- Content -->
              <div class="inner-content">
                <h2 class="title is-4">Main dashboard</h2>
                <div class="inner-text">
                  The dashboard is the central page of the application. It
                  collects data for you and display it in a comprehensive way.
                </div>
                <div class="card-meta">
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/alan.jpg"
                  />
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/helen.jpg"
                  />
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/thomas.jpg"
                  />
                  <div class="meta-info">
                    <div class="articles-number">
                      6 articles in this section
                    </div>
                    <div class="authors">
                      Written by <span>Alan Maynard</span> and 2 others
                    </div>
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>

        <!-- Category card -->
        <div class="flex-card category-card light-bordered">
          <div class="card-body">
            <a href="kit4-help-category.html">
              <!-- Icon -->
              <div class="icon">
                <i class="im im-icon-Conference"></i>
              </div>
              <!-- Content -->
              <div class="inner-content">
                <h2 class="title is-4">Team management</h2>
                <div class="inner-text">
                  Our app let's you manage your team members smoothly. You can
                  add users to your team in few clicks.
                </div>
                <div class="card-meta">
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/helen.jpg"
                  />
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/marc.jpg"
                  />
                  <div class="meta-info">
                    <div class="articles-number">
                      5 articles in this section
                    </div>
                    <div class="authors">
                      Written by <span>Helen Miller</span> and 1 other
                    </div>
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>

        <!-- Category card -->
        <div class="flex-card category-card light-bordered">
          <div class="card-body">
            <a href="kit4-help-category.html">
              <!-- Icon -->
              <div class="icon">
                <i class="im im-icon-Tie-4"></i>
              </div>
              <!-- Content -->
              <div class="inner-content">
                <h2 class="title is-4">Recruitments</h2>
                <div class="inner-text">
                  Manage available job offers and assign candidates. learn more
                  about the recruitment process for a smoother experience.
                </div>
                <div class="card-meta">
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/elie.jpg"
                  />
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/helen.jpg"
                  />
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/jalil.jpg"
                  />
                  <span class="small-avatar is-more"><span>+1</span></span>
                  <div class="meta-info">
                    <div class="articles-number">
                      9 articles in this section
                    </div>
                    <div class="authors">
                      Written by <span>Nicole Ferrier</span> and 3 others
                    </div>
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>

        <!-- Category card -->
        <div class="flex-card category-card light-bordered">
          <div class="card-body">
            <a href="kit4-help-category.html">
              <!-- Icon -->
              <div class="icon">
                <i class="im im-icon-Money-2"></i>
              </div>
              <!-- Content -->
              <div class="inner-content">
                <h2 class="title is-4">Payroll</h2>
                <div class="inner-text">
                  Every employee needs to get paid at the end of the month.
                  Discover user friendly features and streamilne your tasks.
                </div>
                <div class="card-meta">
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/kareem.jpg"
                  />
                  <div class="meta-info">
                    <div class="articles-number">
                      7 articles in this section
                    </div>
                    <div class="authors">
                      Written by <span>Kareem Jabbar</span>
                    </div>
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>

        <!-- Category card -->
        <div class="flex-card category-card light-bordered">
          <div class="card-body">
            <a href="kit4-help-category.html">
              <!-- Icon -->
              <div class="icon">
                <i class="im im-icon-Timer-2"></i>
              </div>
              <!-- Content -->
              <div class="inner-content">
                <h2 class="title is-4">Timesheets</h2>
                <div class="inner-text">
                  Get started quickly with timesheets and relevant processes.
                  Discover integration capabilities with 3rd party time tracking
                  software.
                </div>
                <div class="card-meta">
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/helen.jpg"
                  />
                  <img
                    class="small-avatar"
                    src="https://via.placeholder.com/250x250"
                    alt=""
                    data-demo-src="assets/img/avatars/lakisha.jpg"
                  />
                  <div class="meta-info">
                    <div class="articles-number">
                      4 articles in this section
                    </div>
                    <div class="authors">
                      Written by <span>Helen Miller</span> and 1 other
                    </div>
                  </div>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="column"></div>
    </div>
  </div>
</div>

{{> footer-spaced-light}}