[html]
<style type="text/css">
.tabs { width: 100%; padding: 0px; margin: 0 auto; }
.tabs>input { display: none; }
.tabs>div {
    display: none;
    padding: 3px;
    border: 0px solid #C0C0C0;
}
.tabs>label {
    display: inline-block;
    padding: 0px;
    margin: 0 0px 0px 0;
    text-align: center;
    color: #666666;
    border: 0px solid #C0C0C0;
    cursor: pointer;
}
.tabs>input:checked + label {
    color: #000000;
    border: 0px solid #C0C0C0;
    border-bottom: 0px solid #FFFFFF;
    opacity: 1;
    padding: 6px;
}
#tab_1:checked ~ #txt_1,
#tab_2:checked ~ #txt_2,
#tab_3:checked ~ #txt_3,
#tab_4:checked ~ #txt_4 { display: block; }

  .name {
text-align: center;
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
}
.name:before {
display: block;
background-color: rgb(0, 0, 0);
content: "";
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
z-index: 2;
}

.name:after {
font-family: kurale;
color: white;
content: attr(alt);
display: block;
font-size: 8px;
opacity: 0;
padding: 0 3%;
position: absolute;
text-transform: none;
top: 50%;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0) translateY(-50%);
transform: scale(0) translateY(-50%);
width: 94%;
z-index: 3;
}

.name img {
border: none;
display: block;
z-index: 1;
}

.name:after {
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}

.name:hover:before {
opacity: 0.6;
}

.name:hover:after {
opacity: 1;
-webkit-transform: scale(1) translateY(-50%);
transform: scale(1) translateY(-50%);
}
 
 
  .backk {
    height: 752px;
    width: 564px;
    background-image: url("https://i.ibb.co/p2cKLWT/MW.jpg");
    background-position: top center;
    background-repeat: no-repeat;
margin: auto;
  }
 
  .textt1 {
    z-index: 10;
    height: 170px;
    width: 500px;
    text-align: justify;
    text-justify: inter - word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #dfe1df;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -165px;
    left: 20px;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
    background-image: url("https://i.ibb.co/vdknP74/giphy-1.gif");
    background-position: top center;
    background-repeat: no-repeat;
  }
 
.textt2 {
    z-index: 10;
    height: 5px;
    width: 480px;
    text-align: justify;
    text-justify: inter-word;
    font-size: 6.5px;
    font-family: kurale;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #FFF;
    position: relative;
    text-shadow: 0px 0px 1px #000000;
    bottom: -115px;
    left: 0px;
    background-color: #000;
    opacity: 0.85;
    padding: 10px 10px 10px 10px;
    border: #191d1e solid 0px;
  }
 
  .textt3 {
    z-index: 10;
    height: 350px;
    width: 495px;
    text-transform: uppercase;
    overflow: auto;
    text-align: justify;
    text-justify: inter-word;
    font-size: 7.5px;
    font-family: kurale;
    letter-spacing: 1px;
    color: #000000;
    position: relative;
    text-shadow: 0px 0px 0px #dfe1df;
    bottom: -130px;
    text-indent: 10px;
    opacity: 0.85;
    padding: 7px 7px 7px 7px;
    border: #191d1e solid 0px;
     left: 25px;
  }
 
  </style>
  <div class="backk">
    <div class="textt1">
      <div class="textt2">
<center> <font style="font-size: 8px;"> Внимательно приглянитесь к своему соседу по парте: он может оказаться среди них! </font></center>
      </div>
    </div>
    <div class="textt3"> <b> </b>
      <center><b> <font style="font-size: 16px; color: #D2691E;"> НА КАРАНДАШЕ У ПРОФЕССОРОВ</font> </b> </center>
      <br>

<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" 01.10.96. УРОК ЗАКЛИНАНИЙ, ПЯТЫЙ КУРС [C]"><strong> 01.10.96. УРОК ЗАКЛИНАНИЙ, ПЯТЫЙ КУРС [C]</strong></a></span></p>

