73 lines
No EOL
1.7 KiB
HTML
73 lines
No EOL
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>Connect Four</title>
|
|
<link rel="stylesheet" href="css/main.css">
|
|
<script defer src="js/main.js"></script>
|
|
</head>
|
|
<body>
|
|
<h1>CONNECT FOUR</h1>
|
|
<h2 id="msg"></h2>
|
|
<section class="markers">
|
|
<div id="col0"></div>
|
|
<div id="col1"></div>
|
|
<div id="col2"></div>
|
|
<div id="col3"></div>
|
|
<div id="col4"></div>
|
|
<div id="col5"></div>
|
|
<div id="col6"></div>
|
|
</section>
|
|
<section class="board">
|
|
<div id="c0r5"></div>
|
|
<div id="c1r5"></div>
|
|
<div id="c2r5"></div>
|
|
<div id="c3r5"></div>
|
|
<div id="c4r5"></div>
|
|
<div id="c5r5"></div>
|
|
<div id="c6r5"></div>
|
|
|
|
<div id="c0r4"></div>
|
|
<div id="c1r4"></div>
|
|
<div id="c2r4"></div>
|
|
<div id="c3r4"></div>
|
|
<div id="c4r4"></div>
|
|
<div id="c5r4"></div>
|
|
<div id="c6r4"></div>
|
|
|
|
<div id="c0r3"></div>
|
|
<div id="c1r3"></div>
|
|
<div id="c2r3"></div>
|
|
<div id="c3r3"></div>
|
|
<div id="c4r3"></div>
|
|
<div id="c5r3"></div>
|
|
<div id="c6r3"></div>
|
|
|
|
<div id="c0r2"></div>
|
|
<div id="c1r2"></div>
|
|
<div id="c2r2"></div>
|
|
<div id="c3r2"></div>
|
|
<div id="c4r2"></div>
|
|
<div id="c5r2"></div>
|
|
<div id="c6r2"></div>
|
|
|
|
<div id="c0r1"></div>
|
|
<div id="c1r1"></div>
|
|
<div id="c2r1"></div>
|
|
<div id="c3r1"></div>
|
|
<div id="c4r1"></div>
|
|
<div id="c5r1"></div>
|
|
<div id="c6r1"></div>
|
|
|
|
<div id="c0r0"></div>
|
|
<div id="c1r0"></div>
|
|
<div id="c2r0"></div>
|
|
<div id="c3r0"></div>
|
|
<div id="c4r0"></div>
|
|
<div id="c5r0"></div>
|
|
<div id="c6r0"></div>
|
|
</section>
|
|
</body>
|
|
</html> |