[hideprofile][html]<div class="news-wrapper-1">

    <div class="news-header-1">
        <span>Новости</span>
    </div>
    <div class="writers-1">
     
    </div>

    <div class="news-columns-1">

        <div class="news-box-1">

            <div class="news-title-1">
                Новости форума
            </div>
   <div class="news-box-1-1">
            Спешим поделиться с вами новыми обновлениями! Во-первых, рады сообщить вам, что в команде администраторов появился ещё один человек - <a href="https://lepidus.ru/profile.php?id=1499">Спурий</a>.<br><br>
Спурий будет отвечать за темы в  <a href="https://lepidus.ru/viewforum.php?id=20">организационном разделе</a>. Просим любить и жаловать!<br><br>
Кроме того, мы добавили тему в разделе гостевой - <a href="https://lepidus.ru/viewtopic.php?id=7500#p307351">карта форума</a>. Будем надеяться, что с её помощью вам будет проще найти нужные темы. Если у вас будут вопросы или предложения, то вы можете написать их в теме - <a href="https://lepidus.ru/viewtopic.php?id=26&p=17#p307354">открытый диалог с администрацией</a>.
</div>
        </div>

        <div class="news-box-1">

            <div class="news-title-1">
                Новости матчасти
            </div>
   <div class="news-box-1-1">
Спешим обрадовать, что постепенно обновляем матчасть! Точнее, не просто обновляется, а раскрываем её отдельные части, которые необходимы для полноценной игры. И начали мы с 10 века до н.э., поскольку было принято решение сделать скачок времени на 3 года. Вы уже сейчас можете обратить внимание на темы, которые были обновлены: <br>
            <ul>
<li><a href="https://lepidus.ru/viewtopic.php?id=5616#p306839">Летописи Аскольда: Часть I</a></li>
<li><a href="https://lepidus.ru/viewtopic.php?id=5675#p307252">Родословные списки Аскольда</a></li>
                 <li><a href="https://lepidus.ru/viewtopic.php?id=7002#p307257">Крепости и замки Аскольда</a></li>
               
            </ul>
</div>
        </div>

    </div>

</div>
<style>

.news-wrapper-1{

    width:940px;
    height:390px;

    margin:auto;
    padding:25px;

    background:
    linear-gradient(
        rgba(0,0,0,.45),
        rgba(0,0,0,.45)
    ),
    url("https://i.pinimg.com/736x/66/c2/e5/66c2e5bbe883c31da90f7dc86d4aa4e3.jpg");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;

    border-radius:18px;
    border:1px solid #2d2d2d;

    color:#ddd;
}

.writers-title {
    text-align:center;
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:12px;
    color:#c9b98a;
    margin-bottom:20px;
}

.writers-list-1{
    display:flex;
    justify-content:space-between;
    margin-bottom:30px;
}

.writer-1{
    width:150px;
    text-align:center;
    transition:.4s;
}

.writer-1 img{
    width:95px;
    height:95px;
    border-radius:100%;
    object-fit:cover;
    border:3px solid #9d8452;
    box-shadow:0 0 15px rgba(190,160,90,.3);
    transition:.5s;
}

.writer-1 span{
    display:block;
    margin-top:10px;
    color:#d9c69d;
    font-size:13px;
    letter-spacing:1px;
}

.writer-1:hover img{
    transform:scale(1.08);
    border-color:#e6d3a1;
    box-shadow:0 0 25px rgba(230,210,140,.7);
}

.writers-1 a{
    text-decoration:none;
}

.news-columns-1{
    display:flex;
    gap:20px;
}

.news-box-1{
    flex:1;
    background:#181818;
    border:1px solid #323232;
    border-radius:14px;
    padding:20px;
    transition:.4s;
}

.news-box-1:hover{
    border-color:#9d8452;
}

.news-title-1{
    text-align:center;
    text-transform:uppercase;
    letter-spacing:3px;
    color:#d8bf82;
    font-size:14px;
    margin-bottom:18px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.news-box-1 ul{
    margin:0;
    padding-left:18px;
}

.news-box-1 li{
    margin-bottom:10px;
    color:#bdbdbd;
    line-height:1.5;
}

.news-box-1 li::marker{
    color:#b59655;
}

.news-header-1{
    position:relative;
    margin:-25px -25px 30px;
    padding:22px 0;

    background: #000;
    border-bottom:1px solid #8f6b2f;
    border-radius:18px 18px 0 0;

    text-align:center;

    overflow:hidden;
}

.news-header-1:before,
.news-header-1:after{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    font-size:28px;
    color:rgba(255,255,255,.45);
}

.news-header-1:before{
    left:30px;
}

.news-header-1:after{
    right:30px;
}

.news-header-1 span{
position: relative;
    z-index: 2;
    color: #d8af55;
    padding: 10px 50px;
    backdrop-filter: blur(5px);
    text-align: center;
    width: fit-content;
    text-transform: uppercase;
font-size: 42px;
}

.news-box-1-1 {
    height: 170px;
    overflow-y: scroll;
    padding: 13px;
}
.board-box-1 ul  li {
    list-style: circle;
    margin-left: 10px;
}
.news-box-1-1 a {
    color: #d8af55;
}
</stile>
[/html]