<div class="cardBox">
        <div class="card">
            <div class="front">
                <h3>@Model.AccentedWord</h3>
                <p>[@Model.Pronunciation]</p>
                <div class="rotate"><strong>&#x21bb;</strong></div>
            </div>
            <div class="back">
                <h2>@Model.Translation</h2>
                <h3><a asp-controller="Top1kWords" asp-action="Details" asp-route-id="@Model.WordId">@Model.AccentedWord</a></h3>
                <div class="audio">
                    <audio id="player" src="/sounds/{@Model.WordId}.mp3" type="audio/mpeg"></audio>
                    <a onclick="document.getElementById('player').play()"><i class="far fa-play-circle fa-2x"></i></a>
                </div><button>Do nauki</button>
            </div>
        </div>
    </div>