[html]<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<style>
#sfos {width: 610px;}

.the-image {width: 500px; height: 200px;}
.the-image .the-hover {margin: auto 15px 10px 10px; padding: 10px; background-color: rgba(255,255,255, 0.9); opacity: 0; height: 80px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; position: relative; top: 10px;}
.the-image:hover .the-hover {opacity: 1.0;}

.the-bottom {width:486px; padding: 7px; background-color: #322f2f; text-align: center; font-family: dosis; text-transform: uppercase; color: #fff; font-size: 16px;}
.the-small {font-family: verdana; letter-spacing: 2px; text-align: center; font-size: 6px; color: #fff; margin-top: -2px;}

.the-writing {font-family: verdana; color: #121212; font-size: 10px; text-align: justify; overflow: auto; height: 80px; padding: 0px 5px; }
.the-writing b {color: #FB5472;}
</style>
<center><div id="sfos">

<table cellspacing="0" cellpadding="0"><td><div class="the-image" style="background-image: url(http://savepic.ru/7165780.png);"><div class="the-hover"><div class="the-writing">

  Харви Дент с рождения вошёл в жизнь полную тягости и невзгод. Росший в семье низшего класса, он вызывал инстинктивную неприязнь и отвращение у тех, кто стоял выше по социальной лестнице. Его сильный, жестокий и психически больной отец периодически издевался и унижал его, когда тот был ещё ребёнком. Играя с ним  в свою любимую игру с монеткой, подбрасывая которую, он обещал, что не будет бить его, если монета упадёт "решкой". Мальчик заранее знал результат, поскольку монетка имела две одинаковые стороны.. Эта тяжёлая обстановка, в дальнейшем, послужила причиной перелома психики Дента и развития психического заболевания - шизофрении, с последующим раздвоением личности. Его усердие и жесткий характер, тем не менее, позволили ему "подняться" до адвоката, и, в конечном счете, стать окружным прокурором Готэма..   

</div></div></div>
<div class="the-bottom"> Two-Face /Двуликий
<div class="the-small">
<b>Настоящее имя:</b> Харви Дент  <br>
<b>Альтр-Эго:</b>Многоликий, Двухголовый <br>
<b>Способности: </b><br>
Двуликий не имеет сверхчеловеческих способностей и сил. Его сила как у человека его возраста, регулярно занимающегося физическими упражнениями.
Блестящий адвокат и специалист в делах, касающихся уголовного кодекса.
После восстановления личности Харви Дента, он был обучен Бэтмэном технике рукопашного боя и детективному мастерству.
После превращения в Двуликого учился у Дезстроука-Уничтожителя (Deathstroke Terminator) стал великолепным стрелком-снайпером.
Неплохо обращается со взрывчаткой
Также, Двуликий хороший организатор, мастер шантажа и террактов. У него достаточное количество подручных для организации собственной армии. 
Данная его безумием непредсказуемость делает весьма опасным противником.
</div></div></td>

[html]<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<style>
#sfos {width: 610px;}

.the-image {width: 500px; height: 200px;}
.the-image .the-hover {margin: auto 15px 10px 10px; padding: 10px; background-color: rgba(255,255,255, 0.9); opacity: 0; height: 80px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; position: relative; top: 10px;}
.the-image:hover .the-hover {opacity: 1.0;}

.the-bottom {width:486px; padding: 7px; background-color: #322f2f; text-align: center; font-family: dosis; text-transform: uppercase; color: #fff; font-size: 16px;}
.the-small {font-family: verdana; letter-spacing: 2px; text-align: center; font-size: 6px; color: #fff; margin-top: -2px;}

.the-writing {font-family: verdana; color: #121212; font-size: 10px; text-align: justify; overflow: auto; height: 80px; padding: 0px 5px; }
.the-writing b {color: #FB5472;}
</style>
<center><div id="sfos">

<table cellspacing="0" cellpadding="0"><td><div class="the-image" style="background-image: url(http://savepic.ru/7179095.png);"><div class="the-hover"><div class="the-writing">

"Я не фанатик и не безумец. Я, как минимум, реалист и футурист в лучшем случае. Кто-то не согласится. Таким образом, мы должны защитить и сохранить то, что человечество может подвергнуть грабежу и насилию. Однажды мир отблагодарит нас. "

</div></div></div>
<div class="the-bottom"> Ra's al Ghul /Ра'с аль Гул
<div class="the-small">
<b>Настоящее имя:</b>Неизвестно  <br>
<b>Альтр-Эго:</b>Голова Демона , Терри Жен Касе <br>
<b>Способности: </b><br>
Увеличенная сила<br>
Увеличенная скорость<br>
Увеличенная выносливость<br>
Увеличенная ловкость<br>
Увеличенный срок жизни<br>
Мастер боевых искусств<br>
Мастер фехтования<br>
Мастер тактики<br>
Интеллект уровня гения
</div></div></td>

[html]<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<style>
#sfos {width: 610px;}

.the-image {width: 500px; height: 200px;}
.the-image .the-hover {margin: auto 15px 10px 10px; padding: 10px; background-color: rgba(255,255,255, 0.9); opacity: 0; height: 80px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; position: relative; top: 10px;}
.the-image:hover .the-hover {opacity: 1.0;}

.the-bottom {width:486px; padding: 7px; background-color: #322f2f; text-align: center; font-family: dosis; text-transform: uppercase; color: #fff; font-size: 16px;}
.the-small {font-family: verdana; letter-spacing: 2px; text-align: center; font-size: 6px; color: #fff; margin-top: -2px;}

.the-writing {font-family: verdana; color: #121212; font-size: 10px; text-align: justify; overflow: auto; height: 80px; padding: 0px 5px; }
.the-writing b {color: #FB5472;}
</style>
<center><div id="sfos">

<table cellspacing="0" cellpadding="0"><td><div class="the-image" style="background-image: url(http://savepic.ru/7164759.png);"><div class="the-hover"><div class="the-writing">

 «Отцом» Думсдэя был инопланетный ученый по имени Бертрон (Bertron), который прибыл несколько сотен тысяч лет назад на древний Криптон. Он был одержим идеей создать такое существо, которое могло бы выжить в любой окружающей среде и даже обмануть смерть. Бертрон вырастил младенца в пробирке и отправил его на поверхность планеты, кишащей хищниками. В первые секунды пребывания на планете он был растерзан монстрами. Бертрон приказал своим слугам собрать всё, что осталось от младенца, и клонировал из него нового, но уже с улучшениями. Его легкие за секунды сгорали в токсичной атмосфере планеты.

</div></div></div>
<div class="the-bottom"> Doomsday /Думсдэй
<div class="the-small">
<b>Настоящее имя:</b> Думсдэй  <br>
<b>Альтр-Эго:</b>Судный День <br>
<b>Способности: </b><br>
Бессмертие<br>
Регенерация<br>
Сверхчеловеческая сила<br>
Неуязвимость<br>
Поглощение суперспособностей<br>
Иммунитет к телепатии<br>
Иммунитет к криптониту<br>
Огненное дыхание<br>
Костяные снаряды
</div></div></td>

[html]<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<style>
#sfos {width: 610px;}

.the-image {width: 500px; height: 200px;}
.the-image .the-hover {margin: auto 15px 10px 10px; padding: 10px; background-color: rgba(255,255,255, 0.9); opacity: 0; height: 80px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; position: relative; top: 10px;}
.the-image:hover .the-hover {opacity: 1.0;}

.the-bottom {width:486px; padding: 7px; background-color: #322f2f; text-align: center; font-family: dosis; text-transform: uppercase; color: #fff; font-size: 16px;}
.the-small {font-family: verdana; letter-spacing: 2px; text-align: center; font-size: 6px; color: #fff; margin-top: -2px;}

.the-writing {font-family: verdana; color: #121212; font-size: 10px; text-align: justify; overflow: auto; height: 80px; padding: 0px 5px; }
.the-writing b {color: #FB5472;}
</style>
<center><div id="sfos">

<table cellspacing="0" cellpadding="0"><td><div class="the-image" style="background-image: url(http://savepic.ru/7196502.png);"><div class="the-hover"><div class="the-writing">

Суперзлодей DC Comics и заклятый враг Супермена, созданный Джереми Сигелом и Джо Шустером. Он больше известен как злодей из историй про Супермена, хотя впервые он появился в «Action Comics» № 23 (1940) как игрок на банджо. В разных версиях комикса, характер Лекса отличался: от вдохновленого безумного ученого до аморального бизнесмена. В одном из вариантов комикса 1960 года, Лутор был изображен озлобленным ученым, который обвиняет Супермена в несчастном случае в лаборатории, после которого Лутор начал лысеть. В 1980-ых, он был переписан как бессовестный промышленник и беловоротничковый преступник. В одном варианте комиксов, Лекс успел побывать даже президентом США.

</div></div></div>
<div class="the-bottom"> Lex Luthor/Лекс Лутор
<div class="the-small">
<b>Настоящее имя:</b> Александр Джозеф Лутор, Лекс Лутор, Алексей Лутор  <br>
<b>Альтр-Эго:</b>Лекс Лутор <br>
<b>Способности: </b><br>
гениальный ум<br>
инженерный гений<br>
</div></div></td>

[html]<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<style>
#sfos {width: 610px;}

.the-image {width: 500px; height: 200px;}
.the-image .the-hover {margin: auto 15px 10px 10px; padding: 10px; background-color: rgba(255,255,255, 0.9); opacity: 0; height: 80px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; position: relative; top: 10px;}
.the-image:hover .the-hover {opacity: 1.0;}

.the-bottom {width:486px; padding: 7px; background-color: #322f2f; text-align: center; font-family: dosis; text-transform: uppercase; color: #fff; font-size: 16px;}
.the-small {font-family: verdana; letter-spacing: 2px; text-align: center; font-size: 6px; color: #fff; margin-top: -2px;}

.the-writing {font-family: verdana; color: #121212; font-size: 10px; text-align: justify; overflow: auto; height: 80px; padding: 0px 5px; }
.the-writing b {color: #FB5472;}
</style>
<center><div id="sfos">

<table cellspacing="0" cellpadding="0"><td><div class="the-image" style="background-image: url(http://savepic.ru/7188310.png);"><div class="the-hover"><div class="the-writing">

Памела Лиллиан Айзли - преуспевающий ботаник, соблазненная профессором Марком ЛеГрандом (Marc LeGrande). Вместе они крадут вазу с редкими травами, после профессор пытается избавиться от девушки, отравив ее ядом. Травы из вазы дают девушке суперсилу. Так рождается злодейка Ядовитый Плющ.

</div></div></div>
<div class="the-bottom"> Poison Ivy /Ядовитый Плющ
<div class="the-small">
<b>Настоящее имя:</b> Памела Айзли  <br>
<b>Альтр-Эго:</b>Рыжая , Айви <br>
<b>Способности: </b><br>
Иммунитет к ядам<br>
Контроль растений<br>
Ядовитое прикосновение <br>
Ботаник<br>
Токсиколог<br>
Владение приёмами рукопашного боя
</div></div></td>

[html]<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<style>
#sfos {width: 610px;}

.the-image {width: 500px; height: 200px;}
.the-image .the-hover {margin: auto 15px 10px 10px; padding: 10px; background-color: rgba(255,255,255, 0.9); opacity: 0; height: 80px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; position: relative; top: 10px;}
.the-image:hover .the-hover {opacity: 1.0;}

.the-bottom {width:486px; padding: 7px; background-color: #322f2f; text-align: center; font-family: dosis; text-transform: uppercase; color: #fff; font-size: 16px;}
.the-small {font-family: verdana; letter-spacing: 2px; text-align: center; font-size: 6px; color: #fff; margin-top: -2px;}

.the-writing {font-family: verdana; color: #121212; font-size: 10px; text-align: justify; overflow: auto; height: 80px; padding: 0px 5px; }
.the-writing b {color: #FB5472;}
</style>
<center><div id="sfos">

<table cellspacing="0" cellpadding="0"><td><div class="the-image" style="background-image: url(http://savepic.ru/7182166.png);"><div class="the-hover"><div class="the-writing">

 Дэдшота принято считать вторым по мастерству наемным убийцей во всем мире. Первым считается Дэфстроук.

</div></div></div>
<div class="the-bottom">Deadshot /Дэдшот
<div class="the-small">
<b>Настоящее имя:</b>Флойд Лоутон  <br>
<b>Альтр-Эго:</b>Дэдшот ; Человек, Который Никогда Не Промахивается <br>
<b>Способности: </b><br>
Особо меткий стрелок<br>
Пиковая реакция
</div></div></td>

[html]<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Dosis' rel='stylesheet' type='text/css'>
<style>
#sfos {width: 610px;}

.the-image {width: 500px; height: 200px;}
.the-image .the-hover {margin: auto 15px 10px 10px; padding: 10px; background-color: rgba(255,255,255, 0.9); opacity: 0; height: 80px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; position: relative; top: 10px;}
.the-image:hover .the-hover {opacity: 1.0;}

.the-bottom {width:486px; padding: 7px; background-color: #322f2f; text-align: center; font-family: dosis; text-transform: uppercase; color: #fff; font-size: 16px;}
.the-small {font-family: verdana; letter-spacing: 2px; text-align: center; font-size: 6px; color: #fff; margin-top: -2px;}

.the-writing {font-family: verdana; color: #121212; font-size: 10px; text-align: justify; overflow: auto; height: 80px; padding: 0px 5px; }
.the-writing b {color: #FB5472;}
</style>
<center><div id="sfos">

<table cellspacing="0" cellpadding="0"><td><div class="the-image" style="background-image: url(http://savepic.ru/7161686.png);"><div class="the-hover"><div class="the-writing">

После того, как его жена подверглась неизлечимой болезни, доктор Виктор Фриc посвятил свою жизнь ее спасению. Он использовал криогенику, чтобы выбить хоть какое-то время, чтобы найти лекарство. После несчастного случая Виктор должен остаться в крио-костюме, чтобы жить, так появился Мистер Фриз.  

</div></div></div>
<div class="the-bottom">Mister Freeze/Мистер Фриз
<div class="the-small">
<b>Настоящее имя:</b>Виктор Фрис <br>
<b>Альтр-Эго:</b> Фриз , Мистер Зеро <br>
<b>Способности: </b><br>
Замедленное Старение<br>
Интеллект на уровне гения<br>
Эксперт в криогенике
</div></div></td>