html part

<div class="ClassRow">
    <div class="ClassCell ClassBorder">
        <div class="ClassPanel">
            <span>
                <l>
                    My first page panel
                </l>
            </span>
        </div>
        <div class="ClassCell" style="padding: 10px;">
            Inside panel
        </div>
    </div>
    <div class="ClassCell ClassBorder" title="Help">
        <div class="ClassPanel">
            Sidemenu
        </div>
        <div class="ClassRow">
            The sidemenu has been automatically hidden, click on the burger menu icon on top left to open it over your app.<br>
            You can double-click on it to reset the sidemenu to its default, same that if you resize the window.<br>
            The close menu button below will be automatically iconified after click, completely useless but funny to watch ;)
         </div>
         <div class="ClassRow">
             <button class="ui-button ui-widget" id="openmenubutton" title="Help">
                 Click to open menu
             </button>
             <button class="ui-button ui-widget" id="closemenubutton">
                 Click to close menu
             </button>
             <button class="ui-button ui-widget" id="openmenubuttonsmooth" title="Help1">
                 Click to open menu with cool effect
             </button>
        </div>
    </div>
</div>