<!--HTML-->
<style>.num1 {position: relative; color: #fff; text-shadow: 1px 1px 0px #000; font-family: roboto; font-weight:400; text-align: center; width: 37px; height: 30px; padding-top: 10px; padding-right: 3px; background: url(https://i.imgur.com/aYHMpd4.png);}
.num0 {position: relative; color: #fff; text-shadow: 1px 1px 0px #000; font-family: roboto; font-weight: 700; text-align: center; width: 40px; height: 30px; padding-top: 10px; background: url(ССЫЛКА_НА_ИКОНКУ); filter: grayscale(100%); opacity: .3;}
</style>
<center><div class="topic_holi">
<div class="topic_holi_name"><i class="fas fa-candy-cane"></i> отсутствие</div>
<div class="rules"><table>

<tr>
<td><div class="num1">1</div></td>
<td><div class="num1">2</div></td>
<td><div class="num1">3</div></td>
<td><div class="num1">4</div></td>
<td><div class="num1">5</div></td>
<td><div class="num1">6</div></td>
<td><div class="num1">7</div></td>
<td><div class="num1">8</div></td>
<td><div class="num1">9</div></td>
<td><div class="num1">10</div></td>
</tr>

<tr>
<td><div class="num1">11</div></td>
<td><div class="num1">12</div></td>
<td><div class="num1">13</div></td>
<td><div class="num1">14</div></td>
<td><div class="num1">15</div></td>
<td><div class="num1">16</div></td>
<td><div class="num1">17</div></td>
<td><div class="num1">18</div></td>
<td><div class="num1">19</div></td>
<td><div class="num1">20</div></td>
</tr>

<tr>
<td><div class="num1">21</div></td>
<td><div class="num1">22</div></td>
<td><div class="num1">23</div></td>
<td><div class="num1">24</div></td>
<td><div class="num1">25</div></td>
<td><div class="num1">26</div></td>
<td><div class="num1">27</div></td>
<td><div class="num1">28</div></td>
<td><div class="num1">29</div></td>
<td><div class="num1">30</div></td>
</tr>


</table></div></div></center>