<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<link href='http://fonts.googleapis.com/css?family=Lily+Script+One' rel='stylesheet' type='text/css'> <!-- 应用google字体 -->
<title>CSS3 Matching Game</title>
<link rel = "stylesheet" href = "css/matchgame.css" />
</head>
<body>
<header>
<h1>CSS3 Matching Game</h1>
</header>
<section id = "game">
<div id = "cards">
<div class = "card">
<div class = "face front"></div>
<div class = "face back">
</div><!-- .card -->
</div><!-- #cards -->
</section><!-- #game -->
<footer>
<p>This is an example of creating a matching game with CSS3</p>
</footer>
<script src = "js/jQuery.js"></script>
<script src = "js/matchgame.js"></script>
</body>
</html>