<div class="dot"></div>
</div>
</div>
</template>
<template id="face5">
<div class="dice fifth-face">
<div class="column">
<span class="dot"></span>
<span class="dot"></span>
</div>
<div class="column">
<span class="dot"></span>
</div>
<div class="column">
<span class="dot"></span>
<span class="dot"></span>
</div>
</div>
</template>
<script src="index.pack.js"></script>
</html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="dice third-face">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>
</body>
<template id="face1">
<div class="dice first-face">
<div class="dot"></div>
</div>
</template>
<template id="face2">
<div class="dice second-face">
<div class="dot"></div>
<div class="dot"></div>
</div>
</template>
<template id="face3">
<div class="dice third-face">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
</template>
<template id="face4">
<div class="dice fourth-face">
<div class="column">
<div class="dot"></div>
<div class="dot"></div>
</div>
<div class="column">
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>
</template>
<template id="face6">
<div class="dice fourth-face">
<div class="column">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
<div class="column">
<div class="dot"></div>
<div class="dot"></div>
