diff --git a/test/index.html b/test/index.html
index 9d0a0c0..a6a7a86 100644
--- a/test/index.html
+++ b/test/index.html
@@ -97,6 +97,31 @@
 				</div>
 			</div>
 
+			<!-- Uses both the "deal" and "flip" animations. -->
+			<div id="flip-card" class="tarot-card tarot-card--deal tarot-card--flip-on-hover">
+				<div class="tarot-card__content">
+					<div class="tarot-card__side tarot-card__side--front">
+						<div class="tarot-card__section tarot-card__section--art">
+							<img class="tarot-card__art"
+								src="images/card_art_std.jpg"
+								alt="The Deal/Flip Card artwork image."
+								title="The Deal/Flip Card artwork image." />
+						</div>
+
+						<div class="tarot-card__section tarot-card__section--title">
+							<p class="tarot-card__title">The Deal/Flip Card.</p>
+						</div>
+					</div>
+
+					<div class="tarot-card__side tarot-card__side--back">
+						<div id="flip-card-back" class="tarot-card__section">
+							<p>This is the back side of The Deal/Flip Card.</p>
+						</div>
+					</div>
+				</div>
+			</div>
+
+
 		</div>
 	</body>
 </html>