51 lines
1.4 KiB
HTML
51 lines
1.4 KiB
HTML
|
<meta charset="utf-8" />
|
||
|
|
<link rel="stylesheet" type="text/css" href="matrix.css" />
|
||
|
|
<body>
|
||
|
|
<div id="board">
|
||
|
|
<div class="row">
|
||
|
|
<div class="card cat">cat 1</div>
|
||
|
|
<div class="card cat">cat 2</div>
|
||
|
|
<div class="card cat">cat 3</div>
|
||
|
|
<div class="card cat">cat 4</div>
|
||
|
|
<div class="card cat">cat 5</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="card">100</div>
|
||
|
|
<div class="card">100</div>
|
||
|
|
<div class="card">100</div>
|
||
|
|
<div class="card">100</div>
|
||
|
|
<div class="card">100</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="card">200</div>
|
||
|
|
<div class="card">200</div>
|
||
|
|
<div class="card">200</div>
|
||
|
|
<div class="card">200</div>
|
||
|
|
<div class="card">200</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="card">300</div>
|
||
|
|
<div class="card">300</div>
|
||
|
|
<div class="card">300</div>
|
||
|
|
<div class="card">300</div>
|
||
|
|
<div class="card">300</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="card">400</div>
|
||
|
|
<div class="card">400</div>
|
||
|
|
<div class="card">400</div>
|
||
|
|
<div class="card">400</div>
|
||
|
|
<div class="card">400</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="card">500</div>
|
||
|
|
<div class="card">500</div>
|
||
|
|
<div class="card">500</div>
|
||
|
|
<div class="card">500</div>
|
||
|
|
<div class="card">500</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
<script type="module" src="./matrix.js"></script>
|