47 lines
1.6 KiB
HTML
47 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="MobileOptimized" content="320" />
|
|
<meta name="HandheldFriendly" content="true" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie-edge">
|
|
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, width=device-width, user-scalable=no" />
|
|
|
|
<link rel="stylesheet" href="./styles/common.css">
|
|
<link rel="stylesheet" href="./styles/starfield.css">
|
|
<link rel="stylesheet" href="./node_modules/@themagician23/tarotcard.css/tarotcard.css">
|
|
<link rel="stylesheet" href="./node_modules/@themagician23/tarotcard.css/tarotcard-deal.css">
|
|
<link rel="stylesheet" href="./node_modules/@themagician23/tarotcard.css/tarotcard-flip.css">
|
|
|
|
<title>The Magician</title>
|
|
</head>
|
|
<body>
|
|
<div class="starfield">
|
|
<div class="starfield__stars"></div>
|
|
</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="./images/placeholder.jpg"
|
|
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>
|