Symfony Profiler

<style>
    .writeMe {
        position: fixed;
        right: 20px;
        bottom: 0;
        margin-bottom: 75px;
    }

    .writeMeBtn {
        width: 130px;
        height: 39px;
        border-radius: 5px;
        background-color: #3da8bceb;
        color: white;
        font-weight: 700;
        font-size: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .writeMe-popup {
        width: 230px;
        background-color: white;
        border: 2px solid #E9F7F9;
        box-shadow: 0 3px 8px rgba(25, 34, 77, 0.1);
        border-radius: 5px;
        margin-bottom: 8px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .writeMe-tg-link {
        height: 45px;
        line-height: 1;
        white-space: nowrap;
        padding-top: 3px;
        width: 200px;
        display: flex;
        align-items: center;
        font-size: 12px;
    }
</style>
<script>
    document.addEventListener("DOMContentLoaded", function (event) {
        $('#js-writeMe-btn').on('click', function (event) {
            $('#writeMe-wrap').fadeIn(200);
            $(this).hide();
        });

        $('#js-writeMe-hide-btn').on('click', function (event) {
            $('#writeMe-wrap').fadeOut(0);
            $('#js-writeMe-btn').fadeIn(0);
        });
    });
</script>
<div style="position: relative">
    <div class="writeMe">
        <div style="display:none;" id="writeMe-wrap">
            <div class="writeMe-popup 1dropdown-menu dropdown-anchor-bottom-center dropdown-has-anchor"
                 style="display: flex;    flex-direction: column;    align-items: center;" id="dropdown-writeMe1">
                {#            <a href="#" class="writeMe-popup__closer">&times;</a> #}
                <div style="border: 1px solid #80808047;border-radius: 4px;margin-bottom: 10px">
                    <div class="writeMe-tg-link">
                        <img src="/img/tg.svg" alt="" style="width: 40px;height: 40px;">
                        <a href="https://t.me/Perina_Peroni_bot" target="_blank">Написать нам в Telegram</a>
                    </div>
                </div>
                <div style="border: 1px solid #80808047;border-radius: 4px;">
                    <div class="writeMe-tg-link">
                        <img src="/img/telegram_logo_circle_icon.svg" alt="" style="width: 40px;  height: 37px;padding-left: 4px">
                        <a href="https://t.me/perina_peroni" target="_blank">Перина Перони Outlet</a>
                    </div>
                </div>
                <div style="border: 1px solid #80808047;border-radius: 4px;">
                    <div class="writeMe-tg-link">
                        <img src="/img/whatsapp.svg" alt="" style="width: 30px;height: 30px;padding-left: 8px;margin-right: 10px;">
                        <a href="https://wa.me/79122605307" target="_blank">Написать нам в WhatsApp</a>
                    </div>
                </div>

                <div style="margin-top: 10px;font-size: 12px;">
                    <a href="javascript:;" id="js-writeMe-hide-btn" style="border-bottom: 1px dashed">Скрыть</a>
                </div>
            </div>
        </div>

        <div id="js-writeMe-btn" class="writeMeBtn" data-dropdown1="#dropdown-writeMe">Написать нам</div>

    </div>

</div>
templates/parts/writeMeWidget.html.twig line 1
