<!--HTML-->
<div class="html_tems">

<div class="html_tems_header">заголовок новости</div>

<div class="html_tems_text">
<h5>любимые игроки</h5>

Он не знал, что это за городок, потому что на дороге не было никаких знаков с названием. Указатель – сосновую доску с выцветшей от времени краской – еще лет двадцать назад сбил один дядька, который решил оприходовать за одну ночь сразу двоих любовниц. Его голова покоилась на груди Водки, а рука – на бедре у Виски, когда он утратил контроль над своим автомобилем. Указатель с названием города до сих пор валялся в нескольких футах от дороги, в густых зарослях пуэрарии, покоричневевший от крови, которая давным-давно высохла.

<h5>подзаголовок</h5>

Так что поначалу Кристиан даже не знал, в какой город он въехал. Он знал только одно: он где-то в Северной Каролине, денег почти не осталось, бензин тоже уже на исходе, и весь день было душно и жарко, и солнце все время грозило выглянуть из-за облаков. В общем, даже не зная названия города, Кристиан решил задержаться здесь на какое-то время.

Он ехал по шоссе № 42 и свернул с него налево; стало быть, он въехал в город со стороны Скрипичной улицы – мимо вросших в землю трейлеров и покосившихся лачуг, мимо маленьких кладбищ, заросших сорной травой, мимо куч искореженного железа. Он не почувствовал ничего: ни ужаса, ни волнения. По большому счету, ему было все равно, где жить. Я мог бы доехать до Сан-Франциско, – подумал он, – и глядя на мост «Золотые Ворота» и на огни Китайского квартала, я чувствовал бы то же самое. Ему нельзя было вернуться в Новый Орлеан, так что он мог поселиться в любом другом городе. Все равно, в каком.
</div>

<div class="html_tems_header">еще заголовок новости</div>

<div class="html_tems_text">
<h5>любимые игроки</h5>

Он не знал, что это за городок, потому что на дороге не было никаких знаков с названием. Указатель – сосновую доску с выцветшей от времени краской – еще лет двадцать назад сбил один дядька, который решил оприходовать за одну ночь сразу двоих любовниц. Его голова покоилась на груди Водки, а рука – на бедре у Виски, когда он утратил контроль над своим автомобилем. Указатель с названием города до сих пор валялся в нескольких футах от дороги, в густых зарослях пуэрарии, покоричневевший от крови, которая давным-давно высохла.
</div>

</div>

тут код красивый

<!--HTML-->
<div class="polosa"><table layout=fixed width=100%>
<tr>
<td>племенной персонаж</td>
</tr>
</table>
</div>

<!--HTML--><div class="prusheen-some" style="background: url(https://img3.goodfon.ru/wallpaper/nbig/a/5c/geiranger-norway-geyranger.jpg)">
  <div class="prusheen-inner">
    <div class="prusheen-text">
      <span>главная поляна</span>
     <div>
       Минуя тоннель в зарослях ежевики и утёсника, что окружают лагерь Грозового племени по периметру, воители попадают на главную поляну. Здесь довольно много свободного пространства, чтобы вместить всё племя, песчаная почва с редкой порослью травы, а так же много валунов, некоторые из которых воители приспособили под палатки, - всё это следствие того, что когда-то очень давно, когда коты ещё не заселили этот лес, на месте Грозового лагеря протекала река, отчего-то пересохшая и оставившая в лесу вымытую ложбинку. Ближе всего ко входу расположена палатка воителей, главных защитников племени. Далее огромная скала, с которой лидер племени проводит собрания и у подножия которой расположено его жилище. По другой стороне лагеря друг за другом виднеются палатка старейшин в поваленном дереве, палатка оруженосцев у старого пня и детская в зарослях ежевики. На противоположном конце лагеря можно заметить папоротниковый туннель, ведущий к пещере целителя, расщелине между камней. Коты Грозового племени любят проводить вечера у зарослей крапивы возле палатки воинов, где обсуждают события прошедшего дня, ужинают или просто вылизываются. На ночь у входа в лагерь обязательно оставляют одного или двух дозорных.
      </div></div>
  </div>
</div>
  <table>