<p><span style="font-family:verdana,geneva,sans-serif;">Процессор Флитвик добавляет в быт пятикурсников немного магии, а те изо всех сил стараются открыть ему новые грани, казалось бы, самого простого волшебства. И это буквально выбивает книжки у него из-под ног. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Jason Samuels"><strong>DAVID BOORMAN</strong></a>&nbsp;-&nbsp;  хороший мальчик Дэвид, гордость родителей и надежда факультета, возвращает в эту школу старую добрую традицию махача между Слизерином и Гриффиндором. И если вы думаете, что про махач – это мы фигурально, то вы просто на Заклинания с пятым курсом еще не ходили. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Richard Coote"><strong>Richard Coote</strong></a>&nbsp;-&nbsp; не успели Ричи выдать биту, как из славного добродушного кудряша он превратился в машину для отмщения. За Демельзу и двор палочкой машет в упор, не щадя ни противника, ни его мантию. А мы тут в «Дринкополитене» всегда говорили: квиддич – очень агрессивный спорт, смотрите, что с людьми делает, ай-яй. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Demelza Robins"><strong>Demelza Robins</strong></a>&nbsp;-&nbsp; как говорится, «ищите женщину» – и мы ее нашли. Гриффиндорка раздора, из-за которой искрит между сразу тремя соседями по парте, даже когда ее саму отсадят на другой конец класса. Самое прекрасное в этом, конечно, то, что Демельза вполне в состоянии как защититься, так и первой устроить драку совершенно самостоятельно. Girl power как оно есть. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" https://drinkbutterbeer.ru/viewtopic.php?id=3310]01.10.96. УРОК ТРАВОЛОГИИ, ШЕСТОЙ КУРС [С][/url]"><strong>01.10.96. УРОК ТРАВОЛОГИИ, ШЕСТОЙ КУРС [С]</strong></a></span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"> Фраза «Меня душит эта ваша учеба» никогда не была так актуальна, как недавно на Травологии. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Aiden O`Connor"><strong>THOMAS PALEY</strong></a>&nbsp;-&nbsp; обаятельный гриффиндорец, знающий все про вибрации тентакулы и ненавидящий вопросы про прическу даже больше, чем Поттер – фразу «У тебя глаза твоей матери», Томас легко переживает все невзгоды Травологии, очаровывая прекрасных дам и подбешивая окружающих слизеринцев. А уж у стручков там и вовсе не было шансов. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Lynette Sawley"><strong>Lynette Sawley</strong></a>&nbsp;-&nbsp; у хаффлпаффцев наверняка есть какие-то читы на Травологию, иначе чем вообще объяснить то, как ловко Линетт управляется с тентакулой, пока рядом отряд гриффиндорок получает от растения порцию синяков, и даже слизеринский приятель не в состоянии повторить за Соули ее успех? Запомните, дети: страшнее барсука в теплице зверя нет. И не ходите туда без хаффлпаффцев на всякий случай. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" https://drinkbutterbeer.ru/viewtopic.php?id=3309 04.10.96. УРОК ЗОТИ, СЕДЬМОЙ КУРС [С][/url]"><strong> 04.10.96. УРОК ЗОТИ, СЕДЬМОЙ КУРС [С]</strong></a></span></p>
<p><span style="font-family:verdana,geneva,sans-serif;">«Проклятье!» - скажете вы, увидев Снейпа в роли учителя ЗоТИ. Молодцы – тему урока вы уже угадали. А теперь попытайтесь выжить. Время пошло!  </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Mordred Vaisey"><strong>Mordred Vaisey</strong></a>&nbsp;-&nbsp;не пытайтесь повторить это в быту, трюк выполнен на свой страх и риск, а выживание после него больше похоже на чудо. И это мы не про демонстрацию всему классу своих гусениц и даже не про попытку проклясть Снейпа, а про решение заодно его еще и во всеуслышание подколоть. Совсем вы себя не бережете, студентики, а мы-то думали, это у Гриффиндора суицидальность в комплекте с красным шарфом идет.  </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Anthony Rickett"><strong>Anthony Rickett</strong></a>&nbsp;-&nbsp; если кто-то и говорил Тони, что тому стоит стремиться к высокому, то понял его Рикетт определенно слишком буквально. Ну, летает – значит растет, хотя куда уж дальше-то. Впрочем, как говорится, чем бы хаффлпаффский загонщик ни тешился, лишь бы напарницу в наручники не заковывал, а то эти шутки про любовь квиддичистов к боли и страданиям ни один возрастной ценз «Дринкополитена» не пропустит. </span></p>
<p><span style="font-family:verdana,geneva,sans-serif;"><a href=" Maxine O'Flaherty"><strong>Maxine O'Flaherty</strong></a>&nbsp;-&nbsp;общеизвестно, что за каждым успешным мужчиной стоит сильная женщина, и вряд ли бы Тони оказался в нашем списке, если бы не выдающийся пример командной работы с Макс. Вот уж воистину девушка, воспламеняющая взглядом и мотивирующая раз за разом устремляться ввысь. А, помимо набора проклятий, у нее еще и обморочные орешки найдутся – для тех, кто от переизбытка эмоций готов лишиться чувств. И, ей-Мерлин, не ее вина, если сосед по парте решил выбрать более хардкорный путь. </span></p>
<br>
<br>

    </div>
  </div>
</center>[/html]