group.htm

<div class="ribbon-group" id="ribbonGroupNewGroup" data-applicationmodes="0">
    <div class="ribbon-group-content">

        <div id="newTabButtonContainer"
             style="display: inline-block; float: left; margin-right: 5px">

            <div onclick="alert('Clicked! JavaScript is part of loaded Html in this case.');"
                 class="ribbon-button ribbon-button-big"
                 id="btnNewButton">

                <div class="ribbon-button-big-image-container">
                    <img src="/RibbonExtensions/Images/icon_large_test.png"
                         class="ribbon-button-big-image">
                </div>
                <div class="ribbon-button-big-label-container">
                    <p class="ribbon-button-label">New<br>Button</p>
                </div>
            </div>

        </div>

    </div>
    <!-- Ribbon group label -->
    <div class="ribbon-group-label-container">
        <p class="ribbon-group-label">New Group</p>
    </div>
</div>