templates/index.html

{% extends 'base.html' %} {% block head %}
<link rel="stylesheet" href="../static/index.css" />
{% endblock %} {% block conteudo %}

<div class="container-cards">
  <div class="header-page-main">
    <span id="header-field">Portal RH</span>
  </div>
  <div class="rows-data">
    <div class="card-full">
      <div class="cards-home-page">
        <a href="{{ url_for('nova_vaga') }}">
          <div class="card-body">
            <i class="bi bi-person-fill-add"></i>
            <p class="card-subtitle">Criar nova vaga</p>
          </div>
        </a>
      </div>
    </div>

    <div class="card-full">
      <div class="cards-home-page">
        <a href="#">
          <div class="card-body">
            <i class="bi bi-search"></i>
            <p class="card-subtitle">Buscar candidato</p>
          </div>
        </a>
      </div>
    </div>

    <div class="card-full">
      <div class="cards-home-page">
        <a href="#">
          <div class="card-body">
            <i class="bi bi-briefcase-fill"></i>
            <p class="card-subtitle">Vagas disponíveis</p>
          </div>
        </a>
      </div>
    </div>

    <div class="card-full">
      <div class="cards-home-page">
        <a href="#">
          <div class="card-body">
            <i class="bi bi-bar-chart-fill"></i>
            <p class="card-subtitle">Relatórios</p>
          </div>
        </a>
      </div>
    </div>

    <div class="card-full">
      <div class="cards-home-page">
        <a href="#">
          <div class="card-body">
            <i class="bi bi-calendar-event-fill"></i>
            <p class="card-subtitle">Calendário de entrevistas</p>
          </div>
        </a>
      </div>
    </div>

    <div class="card-full">
      <div class="cards-home-page">
        <a href="#">
          <div class="card-body">
            <i class="bi bi-person-check-fill"></i>
            <p class="card-subtitle">Funcionários ativos</p>
          </div>
        </a>
      </div>
    </div>

    <div class="card-full">
      <div class="cards-home-page">
        <a href="#">
          <div class="card-body">
            <i class="bi bi-bell-fill"></i>
            <p class="card-subtitle">Avisos e lembretes</p>
          </div>
        </a>
      </div>
    </div>

    <div class="card-full">
      <div class="cards-home-page">
        <a href="#">
          <div class="card-body">
            <i class="bi bi-question-diamond-fill"></i>
            <p class="card-subtitle">Help desk/FAQ</p>
          </div>
        </a>
      </div>
    </div>
  </div>
</div>
{% endblock %}