diff --git a/index.html b/index.html
index b86e71b..f8500b3 100644
--- a/index.html
+++ b/index.html
@@ -20,6 +20,27 @@
 			<div class="starfield__stars"></div>
 		</div>
 
-		<div class="center-grid"></div>
+		<div class="center-grid">
+			<div id="the-magician" 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=""
+									 alt="The Magician card artwork."
+									 title="The Magician card artwork." />
+						</div>
+						<div class="tarot-card__section tarot-card__section--title">
+							<p class="tarot-card__title">The Magician.</p>
+						</div>
+					</div>
+					<div class="tarot-card__side tarot-card__side--back">
+						<div class="tarot-card__section">
+							<p>This is the back side of The Magician.</p>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
 	</body>
 </html>