dashboard-ui/music/music.html

<div class="view flex flex-direction-column withTabs">

    <div class="tabContent tabContent-positioned flex flex-grow" data-index="0">
        <div is="emby-scroller" data-horizontal="false" data-focusscroll="true" data-navcommands="card" data-forcescrollbar="true" class="scrollFrameY flex flex-grow" data-bindheader="true">

            <div class="scrollSlider flex-grow padded-top-page">

                <div class="continueListeningSection hide verticalSection verticalSection-cards autoScrollSection focusable" data-focusabletype="nearest">
                    <div class="sectionTitleContainer sectionTitleContainer-cards padded-left  padded-left-page padded-right">
                        <h2 class="sectionTitle sectionTitle-cards">${HeaderContinueListening}</h2>
                    </div>
                    <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale padded-left  padded-left-page padded-right" data-mousewheel="false" data-focusscroll="true">
                        <div is="emby-itemscontainer" class="itemsContainer scrollSlider focuscontainer-x" data-virtualscrolllayout="horizontal-grid"></div>
                    </div>
                </div>

                <div class="latestSection hide verticalSection verticalSection-cards verticalSection-extrabottompadding autoScrollSection focusable" data-focusabletype="nearest">
                    <div class="sectionTitleContainer sectionTitleContainer-cards padded-left  padded-left-page padded-right">
                        <h2 class="sectionTitle sectionTitle-cards">${HeaderLatestMusic}</h2>
                    </div>
                    <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale padded-left  padded-left-page padded-right" data-mousewheel="false" data-focusscroll="true">
                        <div is="emby-itemscontainer" class="itemsContainer scrollSlider focuscontainer-x" data-virtualscrolllayout="horizontal-grid"></div>
                    </div>
                </div>

                <div class="recentlyPlayedSection hide verticalSection verticalSection-cards verticalSection-extrabottompadding autoScrollSection focusable" data-focusabletype="nearest">
                    <div class="sectionTitleContainer sectionTitleContainer-cards padded-left  padded-left-page padded-right">
                        <h2 class="sectionTitle sectionTitle-cards">${HeaderRecentlyPlayed}</h2>
                    </div>
                    <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale padded-left  padded-left-page padded-right" data-mousewheel="false" data-focusscroll="true">
                        <div is="emby-itemscontainer" class="itemsContainer scrollSlider focuscontainer-x itemsContainer-sideFooters" data-monitor="audioplayback" data-virtualscrolllayout="horizontal-grid"></div>
                    </div>
                </div>

                <div class="frequentlyPlayedSection hide verticalSection verticalSection-cards verticalSection-extrabottompadding autoScrollSection focusable" data-focusabletype="nearest">
                    <div class="sectionTitleContainer sectionTitleContainer-cards padded-left  padded-left-page padded-right">
                        <h2 class="sectionTitle sectionTitle-cards">${HeaderFrequentlyPlayed}</h2>
                    </div>
                    <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale padded-left  padded-left-page padded-right" data-mousewheel="false" data-focusscroll="true">
                        <div is="emby-itemscontainer" class="itemsContainer scrollSlider focuscontainer-x itemsContainer-sideFooters" data-monitor="audioplayback" data-virtualscrolllayout="horizontal-grid"></div>
                    </div>
                </div>

                <div class="favoriteArtistsSection hide verticalSection verticalSection-cards autoScrollSection focusable" data-focusabletype="nearest">
                    <div class="sectionTitleContainer sectionTitleContainer-cards padded-left  padded-left-page padded-right">
                        <a href="#" data-href="list/list.html?type=MusicArtist&IsFavorite=true" is="emby-sectiontitle" class="noautofocus button-link button-link-color-inherit sectionTitleTextButton sectionTitleTextButton-link">
                            <h2 class="sectionTitle sectionTitle-cards">${HeaderFavoriteArtists}</h2>
                        </a>
                    </div>
                    <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale padded-left  padded-left-page padded-right" data-mousewheel="false" data-focusscroll="true">
                        <div is="emby-itemscontainer" class="itemsContainer scrollSlider focuscontainer-x" data-monitor="markfavorite" data-virtualscrolllayout="horizontal-grid"></div>
                    </div>
                </div>

                <div class="favoriteAlbumsSection hide verticalSection verticalSection-cards autoScrollSection focusable" data-focusabletype="nearest">
                    <div class="sectionTitleContainer sectionTitleContainer-cards padded-left  padded-left-page padded-right">
                        <a href="#" data-href="list/list.html?type=MusicAlbum&IsFavorite=true" is="emby-sectiontitle" class="noautofocus button-link button-link-color-inherit sectionTitleTextButton sectionTitleTextButton-link">
                            <h2 class="sectionTitle sectionTitle-cards">${HeaderFavoriteAlbums}</h2>
                        </a>
                    </div>
                    <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale padded-left  padded-left-page padded-right" data-mousewheel="false" data-focusscroll="true">
                        <div is="emby-itemscontainer" class="itemsContainer scrollSlider focuscontainer-x" data-monitor="markfavorite" data-virtualscrolllayout="horizontal-grid"></div>
                    </div>
                </div>

                <div class="favoriteSongsSection hide verticalSection verticalSection-cards verticalSection-extrabottompadding autoScrollSection focusable" data-focusabletype="nearest">
                    <div class="sectionTitleContainer sectionTitleContainer-cards padded-left  padded-left-page padded-right">
                        <a href="#" data-href="list/list.html?type=Audio&IsFavorite=true" is="emby-sectiontitle" class="noautofocus button-link button-link-color-inherit sectionTitleTextButton sectionTitleTextButton-link">
                            <h2 class="sectionTitle sectionTitle-cards">${HeaderFavoriteSongs}</h2>
                        </a>
                    </div>
                    <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale padded-left  padded-left-page padded-right" data-mousewheel="false" data-focusscroll="true">
                        <div is="emby-itemscontainer" class="itemsContainer scrollSlider focuscontainer-x itemsContainer-sideFooters" data-monitor="markfavorite" data-virtualscrolllayout="horizontal-grid"></div>
                    </div>
                </div>
                <div class="padded-bottom-page"></div>
            </div>
        </div>
    </div>

    <div class="tabContent tabContent-positioned flex flex-grow" data-index="1">

    </div>
    <div class="tabContent tabContent-positioned flex flex-grow" data-index="2">

    </div>
    <div class="tabContent tabContent-positioned flex flex-grow" data-index="3">

    </div>

    <div class="tabContent tabContent-positioned flex flex-grow" data-index="4">

    </div>

    <div class="tabContent tabContent-positioned flex flex-grow" data-index="5">

    </div>

    <div class="tabContent tabContent-positioned flex flex-grow" data-index="6">

    </div>

    <div class="tabContent tabContent-positioned flex flex-grow" data-index="7">

    </div>

    <div class="tabContent tabContent-positioned flex flex-grow" data-index="8">

    </div>

    <div class="tabContent tabContent-positioned flex flex-grow" data-index="9">

    </div>
</div>