<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Dreamweaver Mini Tour</title>
<link href="styles/main.css" rel="stylesheet" type="text/css">
<style>
.page {
	opacity:0;
	display:none;
}
#page0 {
	opacity:1;
	display:block;
}
.placeholder {
	visibility:hidden;
	margin-bottom:200px;
}
</style>
<link href="styles/videogallery.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id= "container">
<div id = "page0" class = "page">
<h1 class = "welcomeMessage"> <span class = "ToTranslate" data-id = "MAINPAGE_1"></span><span class = "userName">! </span></h1>
<br/>
    
<p><span class = "ToTranslate" data-id = "MAINPAGE_2"> </span> <br/><span class = "ToTranslate" data-id = "MAINPAGE_3"></span>
<hr/>
<div id = "startTour" class = "ToTranslate startTourButton" data-id = "MAINPAGE_4"></div>
</div>
<div id = "page1" class="page" data-img="images/animation/Extract_Panel.gif">
<h1 class = "ToTranslate" data-id = "EXTRACT_TITLE"></h1>
    <p class = "featureDescription ToTranslate" data-id = "EXTRACT_1"></p>
    <div class = "placeholder"></div>
<footer>
<div class = "backNavButton footerContent navButton ToTranslate" data-id = "BACK_ST"></div>
<h4 class="footerContent"> 1/5 </h4>
<div class = "footerContent navButton ToTranslate" data-id = "NEXT_ST"></div>
</footer>
<div class="skipWrapper">
    <div onclick="dismissWindow()" class = "skip ToTranslate" data-id = "SKIT_ST"></div>
</div>
</div>
<div id = "page2" class="page" data-img="images/animation/ELV_Slides.gif">
<h1 class = "ToTranslate" data-id = "ELV_TITLE"></h1>
    <p class = "featureDescription ToTranslate" data-id = "ELV_1"></p>
    <div class = "placeholder"></div>
<footer>
<div class = "backNavButton footerContent navButton ToTranslate" data-id = "BACK_ST"></div>
<h4 class="footerContent"> 2/5</h4>
<div class = "footerContent navButton ToTranslate" data-id = "NEXT_ST"></div>
</footer>
<div class="skipWrapper">
    <div onclick="dismissWindow()" class = "skip ToTranslate" data-id = "SKIT_ST"></div>
</div>
</div>
<div id = "page3" class="page" data-img="images/animation/EQV_Slides.gif">
<h1 class = "ToTranslate" data-id = "EQV_TITLE"></h1>
    <p class = "featureDescription ToTranslate" data-id = "EQV_1"></p>
    <div class = "placeholder"></div>
<footer>
<div class = "backNavButton footerContent navButton ToTranslate" data-id = "BACK_ST"></div>
<h4 class="footerContent"> 3/5 </h4>
<div class = "footerContent navButton ToTranslate" data-id = "NEXT_ST"></div>
</footer>
<div class="skipWrapper"> 
    <div onclick="dismissWindow()" class = "skip ToTranslate" data-id = "SKIT_ST"></div>
</div>
</div>
<div id = "page4" class="page" data-img="images/animation/Live_Guides.gif">
<h1 class = "ToTranslate" data-id = "LIVE_GUIDES_TITLE"></h1>
    <p class = "featureDescription ToTranslate" data-id = "LIVE_GUIDES_1"></p>
    <div class = "placeholder"></div>
<footer>
<div class = "backNavButton footerContent navButton ToTranslate" data-id = "BACK_ST"></div>
<h4 class="footerContent"> 4/5 </h4>
<div class = "footerContent navButton ToTranslate" data-id = "NEXT_ST"></div>
</footer>
<div class="skipWrapper">    
    <div onclick="dismissWindow()" class = "skip ToTranslate" data-id = "SKIT_ST"></div>
</div>
</div>
<div id = "page5" class="page" data-img="images/animation/Templates.png">
<h1 class = "ToTranslate" data-id = "STARTER_KITS_TITLE"></h1>
    <p class = "featureDescription ToTranslate" data-id = "STARTER_KITS_1"></p>
    <div class = "placeholder"></div>
