<link rel="stylesheet" type="text/css" href="css/footer.css"/>
<script type="text/javascript" src="scripts/hello-footer.js"></script>

<div id="HelloFooter">
    <div class='cardDivider'>
        <img src='/etc/designs/help/hello/v1/images/line.png'>
    </div>
    <div class="footer">
        <ul class="footerList">
            <li><a onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="https://helpx.adobe.com/photoshop.html">Photoshop Help</a></li>
            <li><a onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="http://www.adobe.com/inspire.html">Inspire</a></li>
            <li><a onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="http://forums.adobe.com/community/photoshop">Forums</a></li>
            <li><a onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="http://blogs.adobe.com/crawlspace/">Blog</a></li>
        </ul>
        <div id="hidePanelDiv">
            <input id="hidePanel" type="checkbox"><label for="hidePanel">Don't Show Again</label>
            <span id="menuInfo" style="display: none;">Accessible under Help > Welcome Screen</span>
        </div>
    </div>
</div>