[html]<link rel="stylesheet" href="https://forumstatic.ru/files/0007/e3/f7/40249.css">
<div id="port-block1" class="saled">

<a class="tip" id="cover" title="Элементы дизайна учебной части форумной рпг в сеттинге Гарри Поттера">
  <div id="icon"></div>
  <img src="https://forumupload.ru/uploads/0007/e3/f7/6822/861774.png" class="postimg">
</a>

<div id="cover-block">
Дата: 27.06.2021<br>
Автор: <a href="/profile.php?id=6784" target="_blank">Bruksa</a> <br>
Стоимость: 1000р<br>
Сайт заказчика: <a href="http://dev.alohomora.ru/" target="_blank"> Уно Ховартс. Учебная часть</a><br>
Описание: был заказ на создание макетов и элементов дизайна для двух страниц.
</div>

</div>

<div id="port-block2" class="saled">

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Макет страницы с учебной частью"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/347662.jpg" class="postimg"></a></section>

<section class="wow bounceIn" data-wow-duration="1s">
<a class="tip" title="Макет страницы с расписанием и оценками"><img src="https://forumupload.ru/uploads/0007/e3/f7/6822/239575.jpg" class="postimg"></a></section>

</div>

<style>
.punbb .topicpost .post-content .spoiler-box {
border: 1px solid #e63737;
background-color: rgba(230,55,55,0.1);
}
.punbb .post-content .spoiler-box > div:hover {background-color: rgba(38,175,51,0.6);}
.punbb .post-content .spoiler-box > div {background-color: rgba(38,175,51,0.3);}
.post-content .spoiler-box > div.visible {background-color: rgba(38,175,51,0.8); color: #fff !important;}
#pun .punbb .post-content hr {border: 3px solid #279933;}
.post-content td {background-color: rgb(0,0,0,0.5) !important;}
.visible .quote-box {background-color: rgba(0,0,0,0.5);}
</style>[/html]