<footer>
<div class = "backNavButton footerContent navButton ToTranslate" data-id = "BACK_ST"></div>
<h4 class="footerContent"> 5/5 </h4>
<div class = "footerContent navButton ToTranslate" data-id = "NEXT_ST"></div>
</footer>
<div class="skipWrapper">    
    <div onclick="dismissWindow()" class = "skip ToTranslate" data-id = "SKIT_ST"></div>
</div>
</div>
<div id= "page_gallery" class = "page">
<h1 class = "ToTranslate" data-id = "HEADING_1"> </h1>
<h4> <span class = "ToTranslate" data-id = "HEADING_2_1"></span><br>
<span class = "ToTranslate" data-id = "HEADING_2_2"></span></h4>
<p class="internetMessage"> ----------&nbsp;<span class = "ToTranslate" data-id = "HEADING_3"></span> &nbsp;----------</p>
<div id = "gallery">
<div id = "row1">
<div class = "thumbnailContainer">
<div> <p data-id = "VIDEO_EXTRACT_TOOLTIP" class= "ToTranslate hoverDescription"></p>
<br>
	<a class = "ToTranslate playButton" data-id = "PLAY_ST" data-url="https://www.adobe.com/go/dwmax2014-vid-extract" data-headlights="Parfait">  </a>
</div>
	<a class = "imageContainer">
		<img src="images/thumbnails/Parfait.png"  class = "videoThumbnail" alt="Extract from PSDs">
	</a>
<p data-id = "VIDEO_EXTRACT_TITLE" class = "ToTranslate videoDescription"></p>
</div>
<div class = "thumbnailContainer">
<div> <p data-id = "VIDEO_NEW_LIVE_VIEW_TOOLTIP" class= "ToTranslate hoverDescription"></p>
<br>
	<a class = "ToTranslate playButton" data-id = "PLAY_ST" data-url="https://www.adobe.com/go/dwmax2014-vid-liveview" data-headlights="Liveview">  </a>
</div>
	<a class = "imageContainer">
		<img src="images/thumbnails/Editable-live-view.png"  class = "videoThumbnail" alt="Live View Editing">
	</a>
<p data-id = "VIDEO_NEW_LIVE_VIEW_TITLE" class = "ToTranslate videoDescription"></p>
</div>
<div class = "thumbnailContainer">
<div> <p data-id = "VIDEO_ELT_QUICK_VIEW_TOOLTIP" class= "ToTranslate hoverDescription">
</p>
<br>
	<a class = "ToTranslate playButton" data-id = "PLAY_ST" data-url="https://www.adobe.com/go/dwmax2014-vid-dom" data-headlights="DOMTool">  </a>
</div>
	<a class = "imageContainer">
		<img src="images/thumbnails/Quick-Element-View.png"  class = "videoThumbnail" alt="Element Quick View">
	</a>
<p data-id = "VIDEO_ELT_QUICK_VIEW_TITLE" class = "ToTranslate videoDescription"></p>
</div>
</div>
<div id = "row2">
<div class = "thumbnailContainer">
<div> <p data-id = "VIDEO_CSSD_TOOLTIP" class= "ToTranslate hoverDescription"></p>
<br>
	<a class = "ToTranslate playButton" data-id = "PLAY_ST" data-url="https://www.adobe.com/go/dwmax2014-vid-cssd" data-headlights="CSSD">  </a>
</div>
	<a class = "imageContainer">
		<img src="images/thumbnails/CSS-Designer.png" class = "videoThumbnail" alt="Using CSS">
	</a>
<p data-id = "VIDEO_CSSD_TITLE" class = "ToTranslate videoDescription"></p>
</div>
<div class = "thumbnailContainer">
<div> <p data-id = "VIDEO_JQ_TOOLTIP" class= "ToTranslate hoverDescription"></p>
<br>
	<a class = "ToTranslate playButton" data-id = "PLAY_ST" data-url="https://www.adobe.com/go/dwmax2014-vid-jquery" data-headlights="jQuery">  </a>
