Responsive Employee List - Copy this Html, Bootstrap Component to your project

{% extends "base.html" %} {% load bootstrap5 %} {% block title %} Lista de Funcionários {% endblock title %} {% block content %} <div class="card"> <div class="card header bg dark"> <div class="card title">Lista de Funcionários</div> </div> <div class="card body"> <table class="table table striped"> <thead> <tr> <th>Nome</th> <th>Data Nascimento</th> <th>Naturalidade</th> <th>Telefone</th> <th>E Mail</th> <th>Ações</th> </tr> </thead> <tbody> {% for funcionario in funcionarios %} <tr> <td> {{ funcionario.func_primeiro_nome }} {{ funcionario.func_segundo_nome }} </td> <td>{{ funcionario.func_data_nascimento }}</td> <td>{{ funcionario.func_naturalidade }}</td> <td> ({{ funcionario.cont_codigo_area_one }}) {{ funcionario.cont_numero_one }} </td> <td>{{ funcionario.cont_email }}</td> <td> <a href="#" class="btn btn seconds">Editar</a> </td> </tr> {% endfor %} </tbody> </table> <a href="{% url 'cadastrar_funcionario' %}" class="btn btn success">Cadastrar</a> </div> </div> {% endblock content %}