infusion/src/components/overviewPanel/html/overviewPanelTemplate.html

Infusion is an application framework for developing flexible stuff with JavaScript

<div class="fl-overviewPanel">
    <div class="fl-overviewPanel-icon-fluidStar">
        <a class="flc-overviewPanel-toggleControl" href="#"></a>
    </div>
    <div class="fl-overviewPanel-body fl-overviewPanel-group">
        <div class="fl-overviewPanel-title">
            <h1><span class="flc-overviewPanel-title-begin"></span> <a class="flc-overviewPanel-titleLink" href="#" target="_blank"><span class="flc-overviewPanel-title-linkText"></span></a> <span class="flc-overviewPanel-title-end"></span></h1>
        </div>

        <div class="fl-overviewPanel-contents">
            <span class="flc-overviewPanel-componentName fl-overviewPanel-componentName"></span>
            <div class="flc-overviewPanel-description fl-overviewPanel-description"></div>
            <div class="fl-overviewPanel-instructions">
                <h2><span class="flc-overviewPanel-instructionsHeading"></span></h2>
                <div class="flc-overviewPanel-instructions"></div>
            </div>
        </div>

        <div class="fl-overviewPanel-footer">
            <div class="fl-overviewPanel-links">
                <ul class="fl-centered">
                    <li>
                        <a class="flc-overviewPanel-demoCodeLink" href="#">
                            <div class="fl-overviewPanel-iconContainer fl-centered"><span class="fl-overviewPanel-links-icon fl-overviewPanel-links-icon-code"></span></div>
                            <span class="flc-overviewPanel-demoCodeLinkText fl-overviewPanel-demoCodeLinkText"></span>
                        </a>
                    </li>
                    <li>
                        <a class="flc-overviewPanel-apiLink" href="#">
                            <div class="fl-overviewPanel-iconContainer fl-centered"><span class="fl-overviewPanel-links-icon fl-overviewPanel-links-icon-api"></span></div>
                            <span class="flc-overviewPanel-apiLinkText fl-overviewPanel-apiLinkText"></span>
                        </a>
                    </li>
                    <li>
                        <a class="flc-overviewPanel-designLink" href="#">
                            <div class="fl-overviewPanel-iconContainer fl-centered"><span class="fl-overviewPanel-links-icon fl-overviewPanel-links-icon-design"></span></div>
                                <span class="flc-overviewPanel-designLinkText fl-overviewPanel-designLinkText"></span>
                        </a>
                    </li>
                    <li>
                        <a class="flc-overviewPanel-infusionCodeLink" href="#">
                            <div class="fl-overviewPanel-iconContainer fl-centered"><span class="fl-overviewPanel-links-icon fl-overviewPanel-links-icon-github"></span></div>
                            <span class="flc-overviewPanel-infusionCodeLinkText fl-overviewPanel-infusionCodeLinkText"></span>
                        </a>
                    </li>
                </ul>
                <div class="fl-overviewPanel-feedback-link">
                    <span class="flc-overviewPanel-feedbackText fl-overviewPanel-feedbackText"></span><br/>
                    <a class="flc-overviewPanel-feedbackLink" href="#"><span class="flc-overviewPanel-feedbackLinkText"></span></a>
                </div>
            </div>
            <a class="flc-overviewPanel-closeControl fl-overviewPanel-closeControl" href="#"><span class="flc-overviewPanel-closeText"></span></a>
        </div>
    </div>
</div>