{% load static %}
<div class="col-6 mb-4">
    <div class="card">
        <div class="card-body">
            <div class="card-title d-flex align-items-start justify-content-between">
                <div class="avatar flex-shrink-0">
                    <img src="{% static 'file/assets/img/icons/unicons/humidity.png' %}"
                         alt="wet"
                         class="rounded"/>
                </div>
            </div>
            <span class="d-block mb-1">Влажность</span>
            <h3 class="card-title text-nowrap mb-2">50%</h3>
        </div>
    </div>
</div>
<div class="col-6 mb-4">
    <div class="card">
        <div class="card-body">
            <div class="card-title d-flex align-items-start justify-content-between">
                <div class="avatar flex-shrink-0">
                    <img src="{% static 'file/assets/img/icons/unicons/temperature.png' %}"
                         alt="Credit Card" class="rounded"/>
                </div>
            </div>
            <span class="fw-medium d-block mb-1">Блок</span>
            <h3 class="card-title mb-2">$147</h3>
        </div>
    </div>
</div>