<tr>
<td style="width:40%"><br>
ястребинка<br>
ракитник<br>
корень лопуха<br>
бурачник<br>
подмаренник<br>
тысячелистник<br>
солнце-ягоды<br>
листья дуба<br>
бузина<br>
лаванда<br>
пижма<br>
мяун-трава<br>
огоньки</td>
<td style="width:20%"><b>зима</b><br>
×<br>
×<br>
×<br>
×<br>
×<br>
×<br>
●<br>
×<br>
×<br>
×<br>
×<br>
●дек<br>
●<br>
</td>
<td style="width:20%"><b>весна</b><br>
●апр,май<br>
●май<br>
●май<br>
×<br>
×<br>
×<br>
×<br>
●<br>
●<br>
×<br>
×<br>
<br>
●март<br></td>
<td style="width:20%"><b>лето</b><br>
●<br>
●июль<br>
●<br>
●<br>
●<br>
×<br>
×<br>
●<br>
●<br>
●<br>
●<br>
●авг<br>
×<br></td>
<td style="width:20%"><b>осень</b><br>
●сент, окт<br>
×<br>
●сент<br>
×<br>
×<br>
●сент<br>
●сент<br>
●сент<br>
●сент<br>
×<br>
●сент<br>
●<br>
×<br></td>
</tr>
</table>
<style>
 /* css черти чего от вещего духа*/

.prusheen-some {
width: 100%;
height: 445px;
margin: 0;
position: relative;
overflow: hidden
}

.prusheen-inner {
background: #f4efeb; /* цвет белой подложки */
width:100%;
height: 100px;
position: absolute; 
bottom: -1px;
left: 0;
transition: all 1s cubic-bezier(.87,.11,.27,1.52) 0s}

.prusheen-text {
width: 80%;
margin: auto;
font: 500 10px/18px ruda; /* шрифт текста в большом блоке */
text-align: justify;
color: #1e1e1e; /* цвет шрифта */
margin-top: 10px;
transition: all 1s cubic-bezier(.87,.11,.27,1.52) 0s}

.prusheen-text > div { 
padding: 0 10px 0 10px;
overflow: auto;
height: 190px;
opacity: 0;
transition: all .5s linear 0s}

.prusheen-text > span {
display: block;
text-align: center;
font: 30px merriweather; /* шрифт текста заголовка */
height: 60px;
position: relative;
margin-bottom: 25px}

.prusheen-text > span:after {
content: "";
background: #555; /* цвет полосочки разделителя */
display: block;
height: 1px;
width: 100px;
position: absolute;
left:40%;
bottom: 0}

.prusheen-some:hover .prusheen-inner {
height: 380px;
clip-path: polygon(0% 100%, 100% 100%, 100% 0%,0% 0%);}
.prusheen-some:hover .prusheen-text {margin-top: 40px}
.prusheen-some:hover .prusheen-text > div {opacity: 1;
transition: all 1s linear .5s}
</style>
<link href="https://fonts.googleapis.com/css?family=Ruda:400,500,700&display=swap&subset=cyrillic" rel="stylesheet"> 

<!--HTML-->
<div class="html_tems">

<div class="html_tems_header">Приветствуем в Последнем Пристанище, имя</div>
<div class="html_tems_text">
<img src="https://upforme.ru/uploads/0019/ca/89/2/159535.gif" style="width:100%; border-radius:10px;"><br>
<a href="https://www.youtube.com/watch?v=I6z8KaCR0u0&t" style="font-size:9px;">map five giants</a>

<h5>перед игрой</h5>
<a href="https://cwshelter.ru/viewtopic.php?id=92">займи цепь имен</a> → <a href="https://cwshelter.ru/viewtopic.php?id=129">забронируй модель своего персонажа</a> → <a href="https://cwshelter.ru/viewtopic.php?id=87">оформи игровой профиль</a> → <a href="https://cwshelter.ru/viewtopic.php?id=81">отпишись в списке племен</a>

<h5>полезные ссылки</h5>
<a href="https://cwshelter.ru/viewtopic.php?id=84">игровые системы</a> → <a href="https://cwshelter.ru/viewtopic.php?id=80">новости</a> → <a href="https://cwshelter.ru/viewtopic.php?id=115">шаблон отношений</a> → <a href="https://cwshelter.ru/viewtopic.php?id=1016">летопись племен</a>

</div>

</div>