<!DOCTYPE HTML>
<html>
	<head>  
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />

        <title>Create</title>

        <link rel="stylesheet" type="text/css" id="cleanfont-css"   href="css/clean.css" />
        <link rel="stylesheet" type="text/css" id="create-css"      href="css/create-starters.css"/>
        <link rel="stylesheet" type="text/css" id="footer-css"      href="css/footer.css"/>

        <script type="text/javascript" src="scripts/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="scripts/hello-util.js"></script>
        <script type="text/javascript" src="scripts/exception-catch.js"></script>
        <script type="text/javascript" src="scripts/hello-footer.js"></script>
        <script type="text/javascript" src="scripts/create.js"></script>
    </head>
    <body>
        <!-- top block -->
        <div class="create_heroblock" id="hero_block">
            <!-- default state - no recents -->
            <div class="create_base_wrapper_new">
                <div id="HelloCardContainer">
                    <h1 id="HelloGreeting"></h1>
                    <hr id="HelloCardDividerLine">
                    <h2 id="HelloCardTitle"></h2>
                    <h3 class="light-text" id="HelloCardDesc"></h3>
                    <div id="HelloCardFooter">
                        <a class="NewDocButton"   onclick="handleDefaultDocumentClick(event);"></a>
                        <a class="OpenDocButton"  onClick="processRecentDocClick(event,'open')"></a>
                    </div>
                </div>
            </div>
            <!-- recent files exist -->
            <div class="create_base_wrapper" align="center">
                <div class="create_base_container" align="left">
                    <div class="create_list_container">
                        <!-- Create New -->
                        <div id="createNewContainer">
                            <h2 class="create_base_title" id="newdocs_col_label"></h2>
                        </div>

                        <!-- Open Recent -->
                        <div id="openRecentContainer">
                            <h2 class="create_base_title" id="recents_col_label"></h2>
                        </div>

                        <!-- Optional 3rd Column for Templates, etc. -->
                        <div id="optionalContainer" style="display:none">
                            <h2 class="create_base_title" id="optional_col_label"></h2>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Starter cards block -->
        <div class="create_cardblock" id="card_block">
            <div id="HelloCards">
                <!-- title bar -->
                <div class=cardsTitleBar id="cards_title">
                    <h2 class="create_base_title" id="starters_label">Starter Designs</h2>
                    <p id="cardsTitle" class="helloCardsTitleTxt" align="left"></p>
                    <select class="template_filter_select" id="template_filter"></select>
                </div>

                <!-- card block -->
                <div id="BlockOfSixID1" class="helloSixCardBlock"></div>
            </div>
        </div>
        <!-- footer info -->
        <div class="create_base_footer">
            <footer>
                <div id="HelloFooter">
                    <div id="FooterWrap" class="footer">
                        <div id="CCLogoDiv">
                            <a onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="https://accounts.adobe.com">
                                <img class="cc-logo" src="images/cc-logo.png">
                            </a>
                        </div>
                        <div id="FooterLinks">
                            <a id="FooterLinkHelp" class="footer-link" onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="https://helpx.adobe.com"></a>
                            <a id="FooterLinkForums" class="footer-link" onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="https://forums.adobe.com/community"></a>
                            <a id="FooterLinkInspire" class="footer-link" onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="https://www.behance.net"></a>
                            <a id="FooterLinkBlog" class="footer-link" onclick="CHLFooterHelper.openBrowser(this.href)" target="_blank" href="http://blogs.adobe.com"></a>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
        <span id="pxtextruler"></span>
    </body>
</html>