{% extends "pxy_dashboard/partials/base.html" %} 
{% load static %} 

{% block title %}Bootstrap Icons{% endblock title %} 

{% block extra_css %} 
{% endblock extra_css %} 


{% block pagetitle %}
{% include "pxy_dashboard/partials/page-title.html" with pagetitle="Icons" title="Bootstrap Icons" %}
{% endblock pagetitle %}

{% block content %} 
<div class="row">
    <div class="col">
         <div class="card">
              <div class="card-body">
                   <h5 class="card-title">Icons</h5>
                   <p class="text-muted mb-2">Use class <code>&lt;i class=&quot;bi bi-123&quot;&gt;&lt;/i&gt;</code></p>
                   <div class="row icons-list-demo" id="bootstrap-icons"></div>
              </div> <!-- end card body -->
         </div> <!-- end card -->
    </div> <!-- end col -->
</div> <!-- end row -->

{% endblock content %} 

{% block extra_js %} 

        <!-- Bootstrap Icons Demo js -->
        <script src="{% static 'dashboard/js/pages/demo.bootstrapicons.js' %}"></script>
    
        <!-- App js -->
        <script src="{% static 'dashboard/js/app.min.js' %}"></script>

{% endblock extra_js %}

