[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.su/5664392.png);"><div class="the-hover"><div class="the-writing">

Зеленая стрела – это непримиримый борец, супергерой, который борется с преступностью с помощью стрельбы из лука, военных искусств и прикладных наук. В своей секретной личности он – Оливер Куин, живущий в Стар Сити, преуспевающий плейбой, предприниматель-миллионер. Они лидер Команды Стрела; также он был членом Лиги Справедливости и Изгоев.


</div></div></div>
<div class="the-bottom">Green Arrow/Зеленая стрела
<div class="the-small">
<b>Настоящее имя:</b>Оливер Квин (Oliver Queen) <br>
<b>Альтр-Эго:</b>  Олли, Зеленая Стрела, Изумрудный Лучник  <br>
<b>Способности: </b><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.su/5655176.png);"><div class="the-hover"><div class="the-writing">

Арсенал — нынешняя кличка  Роя Харпера,  напарника и подопечного Зелёной Стрелы (Green Arrow). Он также был известен по кличке Шустрик. Хотя у Роя нет сверхспособностей, с его точностью может сравниться лишь его наставник.



</div></div></div>
<div class="the-bottom">Arsenal / Арсенал
<div class="the-small">
<b>Настоящее имя:</b>Рой Уильям Харпер Младший (Roy William Harper, Jr.) <br>
<b>Альтр-Эго:</b>  Арсенал, Спидди  <br>
<b>Способности: </b><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.su/5660296.png);"><div class="the-hover"><div class="the-writing">

Дина  была ребенком в семье, чья династия состояла из одних полицейских. Поэтому её выбор будущей профессии был очевиден. В поисках справедливости она жестко наказывала преступников, и её не смущали высокие чины и огромное влияние. Когда она поняла, что по-другому с преступностью не справиться, Дина  стала Чёрной Канарейкой. 
</div></div></div>
<div class="the-bottom">Black Canary /Чёрная Канарейка
<div class="the-small">
<b>Настоящее имя:</b>Дина Лаурэль Лэнс (Dina Laurel Lance) <br>
<b>Альтр-Эго:</b> Сью Джерк Джаи Прелестная Птичка   <br>
<b>Способности: </b><br>
Крик Канарейки<br>
Владение боевыми искусствами<br>
Мастер тактики и стратегии<br>
Детектив
</div></div></td>