spothole/templates/cards/bands.html

<div class="card">
    <div class="card-body">
        <h5 class="card-title">Bands</h5>
        <div class="card-text spothole-card-text">
            <div class="row row-cols-3 row-cols-md-2 row-cols-lg-3 row-cols-xxl-4 g-1 mb-1">
                {% for b in options["bands"] %}
                <div class="col">
                    <div class="form-check">
                        <input type="checkbox" class="form-check-input filter-button-band storeable-checkbox"
                               id="filter-button-band-{{ dom_safe_name(b.name) }}" value="{{ b.name }}"
                               data-ham-hf="{{ 'true' if b.is_ham_hf else 'false' }}"
                               autocomplete="off" onClick="filtersUpdated()" checked>
                        <label class="form-check-label" for="filter-button-band-{{ dom_safe_name(b.name) }}">{{ b.name
                            }}</label>
                    </div>
                </div>
                {% end %}
            </div>
            <div class="mt-1">
                <a href="#" onclick="toggleFilterButtons('band', true); return false;">All</a> &nbsp;
                <a href="#" onclick="toggleFilterButtons('band', false); return false;">None</a> &nbsp;
                <a href="#" onclick="setHamHFBandToggles(); return false;">Ham HF only</a>
            </div>
        </div>
    </div>
</div>