</div>
	<a class = "imageContainer">
		<img src="images/thumbnails/jQuery.png"  class = "videoThumbnail" alt="Using Widgets">
	</a>
<p data-id = "VIDEO_JQ_TITLE" class = "ToTranslate videoDescription"></p>
</div>
<div class = "thumbnailContainer">
<div> <p data-id = "VIDEO_TYPEKIT_TOOLTIP" class= "ToTranslate hoverDescription"></p>
<br>
	<a class = "ToTranslate playButton" data-id = "PLAY_ST" data-url="https://www.adobe.com/go/dwmax2014-vid-typekit" data-headlights="Typekit">  </a>
</div>
	<a class = "imageContainer">
		<img src="images/thumbnails/Typekit.png"  class = "videoThumbnail" alt="Using Typekit">
	</a>
<p data-id = "VIDEO_TYPEKIT_TITLE" class = "ToTranslate videoDescription"></p>
</div>
</div>
<br>
<br>
<div id = "row3">
<div class = "thumbnailContainer">
<div> <p data-id = "VIDEO_EDGE_AN_TOOLTIP" class= "ToTranslate hoverDescription"></p>
<br>
	<a class = "ToTranslate playButton" data-id = "PLAY_ST" data-url="https://www.adobe.com/go/dwmax2014-vid-animate" data-headlights="EdgeAnimate">  </a>
</div>
	<a class = "imageContainer">
		<img src="images/thumbnails/Animate.png"  class = "videoThumbnail" alt="Animate with HTML">
	</a>
<p data-id = "VIDEO_EDGE_AN_TITLE" class = "ToTranslate videoDescription"></p>
</div>
<div class = "thumbnailContainer">
<div> <p data-id = "VIDEO_BEHANCE_TOOLTIP" class= "ToTranslate hoverDescription"></p>
<br>
	<a class = "ToTranslate playButton" data-id = "PLAY_ST" data-url="https://www.adobe.com/go/dwmax2014-vid-behance" data-headlights="Behance">  </a>
</div>
	<a class = "imageContainer">
		<img src="images/thumbnails/Behance.png"  class = "videoThumbnail" alt="Share your Work">
	</a>
<p data-id = "VIDEO_BEHANCE_TITLE" class = "ToTranslate videoDescription"></p>
</div>
<div class = "thumbnailContainer">
<div> <p data-id = "VIDEO_CC_STORAGE_TOOLTIP" class= "ToTranslate hoverDescription"></p>
<br>
	<a class = "ToTranslate playButton" data-id = "PLAY_ST" data-url="https://www.adobe.com/go/dwmax2014-vid-cc" data-headlights="CreativeCloud"> </a>
</div>
	<a class = "imageContainer">
		<img src="images/thumbnails/Creative-Cloud-Storage.png"  class = "videoThumbnail" alt="Using Storage">
	</a>
<p data-id = "VIDEO_CC_STORAGE_TITLE" class = "ToTranslate videoDescription"></p>
</div>
</div>
</div>
<footer>
<div class = "backButton galleryButton ToTranslate" data-id = "BACK_ST"> </div>
<a onClick="dismissInAppWalkthroughWindow()" class = "doneButton galleryButton ToTranslate" data-id = "DONE_ST"> </a>
</footer>
</div>
<div id = "player_screen" class = "page">
<h1 class = "ToTranslate" data-id = "VGALLERY_1"></h1>
<h4 class = "ToTranslate" data-id = "VGALLERY_2"></h4>
<p data-id = "VGALLERY_3" class = "ToTranslate animVideoText"></p>
    <br/>
<footer id = "playerFooter">
<a class = "backButton exitChoiceButton ToTranslate" data-id = "BACK_ST"> </a>
<a onClick="stopAndDismissWindow()" class = "doneButton exitChoiceButton ToTranslate" data-id = "DONE_ST"> </a>
</footer>
</div>
</div>
<script src="scripts/jquery.min.js"></script>
<script src="scripts/jquery.i18n.properties-1.0.9.js"></script>
<script src="scripts/nfwcore.js"></script>
</body>
</html>
