<div class="lu-widget">
    <div class="lu-widget__header">  
        <div class="lu-widget__top lu-top"> 
            <div class="lu-top__title"> 
                Base Info
            </div>
        </div>
    </div>
    <div class="lu-widget__body">
        <div style="padding: 20px;">
            <p>1. <a href="http://git.mglocal/modulesgardenlive/mgmoduleframework/wikis/home">Wiki Frameworka</a> <span data-toggle="lu-tooltip" class="label lu-tooltip drop-target drop-element-attached-bottom drop-element-attached-center drop-target-attached-top drop-target-attached-center" style="margin-left: 15px; background-color: rgb(224, 255, 205); color: rgb(255, 0, 73);" data-title="">In Progress</span></p>
            <p>2. <a href="http://zavoloklom.github.io/material-design-iconic-font/icons.html">Lista Ikonek</a></p>
            <p>3. <a href="http://dev.rsstudio.net/mg/statistics.html">Projekt Nowego Wyglądu</a></p>
            <p>4. <a href="http://dev.rsstudio.net/mg/docs/getting-started/introduction.html">Docs Do CSS</a> <span data-toggle="lu-tooltip" class="label lu-tooltip drop-target drop-element-attached-bottom drop-element-attached-center drop-target-attached-top drop-target-attached-center" style="margin-left: 15px; background-color: rgb(224, 255, 205); color: rgb(255, 0, 73);" data-title="">In Progress</span></p>
        </div>
    </div>
</div>