<div class="col-xs-12 mt-4"> <div class="alert alert-secondary alert-dismissible d-block" role="alert"> <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button> <h6><i class="fa fa-info-circle"></i> {{ 'password.title'| trans({}, 'password') }}</h6> <p class="text-justify">{{ 'password.desc'| trans({}, 'password') }}</p> <p class="text-center"> <a class="btn btn-primary" role="button" data-bs-toggle="collapse" href="#collapseTips" aria-expanded="false" data-bs-target="#collapseTips" aria-controls="collapseTips"> {{ 'password.button'| trans({}, 'password') }} </a> </p> <div class="collapse" id="collapseTips"> {{ 'password.list'| trans({}, 'password') | raw }} </div> </div></div>