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

    <div id="HelloFooter">
        <div id="FooterWrap" class="footer">
            <div id="CCLogoDiv">
                <a target="_blank" href="https://accounts.adobe.com">
                    <img class="cc-logo" src="images/cc-logo.png">
                </a>
            </div>
            <div id="FooterLinks" class="regular-text">
                <a class="footer-link" onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="https://www.adobe.com/products/illustrator/features.html">Illustrator CC</a>
                <a class="footer-link" onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="https://helpx.adobe.com/illustrator.html">Learn & Support</a>
                <a class="footer-link" onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="https://forums.adobe.com/community/illustrator">Forums</a>
                <a class="footer-link" onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="http://blogs.adobe.com/adobeillustrator/">Blog</a>
            </div>
            <div id="hidePanelDiv">
                <input id="hidePanel" type="checkbox">
                <label id="hidePanelLabel" for="hidePanel" class="regular-text">
                    <span id="cbtext1">Don't Show Welcome Screen Again</span>
                    <span id="cbtext2" style="display:none;">Accessible under Help > Welcome...</span>
                </label>
            </div>
        </div>
    </div>
</footer>