|
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Discussion Forum</title>
|
|
<style>
|
|
.comment,
|
|
.answer {
|
|
padding-left: 25px;
|
|
}
|
|
|
|
.author-img,
|
|
.opponent-img {
|
|
width: 80px;
|
|
height: 80px;
|
|
}
|
|
</style>
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "DiscussionForumPosting",
|
|
"datePublished": "2022-05-08T19:30",
|
|
"creator": {
|
|
"@type": "Person",
|
|
"name": "Василий Пупкин",
|
|
"image": "/images/..."
|
|
},
|
|
"articleBody": "Утверждение Василия Пупкина.",
|
|
"sharedContent": [
|
|
{
|
|
"@type": "Comment",
|
|
"datePublished": "2022-05-12T19:45",
|
|
"creator": {
|
|
"@type": "Person",
|
|
"name": "Петя Васечкин"
|
|
},
|
|
"text": "Вопрос Петра Васечкина?",
|
|
"comment": {
|
|
"@type": "Answer",
|
|
"creator": {
|
|
"@type": "Person",
|
|
"name": "Василий Пупкин"
|
|
},
|
|
"text": "Ответ Василия Пупкина на вопрос Пети Васечкина."
|
|
}
|
|
},
|
|
{
|
|
"@type": "Comment",
|
|
"datePublished": "2022-05-13T14:15",
|
|
"creator": {
|
|
"@type": "Person",
|
|
"name": "Игорь Петрович"
|
|
},
|
|
"text": "Вопрос Игоря Петровича?",
|
|
"comment": {
|
|
"@type": "Answer",
|
|
"creator": {
|
|
"@type": "Person",
|
|
"name": "Василий Пупкин"
|
|
},
|
|
"text": "Ответ Василия Пупкина на вопрос Игоря Теровича."
|
|
}
|
|
}
|
|
]
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- For JSON-LD -->
|
|
|
|
<div class="discussion">
|
|
|
|
<h2>Шапка дискуссии</h2>
|
|
|
|
<div class="creator">
|
|
<div class="name">Василий Пупкин</div>
|
|
<img class="avatar author-img" width="200" height="200" src="https://www.maam.ru/images/users/avatars/c3b62d9e15fcf0ce86e00f282c13d003.jpg" alt="Аватар">
|
|
</div>
|
|
<div class="date">8 мая 2022, 19:30</div>
|
|
<div class="text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Corporis numquam amet quam accusantium, ducimus perferendis tempore consectetur. Sit, repudiandae dolor.</div>
|
|
|
|
<div class="comment">
|
|
<h3>?:</h3>
|
|
<div class="creator">
|
|
<div class="name">Петя Васечкин</div>
|
|
<img class="avatar opponent-img" width="200" height="200" src="https://i.pinimg.com/736x/ef/7e/8f/ef7e8f09db91fcacffbf1734fa958319.jpg" alt="Аватар">
|
|
</div>
|
|
<div class="date">8 мая 2022, 19:30</div>
|
|
<div class="text">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Corporis numquam amet quam accusantium, ducimus perferendis tempore consectetur. Sit, repudiandae dolor.</div>
|
|
|
|
<div class="answer">
|
|
<h3>Ответ:</h3>
|
|
<div class="creator">
|
|
<div class="name">Василий Пупкин</div>
|
|
<img class="avatar author-img" width="200" height="200" src="https://www.maam.ru/images/users/avatars/c3b62d9e15fcf0ce86e00f282c13d003.jpg" alt="Аватар">
|
|
</div>
|
|
<span class="answer-text">Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores, quod.</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|