[html]
<style>
/* =========================================
ОБЩАЯ ОБЁРТКА
========================================= */
.news-wrap {
width: 600px;
margin: 0 auto;
padding: 0 20px 25px;
box-sizing: border-box;
}
/* =========================================
БОЛЬШОЙ ЗАГОЛОВОК
========================================= */
.news-heading {
position: relative;
z-index: 1;
width: 100%;
margin: 0 0 -12px 0;
padding: 0;
text-align: center;
font-family: 'TheSilverEditorial', serif;
font-size: 62px;
font-weight: normal;
font-style: italic;
text-transform: uppercase;
line-height: 1.1;
color: #ffffff;
-webkit-text-stroke: 0.5px #999999;
}
/* =========================================
ОСНОВНОЙ БЕЛЫЙ БЛОК
========================================= */
.news-main {
position: relative;
z-index: 2;
width: 100%;
box-sizing: border-box;
padding: 22px;
background: #ffffff;
border-radius: 14px;
box-shadow: 0 8px 25px rgba(0,0,0,0.08);
}
/* =========================================
ВНУТРЕННИЙ БЛОК БРОШЮРЫ
========================================= */
.news-card {
width: 100%;
box-sizing: border-box;
background: #f4f4f4;
border-radius: 8px;
overflow: hidden;
}
/* =========================================
КАРТИНКА
========================================= */
.news-image {
width: 100%;
height: 190px;
overflow: hidden;
position: relative;
}
.news-image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
filter: none;
}
/* =========================================
НАЗВАНИЕ БРОШЮРЫ
========================================= */
.news-info {
padding: 18px 20px 4px;
text-align: center;
}
.news-title {
margin: 0;
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
color: #333333;
}
.news-date {
margin-top: 5px;
font-family: Arial, sans-serif;
font-size: 9px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: #777777;
}
.news-note {
margin: 8px 0 0;
font-family: Georgia, serif;
font-size: 9px;
font-style: italic;
color: #999999;
}
/* =========================================
ОСНОВНОЙ ТЕКСТ
========================================= */
.news-text {
padding: 8px 20px 25px;
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 1.65;
color: #222222;
text-align: justify;
}
.news-text p {
margin: 8px 0;
}
.news-text a {
color: #8a622e;
text-decoration: none;
}
/* =========================================
РАЗДЕЛЫ
========================================= */
.faq-section {
position: relative;
margin: 24px 0 0;
}
.faq-section:first-child {
margin-top: 13px;
}
/* =========================================
БУМАЖНАЯ НАКЛЕЙКА
========================================= */
.faq-title {
position: relative;
z-index: 2;
display: inline-block;
margin: 3px 0 13px -5px;
background:
linear-gradient(
100deg,
#71878a 0%,
#87999a 20%,
#788d90 50%,
#91a0a0 75%,
#6e8386 100%
);
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.5px;
color: #f4eee2;
text-align: left;
transform: rotate(-0.6deg);
box-shadow:
0 2px 4px rgba(0,0,0,0.16),
inset 0 0 10px rgba(100,70,35,0.08);
}
/* =========================================
РВАНЫЕ КРАЯ НАКЛЕЙКИ
========================================= */
.faq-title:before {
content: "";
position: absolute;
z-index: -1;
top: -3px;
right: -5px;
bottom: -3px;
left: -5px;
background: #677683;
clip-path: polygon(
0% 8%,
4% 2%,
9% 5%,
15% 1%,
22% 4%,
30% 1%,
38% 5%,
46% 2%,
55% 4%,
63% 1%,
71% 5%,
80% 2%,
88% 5%,
95% 1%,
100% 7%,
99% 94%,
94% 98%,
87% 95%,
78% 99%,
69% 96%,
60% 99%,
51% 95%,
42% 99%,
33% 96%,
24% 99%,
15% 95%,
7% 99%,
0% 93%
);
}
/* =========================================
РАЗНЫЙ НАКЛОН НАКЛЕЕК
========================================= */
.faq-section:nth-child(2n) .faq-title {
transform: rotate(2deg);
}
.faq-section:nth-child(3n) .faq-title {
transform: rotate(-1deg);
}
.faq-section:nth-child(4n) .faq-title {
transform: rotate(0.3deg);
}
/* =========================================
МЕЛКАЯ ПОДПИСЬ ВНИЗУ
========================================= */
.faq-small {
margin-top: 25px;
padding-top: 10px;
border-top: 1px solid #dddddd;
font-family: Georgia, serif;
font-size: 9px;
font-style: italic;
color: #999999;
text-align: center;
}
</style>
<div class="news-wrap">
<!-- БОЛЬШОЙ ЗАГОЛОВОК -->
<div class="news-heading">
faq × правила
</div>
<!-- ОСНОВНОЙ БЕЛЫЙ БЛОК -->
<div class="news-main">
<div class="news-card">
<!-- КАРТИНКА -->
<div class="news-image">
<img
src="https://upforme.ru/uploads/001c/ad/04/2/36951.png"
alt="Эшвуд, Массачусетс"
>
</div>
<!-- НАЗВАНИЕ БРОШЮРЫ -->
<div class="news-info">
<div class="news-title">
путеводитель по эшвуду
</div>
<div class="news-date">
леса • исторический центр • ярмарки • пуритане • местные легенды
</div>
<div class="news-note">
эшвуд. переживаем зиму с семнадцатого века.
</div>
</div>
<!-- =====================================
ТЕКСТ
===================================== -->
<div class="news-text">
<!-- РАЗДЕЛ 1 -->
<div class="faq-section">
<div class="faq-title">
прежде чем приехать в эшвуд
</div>
<p>
Эшвуд — небольшой город в Массачусетсе, окружённый лесами, холмами и людьми, чьи семьи живут здесь настолько давно, что иногда это звучит скорее как предупреждение.
</p>
<p>
Город был основан пуританскими поселенцами в семнадцатом веке, пережил голод, эпидемии, несколько особенно неприятных зим и период истории, который туристические буклеты осторожно называют «религиозными разногласиями».
</p>
<p>
Перед посещением рекомендуем ознакомиться с несколькими простыми правилами. Большинство продиктовано здравым смыслом. Остальные появились после конкретных случаев, судебных процессов и одной крайне неудачной трактовки слова «невинная».
</p>
</div>
<!-- РАЗДЕЛ 2 -->
<div class="faq-section">
<div class="faq-title">
планируете поездку?
</div>
<p>
Забронировать место в Эшвуде можно заранее. Бронь сохраняется за гостем в течение <b>суток</b>, за зарегистрированным — в течение <b>трёх суток</b>.
</p>
<p>
Администрация просит не занимать сразу несколько внешностей «на всякий случай». Эшвуд маленький. Здесь и без того ведут слишком много списков.
</p>
</div>
<!-- РАЗДЕЛ 3 -->
<div class="faq-section">
<div class="faq-title">
регистрация в городе
</div>
<p>
Для постоянного проживания потребуется зарегистрироваться именем и фамилией персонажа на латинице.
</p>
<p>
Мы не требуем объяснять, почему именно вы решили переехать в город, основанный религиозными фанатиками посреди леса и регулярно фигурирующий в выпусках о необъяснимых исчезновениях.
</p>
<p>
У каждого свои обстоятельства.
</p>
</div>
<!-- РАЗДЕЛ 4 -->
<div class="faq-section">
<div class="faq-title">
ваша жизнь в эшвуде
</div>
<p>
Эшвуд располагает к неспешной жизни: прогулкам по историческому центру, осенним ярмаркам, кофе у окна, сбору яблок и постепенному выяснению того, почему никто из местных не ходит через северный лес после наступления темноты.
</p>
<p>
Однако бесследное исчезновение на несколько месяцев может вызвать вопросы. В первую очередь — у ваших соигроков. Во вторую — у шерифа.
</p>
<p>
Если третьими заинтересуются краеведы, возможно, возвращаться уже поздно.
</p>
</div>
<!-- РАЗДЕЛ 5 -->
<div class="faq-section">
<div class="faq-title">
хотите привести родственников?
</div>
<p>
Первый дополнительный персонаж создаётся свободно, все последующие — за один игровой пост с каждого существующего профиля.
</p>
<p>
Количество персонажей ограничивается правилами проекта, вашей активностью и здравым смыслом.
</p>
<p>
Последний пункт исторически является слабым местом Эшвуда.
</p>
</div>
<!-- РАЗДЕЛ 6 -->
<div class="faq-section">
<div class="faq-title">
если вам необходимо покинуть город
</div>
<p>
Дороги из Эшвуда открыты круглый год, за исключением снегопадов, ремонтных работ, упавших деревьев и тех случаев, когда городской совет неожиданно объявляет северный выезд временно закрытым «по техническим причинам».
</p>
<p>
Если вы собираетесь отсутствовать продолжительное время, предупредите администрацию и соигроков.
</p>
<p>
Сообщать причину отъезда необязательно.
</p>
<p>
Если вам приснился человек в пуританской одежде, который велел уезжать до первого снега, причина считается уважительной.
</p>
</div>
<!-- РАЗДЕЛ 7 -->
<div class="faq-section">
<div class="faq-title">
правила добрососедства
</div>
<p>
Жители Эшвуда ценят хорошие отношения с соседями. Игровые конфликты остаются игровыми, личные разногласия решаются без привлечения персонажей, а уважение к чужим границам является обязательным.
</p>
<p>
Запрещено намеренно создавать дискомфорт другим игрокам, переносить личные конфликты в игру и приносить кого-либо в жертву без предварительного согласования.
</p>
<p>
Последнее особенно важно.
</p>
</div>
<!-- РАЗДЕЛ 8 -->
<div class="faq-section">
<div class="faq-title">
о ведьмах, рыжих и прочих недоразумениях
</div>
<p>
Городская администрация напоминает: наличие рыжих волос не является доказательством колдовства, одержимости, дурного нрава или пригодности для ритуального жертвоприношения.
</p>
<p>
Девственность также не является основанием для беспокойства.
</p>
<p>
Эшвуд приносит официальные извинения за то, что этому разъяснению потребовалось более трёхсот лет.
</p>
</div>
<!-- РАЗДЕЛ 9 -->
<div class="faq-section">
<div class="faq-title">
исторический центр
</div>
<p>
Старый Эшвуд открыт для посещения круглый год. Здесь находятся первая конгрегационалистская церковь, городская площадь, старое кладбище, несколько домов семнадцатого и восемнадцатого веков и музей истории города.
</p>
<p>
Просим не заходить за ограждения на кладбище, не пытаться открыть закрытые двери в церковном подвале и не переставлять камни с вырезанными на них символами.
</p>
<p>
Особенно последний.
</p>
</div>
<!-- РАЗДЕЛ 10 -->
<div class="faq-section">
<div class="faq-title">
если что-то пошло не так
</div>
<p>
Не понимаете правила? Возник спор? Нашли противоречие в матчасти? Обратитесь к администрации.
</p>
<p>
Заблудились в историческом центре? Обратитесь в туристический центр.
</p>
<p>
Заблудились в лесу? Обратитесь к шерифу.
</p>
<p>
Заблудились под городом?
</p>
<p>
Мы бы очень хотели узнать, как именно вы туда попали.
</p>
</div>
<!-- ФИНАЛ -->
<div class="faq-section">
<div class="faq-title">
добро пожаловать в эшвуд!
</div>
<p>
Мы надеемся, что город оставит у вас исключительно приятные воспоминания.
</p>
<p>
Посетите осеннюю ярмарку. Прогуляйтесь по старому центру. Попробуйте местный яблочный пирог. Полюбуйтесь ясенями.
</p>
<p>
И помните: если пожилая женщина из исторического общества спрашивает ваш цвет волос, семейное положение и являетесь ли вы первым ребёнком в семье, это совершенно обычная местная беседа.
</p>
<p>
Вероятно.
</p>
</div>
<div class="faq-small">
туристический центр эшвуда • массачусетс • основан пуританами, пережил их потомков
</div>
</div>
</div>
</div>
</div>
[/html]





















