{% extends "adminlte/page.html" %}
{% load static %}

{% block page_title %}Icons{% endblock %}

{% block breadcrumb %}
                  <li class="breadcrumb-item"><a href="#">Home</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Icons</li>
{% endblock %}

{% block content %}
            <!-- Timelime example  -->
            <div class="row">
              <div class="col-12">
                <!-- The icons -->
                <div class="col-12">
                  <div class="card card-primary card-outline">
                    <div class="card-header">
                      <h3 class="card-title">Icons</h3>
                    </div>
                    <div class="card-body">
                      <p>You can use any font library you like with AdminLTE 4.</p>
                      <strong>Recommendations</strong>
                      <ul class="mt-1">
                        <li><a href="https://fontawesome.com/" target="_blank">Font Awesome</a></li>
                        <li>
                          <a href="https://useiconic.com/open/" target="_blank">Iconic Icons</a>
                        </li>
                        <li><a href="https://ionicons.com/" target="_blank">Ion Icons</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <!-- /.col -->
            </div>
            <!-- /.row -->
{% endblock %}