index.html

<title>CSS Planning Poker</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="manifest" href="manifest.json">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<meta name="apple-mobile-web-app-capable" content="yes">

<div class="container">
  <div class="box yellow">
    <input type="checkbox" id="1"/>
    <label for="1">1</label>
  </div>
  <div class="box orange">
    <input type="checkbox" id="2"/>
    <label for="2">2</label>
  </div>
  <div class="box red">
    <input type="checkbox" id="3"/>
    <label for="3">3</label>
  </div>
  <div class="box magenta">
    <input type="checkbox" id="5"/>
    <label for="5">5</label>
  </div>
  <div class="box violet">
    <input type="checkbox" id="8"/>
    <label for="8">8</label>
  </div>
  <div class="box blue">
    <input type="checkbox" id="13"/>
    <label for="13">13</label>
  </div>
  <div class="box cyan">
    <input type="checkbox" id="21"/>
    <label for="21">21</label>
  </div>
  <div class="box green">
    <input type="checkbox" id="?"/>
    <label for="?">?</label>
  </div>
</div>