<!--HTML--><style>
  
  .jfb {
    width: 550px;
    height: auto;
    background-color: #000000;
    margin: 0 auto; 
    overflow: auto; 
    position: relative;
    font: normal normal normal 11px/110% 'Helvetica', 'Arial', sans-serif;
  }
  
  .jfb ::-webkit-scrollbar { width: 3px; }
  .jfb ::-webkit-scrollbar-track { background-color: #121212; }
  .jfb ::-webkit-scrollbar-thumb { background-color: #0e345b; }
  
  .jfb .jprofile {
    position: absolute;
    top: 120px; 
    left: 18px;
    border: 3px solid #0e345b;
    outline: 1px solid #0e345b;
  }
  
  .jfbtabbar {
    width: 100%;
    background-color: #121212;
    height: 40px;
    border-bottom: 1px solid #0e345b;
    border-right: 1px solid #121212;
    border-left: 1px solid #121212;
    box-sizing: border-box; 
    
    text-align: center;
    font: normal normal normal 12px/40px 'Helvetica', 'Arial', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  
  .jfbtabcontainer {
    margin: 5px;
    position: relative;
    height: 420px;
  }
  
  .jfbtab { float: left; }
  
  .jfbtab input[type=radio] { display: none; }
  
  .jfbtab .jfcontent { opacity: 0; }

  .jfbtab input[type=radio]:checked ~ label ~ .jfcontent { opacity: 1; z-index: 2; }
  
  .jfbtab label {
    display: block;
    height: 40px;
    padding: 0 14px;
    margin: 2px -1px 0 0;
    position: relative;
    top: -47px;
    left: 130px;
    
    font: normal normal bold 12px/40px 'Helvetica', 'Arial', sans-serif;
    text-transform: none;
    letter-spacing: normal;
    color: #6d84b4;
  }
  
  .jfbtab input[type=radio]:checked ~ label {
    color: #0e345b;
  }
  
  .jfbtab input[type=radio]:checked ~ label:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 42%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 10px solid #0e345b;
  }
  
  .jfcontent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  
  .jfbwide {
    border: 1px solid #0e345b;
    background-color: #797a6f;
  }
  
  .jfbwide h1 {
    background-color: #797a6f;
    padding: 20px;
    margin: 0;
    border-bottom: 1px solid #0e345b;
  }
  
  .jfbscroll {
    margin: 10px;
    padding-right: 5px;
    height: 345px;
    overflow: auto;
  }
  
  .jfbphotos img {
    border: 0; 
    padding: 0;
    float: left; 
    margin: 1px;
    width: 100px;
    height: 100px;
  }
  
  .jfbfriend {
    width: 49%;
    display: inline-block;
    height: 80px;
    overflow: auto;
  }
  
  .jfbfriend img { float: left; margin-right: 5px;}
  
  .jfbwide h2 {
    margin: 0;
    float: left;
    font: normal normal bold 16px/80px 'Helvetica', 'Arial', sans-serif;
    color: #301908;
  }
  
  .jfbwide h3 {
    font: normal normal bold 12px/100% 'Helvetica', 'Arial', sans-serif;
    margin: 0 0 20px 10px;
    padding: 3px 5px;
    color: #797a6f;
  }
  
  .jfbwide h3:nth-of-type(1) {
    margin-top: 30px;
    border-left: 3px solid #301908;
    color: #797a6f;
  }
  
  .jfbwide h4 {
    margin: 15px 0 5px;
    border-bottom: 1px solid #0e345b;
    padding-left: 20px;
    text-transform: uppercase;
    font: normal normal bold 9px/100% 'Helvetica', 'Arial', sans-serif;
    color: #888;
  }
  
  .jfbwide h4:nth-of-type(1) {
    margin-top: 0;
  }
  
  .jfbnarrow p {
    text-indent: 5px;
  }
  
  .jfbnarrow span {
    color: #6d84b4;
  }
  
  .jffloatleft { 
    height: 365px;
    width: 29%;
    float: left; 
    border-right: 1px solid #0e345b;
  }
  
  .jfbnarrow {
    padding: 20px;
    box-sizing: border-box;
  }
  
  .jffloattall {
    height: 405px;
    box-sizing: border-box;
    padding: 10px 10px 0 5px;
  }
  
  .jfbpost {
    height: auto;
    background-color: #121212;
    border: 1px solid #0e345b;
    margin-bottom: 20px;
  }
  
  .jfbpost:last-child { 
    margin-bottom: 0; }
  
  .jfbpostmain {
    background-color: #828e8e;
    padding: 15px;
    text-align: justify;
  }
  
  .jffloattall span {
    color: #0e345b;
  }
  
  .jpostimage {
    float: left; 
    margin-right: 15px;
  }
  
  .jfbpostmain h5 {
    margin: 14px 0 18px 0;
    font: normal normal bold 14px/100% 'Helvetica', 'Arial', sans-serif;
    color: #301908;
  }
  
  .jfbpostmain h5 span {
    display: block;
    font-weight: normal;
    font-size: 10px;
    color: #301908;
  }
  
  .jfblike {
    margin-top: 10px;
    color: #0e345b;
  }
  
  .jfblike2 {
    color: #0e345b;
    margin: 10px;
  }
  
  .jpostimage {
    max-width: 100%;
    display: block;
    margin-bottom: 5px;
  }
  
</style>

<div class="jfb">


<img src="http://funkyimg.com/i/21RSj.png" class="jcover">


<img src="http://placehold.it/100" class="jprofile">

<div class="jfbtabbar">



</div>
  
<div class="jfbtabcontainer">


<div class="jfbtab">
<input type="radio" id="jtimeline" name="jfbgroup-1" checked>
<label for="jtimeline"> NEW MUTANTS </label>
<div class="jfcontent">

<div class="jffloatleft jffloattall">

<div class="jfbpost">
<div class="jfbpostmain">

<center><b>Remy LeBeau</b></center><br>
Команда Гамбита носит название «Новые мутанты», цвета формы – <b>жёлтая с белым</b>.<br>
В представлении команды, как и в сюжете ролевой игры не учитывается День М, массовая потеря способностей и нападение Очисти-телей Страйкера, повлекшие за собой многочисленные смерти студентов.

</div>
</div>

</div>
<div class="jfbscroll jfbnarrow jffloattall" style="padding: 10px;">


<div class="jfbpost">
<div class="jfbpostmain">

<img src="http://funkyimg.com/i/21KYY.png" class="jpostimage">
<h5>WIND DANCER
<span>Sofia Mantega, 20</span>
</h5>

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

<div class="jfblike"></div></div>

<div class="jfblike2"><center>portrayed by Lindsey Morgan</center></div>

</div>


<div class="jfbpost">
<div class="jfbpostmain">

<img src="http://funkyimg.com/i/21KYX.png" class="jpostimage">
<h5>WALLFLOWER
<span>Laurie Collins, 20</span>
</h5>

Лори мутант во втором поколении. Ее отец обладал той же способностью, а именно генерацией эмпатических феромонов. Только с помощью способностей он добивался лёгких денег, женщин и славы. Ее мать была одной из таких женщин, пока у неё не образовался иммунитет к его способностям из-за того, что она была беременна Лори. Она ушла от мужа и вырастила Коллинз в одиночку, из-за чего девушка выросла очень замкнутой. 
Когда она попала в Институт, ее замкнутость и необщительность никуда не ушли, и её способности часто приносили проблемы. Но потом Лори познакомилась с Ветряной Танцовщицей, которая благодаря своим способность могла отгонять феромоны Лори, и они подружись. Дэвил Аллейн и Кевин Форд тоже стали её друзьями, а со временем Лори и Кевин ощутили взаимную симпатию к друг другу. В Институте Лори постоянно страдала от издевок Келлера.
А затем она была ранена и исцелена Эликсиром. Так возникла новая взаимная симпатия, которая быстро превратилась в эдакий любовный треугольник.
Способность – <b>генерация эмпатических феромонов</b>.

<div class="jfblike"></div></div>

<div class="jfblike2"><center>portrayed by Dianna Agron</center></div>

</div>



<div class="jfbpost">
<div class="jfbpostmain">

<img src="http://funkyimg.com/i/21KYW.png" class="jpostimage">
<h5>SURGE
<span>Noriko Ashida, 21</span>
</h5>

Родилась в Токио и была очень близка со своей семьей, пока в 13 лет не сбежала из дома. Именно тогда проявились её способности. Её отец не верил в мутантов. Четыре года она провела на улицах Нью-Йорка, пока в один прекрасный день не постучалась в двери Института Ксавье. Ей очень «повезло» и её встретил Джулиан Келлер. Парень поиздевался над Волной, и она снова сбежала. Эликсир и Ветряная Танцовщица отправились на поиски и нашли девушку за покупкой наркотиков, но им удалось вернуть Норико в Институт, где Зверь начал разработку специального костюма для неё. Ее способность – <b>электрокинез</b>. А так же она способна выпускать потоки света с помощью электричества. Из-за способности создавать электрическую энергию, обладает суперскоростью.
<div class="jfblike"></div></div>
<div class="jfblike2"><center>portrayed by Jessica Stroup</center></div>
</div>



<div class="jfbpost">
<div class="jfbpostmain">

<img src="http://funkyimg.com/i/21KYX.png" class="jpostimage">
<h5>Name
<span>Sunday, May 5th</span>
</h5>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum consectetur et enim id mollis. Mauris a felis molestie, maximus lorem id, molestie libero. Cras tempor ultrices fermentum. Integer et fringilla ante. Sed nisi arcu, commodo id faucibus luctus, pellentesque et est. 

<div class="jfblike">Like &bull; Comment &bull; Share</div></div>

<div class="jfblike2">4 people like this</div>

</div>


</div>

</div>
</div>

</div>
</div>

</div>
</div>




</div>
</div>