jellyfin-web/dashboard-ui/wizardcomponents.html

<div id="wizardComponentsPage" data-role="page" class="page standalonePage wizardPage">

    <div class="padded-left padded-right padded-top">

        <div class="ui-corner-all ui-shadow wizardContent" style="position:relative;">
            <form>

                <h1>
                    ${SetupFFmpeg}
                </h1>

                <div>${SetupFFmpegHelp}</div>
                <br />
                <br />
                <div style="display: flex; align-items: center;">
                    <div style="width: 24px; height: 24px; border-radius: 1000px; background: #52B54B; color: #fff; display: flex; align-items: center; justify-content: center;">1</div>
                    <div style="margin-left: .5em;">${DownloadFFmpeg}</div>
                </div>
                <div style="margin-left:34px;">
                    <p class="suggestedLocation"></p>
                    <div class="downloadInstructions"></div>
                </div>
                <br />
                <div style="display: flex; align-items: center;">
                    <div style="width: 24px; height: 24px; border-radius: 1000px; background: #52B54B; color: #fff; display: flex; align-items: center; justify-content: center;">2</div>
                    <div style="margin-left: .5em;">${UnzipFFmpegFile}</div>
                </div>
                <div style="margin: 1em 0 1.5em 2.3em;" class="markExec hide">${MarkFFmpegExec}</div>
                <br />
                <div style="display: flex; align-items: center;">
                    <div style="width: 24px; height: 24px; border-radius: 1000px; background: #52B54B; color: #fff; display: flex; align-items: center; justify-content: center;">3</div>
                    <div style="margin-left:.5em;">${EnterFFmpegLocation}</div>
                </div>

                <br /><br />
                <div class="inputContainer fldEncoderPath">
                    <div style="display: flex; align-items: center;">
                        <div style="flex-grow:1;">
                            <input is="emby-input" class="txtEncoderPath" label="${LabelffmpegPath}" autocomplete="off" required />
                        </div>
                        <button type="button" is="paper-icon-button-light" id="btnSelectEncoderPath" class="autoSize"><i class="md-icon">search</i></button>
                    </div>
                    <div class="fieldDescription">
                        <div>${LabelffmpegPathHelp}</div>
                    </div>
                </div>

                <div class="wizardNavigation">
                    <button is="emby-button" type="button" onclick="history.back();" class="raised button-cancel">
                        <i class="md-icon">arrow_back</i>
                        <span>${LabelPrevious}</span>
                    </button>
                    <button is="emby-button" type="submit" class="raised button-submit">
                        <span>${LabelNext}</span>
                        <i class="md-icon">arrow_forward</i>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>