<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>Welcome to Adobe Edge</title>
    <style></style>
    <link href="WelcomeToEdge.css" rel="stylesheet" type="text/css" />

    <link rel='stylesheet' media='screen and (max-width: 1260px)' href='small.css' />
    <link rel='stylesheet' media='screen and (min-width: 1261px) and (max-width: 2048px)' href='medium.css' />
    <link rel='stylesheet' media='screen and (min-width: 2048px)' href='large.css' />

    <script type="text/javascript" src="edge_includes/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="edge_includes/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="WelcomeToEdge.js"></script>

</head>

<body class="locHide">
    <div id="outer">
        <div class="wrapper">
            <div class="left">
                <div class="leftinner">
                </div>
                <h1 id="headline"></h1>
                <div class="newVersionAvailable" style="display:none;">
                </div>
                <div id="newComp">
                    <a id="newCompositionLink" href="#">
                        <img id="newCompLinkImg" class="locAlt" alt="($$$/WelcomeScreen/NewCompositionAlt=New Composition)" src="images/DocIcn_Lg.png" />
                    </a>
                    <a id="newCompositionLinkText" href="#" class="loc">($$$/WelcomeScreen/CreateNew=Create New)</a>
                </div>
                <div id="newCompFromTemplate">
                    <a id="newCompositionFromTemplateLink" href="#">
                        <img id="newCompFromTemplateLinkImg" class="locAlt" alt="($$$/WelcomeScreen/NewCompositionFromTemplateAlt=New Composition from Template)" src="images/DocTmplIcn_Lg.png" />
                    </a>
                    <a id="newCompositionFromTemplateLinkText" href="#" class="loc">($$$/WelcomeScreen/CreateFromTemplate=Create from Template)</a>
                </div>
                <div id="openComp">
                    <a id="openCompositionLink" href="#">
                        <img id="openCompLinkImg" class="locAlt" alt="($$$/WelcomeScreen/OpenFileAlt=Open File...)" src="images/Folder_Lg.png" />
                    </a>
                    <a id="openCompositionLinkText" href="#" class="loc">($$$/WelcomeScreen/OpenFile=Open File...)</a>
                </div>
                <div id="recentFiles">
                    <div id="recentFilesInner">
                        <p id="recentFilesHeadline" class="loc">($$$/WelcomeScreen/RecentFiles=Recent Files)</p>
                        <ul id="theRecentFiles">
                        </ul>
                        <a href="#" id="clearRecentFiles" style="display:none;" class="loc">($$$/WelcomeScreen/ResetRecentFilesList=Clear Recent Files)</a>
                    </div>
                </div>

                <div class="dynamicPIP" style="display:none;">
                    <div class="dynamicPIPCorner"></div>
                    <a href="#" onclick="helium.callbackTunnelAsync('WelcomeScreen.launchPIPDialog:'); return false;" class="loc pipHeadline">($$$/WelcomeScreen/PIPPitchMessage=Please help improve Animate!)</a>
                    <div class="dynamicPIPCircle"></div>
                </div>

                <div id="socialLinks">
                    <a id="fbLike" href="#">
                        <img src="images/FaceBook_22.png" class="locAlt" alt="($$$/WelcomeScreen/LikeOnFacebookAlt=AdobeEdge on Facebook)" />
                    </a>
                    <a id="twFollow" href="#">
                        <img src="images/Twitter_22.png" class="locAlt" alt="($$$/WelcomeScreen/FollowOnTwitterAlt=Follow AdobeEdge on Twitter)" />
                    </a>
                </div>
            </div>
            <div class="wrapright">

                <div class="right" style="">
                    <div class="podWrapper">
                        <div id="rightNavWrapper">
                            <nav id="rightNav">
                                <navitem id="navWhatsNew" class="loc">($$$/WelcomeScreen/NavWhatsNew=What's New)</navitem>
                                <navitem id="navGettingStarted" class="loc">($$$/WelcomeScreen/NavGettingStarted=Getting Started)</navitem>
                                <navitem id="navResources" class="loc">($$$/WelcomeScreen/NavResources=Resources)</navitem>
                                <navitem id="navQuiet" class="loc">($$$/WelcomeScreen/NavQuiet=Quiet)</navitem>
                            </nav>
                        </div>
                        <section id="whatsNewPage">
                            <img id="WhatsNewImage" src="images/WS_whatsnew.jpg" />
                            <div id="WhatsNewHeadingWrapper">
                                <h2 id="WhatsNewHeading" class="loc WhatsNewHeading">($$$/WelcomeScreen/WhatsNew/Heading=EDGE ANIMATE)</h2>
                                <p id="WhatsNewTitle" class="loc WhatsNewTitle">($$$/WelcomeScreen/WhatsNew/Title=Create animated, interactive HTML content for the modern web.)</p>
                            </div>
                            <div>
                                <p id="NewinThisRelease" class="loc NewinThisRelease">($$$/WelcomeScreen/WhatsNew/Text6=New in this release
                                    <br>
                                    <span>Introducing on-stage text editing, 64-bit Chromium Embedded Framework support and more
                                        <a id='lnkReadMoreHere' href='#' class='loc'>Read more here.</a>
                                    </span>)</p>
                            </div>
                            <div id="WhatsNewFeaturesWrapper">
                                <ul>
                                    <li class="loc">($$$/WelcomeScreen/WhatsNew/Text1=
                                        <strong>On-stage Text Editing</strong>&nbsp;
                                        <span style='margin-top:-14px'>Edit and add styles to text directly on the stage, instead of using pop-up window.</span>)</li>
                                    <li class="loc">($$$/WelcomeScreen/WhatsNew/Text2=
                                        <strong>64-bit Chromium Embedded Framework Support</strong>&nbsp;
                                        <span>Better compatibility with 64-bit operating systems and improved performance.</span>)</li>
                                    <li class="loc">($$$/WelcomeScreen/WhatsNew/Text3=
                                        <strong>Optimized Project Output</strong>&nbsp;
                                        <span>Your HTML infographic, ads and animations now with reduced file sizes.</span>)</li>
                                    <li class="loc">($$$/WelcomeScreen/WhatsNew/Text4=
                                        <strong>HTML5 Video Support</strong>&nbsp;
                                        <span>Import HTML5 video files directly into Animate.</span>)</li>
                                    <li class="loc">($$$/WelcomeScreen/WhatsNew/Text5=
                                        <strong>Copy and paste from Illustrator</strong>&nbsp;
                                        <span>Copy and paste SVG from Illustrator directly into Animate.</span>)</li>
                                </ul>
                            </div>
                            <div style="clear:both;">
                                <span></span>
                            </div>
                            <a id="lnkReleaseNotes" href="#" class="loc">($$$/WelcomeScreen/WhatsNew/ReadMoreOnline=Read the full Edge Animate release notes.)</a>

                        </section>

                        <section id="gettingStartedPage">
                            <nav id="gettingStartedMasterList">
                                <h2 id="gettingStartedTitle" class="loc gettingStartedTitle">($$$/WelcomeScreen/GettingStarted/PageTitle=Learn Edge Animate
                                    <br>
                                    <span>with In-App Lessons</span>)</h2>

                                <div id="lessonNav">
                                    <nav id="lessonsPageNav">
                                        <ul>
                                            <li id="lessonNav1" class="lessonPageActive">1</li>
                                            <li id="lessonNav2" class="lessonPageInactive">2</li>
                                        </ul>
                                    </nav>
                                </div>
                                <div id="lessonNextBtn" class="lessonBtnActive"></div>
                                <div id="lessonPrevBtn" class="lessonBtnInActive"></div>



                                <section id="lessonsPage1">
                                    <navitem id="navQuickStart" class="buttonr1-c1">
                                        <h3 class="loc">($$$/WelcomeScreen/QuickStart/LessonTitle=Quick Start)</h3>
                                        <div class="rollover">
                                            <p class="loc description">($$$/WelcomeScreen/QuickStart/LessonDetail=Get going with Edge Animate in two easy steps)</p>
                                            <p class="loc clickto">($$$/WelcomeScreen/ClickToOpen=Click to open)</p>
                                        </div>
                                    </navitem>
                                    <navitem id="navPinAnimation" class="locImg buttonr2-c1" data-imgbase="images/thumb_animate_advanced">
                                        <h3 class="loc">($$$/WelcomeScreen/PinAnimation/LessonTitle=Animate II)</h3>
                                        <div class="rollover">
                                            <p class="loc description">($$$/WelcomeScreen/PinAnimation/LessonDetail=Animate faster with the Pin)</p>
                                            <p class="loc clickto">($$$/WelcomeScreen/ClickToOpen=Click to open)</p>
                                        </div>
                                    </navitem>
                                    <navitem id="navCreateContent" class="buttonr1-c2">
                                        <h3 class="loc">($$$/WelcomeScreen/CreateContent/LessonTitle=Create)</h3>
                                        <div class="rollover">
                                            <p class="loc description">($$$/WelcomeScreen/CreateContent/LessonDetail=Work with shapes, text and images)</p>
                                            <p class="loc clickto">($$$/WelcomeScreen/ClickToOpen=Click to open)</p>
                                        </div>
                                    </navitem>
                                    <navitem id="navKeyframeAnimation" class="buttonr1-c3">
                                        <h3 class="loc">($$$/WelcomeScreen/KeyframeAnimation/LessonTitle=Animate I)</h3>
                                        <div class="rollover">
                                            <p class="loc description">($$$/WelcomeScreen/KeyframeAnimation/LessonDetail=Animate using Keyframes)</p>
                                            <p class="loc clickto">($$$/WelcomeScreen/ClickToOpen=Click to open)</p>
                                        </div>
                                    </navitem>

                                    <navitem id="navResize" class="locImg buttonr2-c2" data-imgbase="images/thumb_responsive">
                                        <h3 class="loc">($$$/WelcomeScreen/Resize/LessonTitle=Responsive Layout)</h3>
                                        <div class="rollover">
                                            <p class="loc description">($$$/WelcomeScreen/Resize/LessonDetail=Make your compositions responsive)</p>
                                            <p class="loc clickto">($$$/WelcomeScreen/ClickToOpen=Click to open)</p>
                                        </div>
                                    </navitem>
                                    <navitem id="navMotionPaths" class="buttonr2-c3">
                                        <h3 class="loc">($$$/WelcomeScreen/MotionPaths/LessonTitle=Motion Paths)</h3>
                                        <div class="rollover">
                                            <p class="loc description">($$$/WelcomeScreen/MotionPaths/LessonDetail=Make your paths with lots of curves)</p>
                                            <p class="loc clickto">($$$/WelcomeScreen/ClickToOpen=Click to open)</p>
                                        </div>
                                    </navitem>
                                    <navitem id="navAudio" class="locImg buttonr3-c1" data-imgbase="images/thumb_audio">
                                        <h3 class="loc">($$$/WelcomeScreen/Audio/LessonTitle=Audio)</h3>
                                        <div class="rollover">
                                            <p class="loc description">($$$/WelcomeScreen/Audio/LessonDetail=Make some noise with your compositions)</p>
                                            <p class="loc clickto">($$$/WelcomeScreen/ClickToOpen=Click to open)</p>
                                        </div>
                                    </navitem>
                                    <navitem id="navSpriteSheet" class="buttonr3-c3">
                                        <h3 class="loc">($$$/WelcomeScreen/SpriteSheet/LessonTitle=Sprite Sheets)</h3>
                                        <div class="rollover">
                                            <p class="loc description">($$$/WelcomeScreen/SpriteSheet/LessonDetail=Animate using Sprite Sheets)</p>
                                            <p class="loc clickto">($$$/WelcomeScreen/ClickToOpen=Click to open)</p>
                                        </div>
                                    </navitem>
                                    <navitem id="navVideo" class="buttonr3-c2">
                                        <h3 class="loc">($$$/WelcomeScreen/Video/LessonTitle=Video)</h3>
                                        <div class="rollover">
                                            <p class="loc description">($$$/WelcomeScreen/Video/LessonDetail=Add and control videos in your compositions)</p>
                                            <p class="loc clickto">($$$/WelcomeScreen/ClickToOpen=Click to open)</p>
                                        </div>
                                    </navitem>
                                </section>


                                <section id="lessonsPage2" style="display:none">
                                    <navitem id="navExtend" class="locImg buttonr1-c1" data-imgbase="images/thumb_extend">
                                        <h3 class="loc">($$$/WelcomeScreen/Extend/LessonTitle=Extend)</h3>
                                        <div class="rollover">
                                            <p class="loc description">($$$/WelcomeScreen/Extend/LessonDetail=Loop and handle user interaction)</p>
                                            <p class="loc clickto">($$$/WelcomeScreen/ClickToOpen=Click to open)</p>
                                        </div>
                                    </navitem>
                                    <navitem id="navReuse" class="buttonr1-c2">
                                        <h3 class="loc">($$$/WelcomeScreen/Reuse/LessonTitle=Reuse)</h3>
                                        <div class="rollover">
                                            <p class="loc description">($$$/WelcomeScreen/Reuse/LessonDetail=Create reusable objects with Symbols)</p>
                                            <p class="loc clickto">($$$/WelcomeScreen/ClickToOpen=Click to open)</p>
                                        </div>
                                    </navitem>

                                </section>
                            </nav>

                        </section>

                        <section id="resourcesPage">
                            <nav id="ResourcesMasterList">
                                <h2 id="ResourcesHeading" class="loc ResourcesHeading">($$$/WelcomeScreen/Resources/PageTitle=Resources
                                    <br>
                                    <span>to help you become an Edge Animate expert</span>)</h2>
                                <div id="EdgeHelp">
                                    <navitem id="lnkEdgeHelp" class="resourcesbuttonr1-c1 hikey"></navitem>
                                    <a id="lnkEdgeHelp-rl" href="#" class="loc lnkEdgeHelp-text">($$$/WelcomeScreen/Resources/LinkEdgeHelp=Edge Animate Help and Tutorials)</a>
                                </div>
                                <div id="EdgeAdobeTV">
                                    <navitem id="lnkEdgeAdobeTV" class="resourcesbuttonr2-c1 lowkey"></navitem>
                                    <a id="lnkEdgeAdobeTV-rl" href="#" class="loc lnkEdgeAdobeTV-text">($$$/WelcomeScreen/Resources/LinkEdgeAdobeTV=Learn Edge Animate on Adobe TV)</a>
                                </div>
                                <div id="EdgeForum">
                                    <navitem id="lnkEdgeForum" class="resourcesbuttonr3-c1 hikey"></navitem>
                                    <a id="lnkEdgeForum-rl" href="#" class="loc lnkEdgeForum-text">($$$/WelcomeScreen/Resources/LinkForums=Get Answers from Community)</a>
                                </div>
                                <div id="EdgeSamples">
                                    <navitem id="lnkEdgeSamples" class="resourcesbuttonr4-c1 lowkey"></navitem>
                                    <a id="lnkEdgeSamples-rl" href="#" class="loc lnkEdgeSamples-text">($$$/WelcomeScreen/Resources/LinkSamples=View and download samples)</a>
                                </div>
                                <div id="EdgeJSAPI">
                                    <navitem id="lnkEdgeJSAPI" class="resourcesbuttonr5-c1 hikey"></navitem>
                                    <a id="lnkEdgeJSAPI-rl" href="#" class="loc lnkEdgeJSAPI-text">($$$/WelcomeScreen/Resources/LinkJSAPI=Edge Animate JavaScript API)</a>
                                </div>
                                <div id="EdgeAddOns">
                                    <navitem id="lnkEdgeAddOns" class="resourcesbuttonr6-c1 lowkey"></navitem>
                                    <a id="lnkEdgeAddOns-rl" href="#" class="loc lnkEdgeAddOns-text">($$$/WelcomeScreen/Resources/LinkAddOns=Adobe Add-Ons)</a>
                                </div>
                            </nav>

                        </section>

                        <section id="quietPage">
                            <h3 class="loc">($$$/WelcomeScreen/Quiet/=This space intentionally left blank.)</h3>
                        </section>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
