[html]

<!---чтоб закрыть кружочек с заданием, для кофе - <closed1 title="задание"></closed1>, где 1 номер кружочка который закрывает, для тортика - <clscake1 title="задание"></clscake1>, где 1 номер кружочка который закрывает--->

<!---<div class="basick" style="background-image: url(https://i.imgur.com/mH9w0mj.png);"> можно менять заглушку для карточки-->

<!---1 карта-->
<div class="basick" style="background-image: url(https://i.imgur.com/mH9w0mj.png);">
<div class="basic">
<div class="basic_text">
</div></div></div>

<!---2 карта--->
<div class="basick" style="background-image: url(https://i.imgur.com/mH9w0mj.png);">
<div class="basic">
<div class="basic_text">
</div></div></div> [/html]

[html]

<div class="springk">
<div class="spring">
<div class="spring_text">

<closed title="задание"></closed>
<closed title="задание"></closed>
<closed title="задание"></closed>
<closed title="задание"></closed>

</div></div></div> [/html]

[html]
<!------- girlpower ------>
<div class="gp">
<div class="gp1">
<div class="gp_text">

<girlpower1><img src="http://s2.uploads.ru/zFx3R.png" style="opacity:0.3" title="что выбрали"></girlpower1>
<girlpower2><img src="http://s2.uplds.ru/7GiQF.png" title="что выбрали"></girlpower2>

<prog1><i class="fas fa-star"></i> <i class="far fa-star"></i> <i class="far fa-star"></i> <i class="far fa-star"></i> <i class="far fa-star"></i></prog1>

<prog2><i class="far fa-star"></i> <i class="far fa-star"></i> <i class="far fa-star"></i> <i class="far fa-star"></i> <i class="far fa-star"></i></prog2>

</div></div></div>
[/html]