company-employees.html 1004 B

123456789101112131415161718192021222324252627282930
  1. <div class="card">
  2. <div class="card-header">
  3. <h4 class="card-title">Company Employees</h4>
  4. </div>
  5. <table class="table card-table table-vcenter">
  6. <thead>
  7. <tr>
  8. <th colspan="2">Name</th>
  9. <th>Department</th>
  10. <th colspan="2" class="w-25">Progress</th>
  11. <th></th>
  12. </tr>
  13. </thead>
  14. {% for person in site.data.people limit: 5 offset: 20 %}
  15. <tr>
  16. <td class="w-1">{% include ui/avatar.html src=person.photo %}</td>
  17. <td><a href="#" class="text-reset">{{ person.full_name }}</a></td>
  18. <td>{{ person.department }}</td>
  19. <td class="w-1 pe-0">{{ forloop.index | random_number: 30, 90 }}%</td>
  20. <td>
  21. <div class="progress progress-xs">
  22. <div class="progress-bar bg-{{ forloop.index | random_number: 30, 90 | number_color }}" role="progressbar" style="width: {{ forloop.index | random_number: 30, 90 }}%"></div>
  23. </div>
  24. </td>
  25. <td><a href="{{ site.base }}" class="text-secondary">{% include ui/icon.html icon="dots" %}</a></td>
  26. </tr>
  27. {% endfor %}
  28. </table>
  29. </div>