Код:
<!--HTML-->
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://forumstatic.ru/files/001c/11/e3/34629.css?v=3">
<div class="advent_calendar-wrap">
<div class="advent_calendar-card" data-day="5">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>5</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>5 декабря</h5>
<p>Письмо Деду Морозу 📝</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="6">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>6</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>6 декабря</h5>
<p>Первый рождественский фильм 🎬</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="7">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>7</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>7 декабря</h5>
<p>Воскресная прогулка по зимнему парку 🚶♂️</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="8">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>8</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>8 декабря</h5>
<p>Домашнее имбирное печенье 🍪</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="9">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>9</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>9 декабря</h5>
<p>Новогодний плейлист 🎵</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="10">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>10</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>10 декабря</h5>
<p>Украшаем ёлку 🎄</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="11">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>11</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>11 декабря</h5>
<p>Готовим глинтвейн 🔥</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="12">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>12</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>12 декабря</h5>
<p>Подарки для близких 🎁</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="13">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>13</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>13 декабря</h5>
<p>Встреча с друзьями 👫</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="14">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>14</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>14 декабря</h5>
<p>Каток и горячий шоколад ⛸️</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="15">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>15</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>15 декабря</h5>
<p>Создание украшений своими руками ✂️</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="16">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>16</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>16 декабря</h5>
<p>Рождественские ярмарки 🏮</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="17">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>17</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>17 декабря</h5>
<p>Письма с пожеланиями 💌</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="18">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>18</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>18 декабря</h5>
<p>Новогодний убор 🧹</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="19">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>19</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>19 декабря</h5>
<p>Колядки и традиции 🎶</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="20">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>20</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>20 декабря</h5>
<p>Предпраздничная суета 🏃♀️</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="21">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>21</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>21 декабря</h5>
<p>День зимнего солнцестояния ☀️</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="22">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>22</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>22 декабря</h5>
<p>Семейный ужин 🍽️</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="23">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>23</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>23 декабря</h5>
<p>Завершаем приготовления ✅</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="24">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>24</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>24 декабря</h5>
<p>Сочельник 🌟</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="25">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>25</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>25 декабря</h5>
<p>Рождество! 🎅</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="26">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>26</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>26 декабря</h5>
<p>Отдых после праздников 😴</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="27">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>27</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>27 декабря</h5>
<p>Разбираем подарки 🎁</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="28">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>28</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>28 декабря</h5>
<p>Зимние прогулки 🌲</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="29">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>29</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>29 декабря</h5>
<p>Подготовка к Новому году 🎆</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="30">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>30</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>30 декабря</h5>
<p>Завершение года 📅</p>
</div>
</div>
</div>
</div>
<div class="advent_calendar-card" data-day="31">
<div class="advent_calendar-card__inner">
<div class="advent_calendar-card__front">
<div class="advent_calendar-card__content">
<h5>31</h5>
<p>декабря</p>
</div>
</div>
<div class="advent_calendar-card__back">
<div class="advent_calendar-card__content">
<h5>31 декабря</h5>
<p>С Новым 2025 годом! 🎉</p>
</div>
</div>
</div>
</div>
</div>