<div id="modal" class="modal modal__bg modal--active" role="dialog" aria-hidden="true">
        <div class="modal__dialog">
            <div class="modal__content modal__content--active">

                <form method="post" action="/">
                    <div class="demo-btns">
                        <div class="info">
                            <div class="buttons">
                                <p><input type="text" name="userName" placeholder="Name:" size="18"></p>
                                <p><input type="text" name="roomCode" placeholder="Code of the room:" size="18"></p>
                                <input type="submit" class="modal__trigger2" value="Join Room">
                            </div>
                        </div>
                    </div>
                <input name="__RequestVerificationToken" type="hidden" value="CfDJ8I6UWVw-aOxJs6xibEIzZK7OvNlYibtcCmGc30ezYnw2L9so9Ov-Jz6mfz2mTgLGXHLd1S5YhZAYhx000qKPRXWdCcyOC37KEvTRwbMeiaVGQVApp70FsD4VLCgZGwasGpYTlxsbsWt3NME08Eg__28"></form>
                <!-- modal close button -->
                <a href="" class="modal__close demo-close">
                    <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg>
                </a>
            </div>
        </div>
    </div>