<div class="d-flex justify-content-center w-100">

​

        <div class="d-flex align-items-baseline" style="padding-left: 9px" data-toggle="modal" data-target="#timeInfoModal" >

​

            <div class="countdown-container clock" id="clock" data-final-date="{{ "now" | date("Y/m/d 22:00:00") }}">

          CLOCK  

          </div>

​

            <i class="fa fa-info-circle pl-1"></i>

        </div>

​

        <!-- Modal -->

        <div class="modal fade modal-sm clickable" id="timeInfoModal" tabindex="-1" role="dialog" aria-labelledby="timeInfoLabel"

             aria-hidden="true">

            <div class="modal-dialog modal-dialog-centered" role="document">

                <div class="modal-content">

                    <div class="modal-header">

                        <h5 class="modal-title" id="timeInfoLabel"><b>¿Qué es el contador?</b></h5>

                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">

                            <span aria-hidden="true">&times;</span>

                        </button>

                    </div>

                    <div class="modal-body">

                        <p>

                            Tiempo restante para las subastas que finalizan hoy.

                        </p>

                        <p>

                            ¡No olvides aceptar el precio cuando acabe tu subasta!

                        </p>

                    </div>

                </div>

            </div>

        </div>

    </div>