50 lines
1.3 KiB
HTML
50 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" >
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>CodePen - Solitaire (desktop browsers only)</title>
|
|
<link rel="stylesheet" href="./style.css">
|
|
|
|
</head>
|
|
<body>
|
|
<!-- partial:index.partial.html -->
|
|
<div class="top-area">
|
|
<div class="container">
|
|
<div class="left-area">
|
|
<div id="deck" class="deck"></div>
|
|
<div id="top-cards" class="top-cards"></div>
|
|
</div>
|
|
<div class="right-area">
|
|
<div class="pile"><span id="spade-cards">♠</span></div>
|
|
<div class="pile"><span id="heart-cards">♥</span></div>
|
|
<div class="pile"><span id="diamond-cards">♦</span></div>
|
|
<div class="pile"><span id="club-cards">♣</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="bottom-area">
|
|
<div class="row"></div>
|
|
<div class="row"></div>
|
|
<div class="row"></div>
|
|
<div class="row"></div>
|
|
<div class="row"></div>
|
|
<div class="row"></div>
|
|
<div class="row"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>
|
|
Created by <a class="name-dark">jguarato</a> •
|
|
<a href="https://codepen.io/jguarato" target="_blank">Check out my other Pens</a> •
|
|
<a href="https://github.com/jguarato" target="_blank">Follow me on GitHub</a>
|
|
</p>
|
|
</footer>
|
|
<!-- partial -->
|
|
<script src="./script.js"></script>
|
|
|
|
</body>
|
|
</html>
|