Код:
<!--HTML--><link href='https://fonts.googleapis.com/css?family=Playfair+Display&subset=latin,cyrillic,latin-ext' rel='stylesheet' type='text/css'><style>
.korpus > div, .korpus > input { display: none; }
.korpus {text-align: center;
padding: 5px;}
.korpus label {padding-top: 5px;
width: 170px;
text-align: center;
height: 20px;
font-family: verdana;
letter-spacing: 2px;
text-transform: uppercase;
display: inline-block;
font-weight: bold;
color: #000000;}
.korpus label:hover {color: #381c04;}
.korpus input[type="radio"]:checked + label { border-bottom: 2px solid #381c04;}
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3) {display: block; padding: 5px; text-align: justify;}
</style>
<div class="korpus">
<input type="radio" name="appearance" checked="checked" id="appearance1"/><label for="appearance1">ladies</label>
<input type="radio" name="appearance" id="appearance2"/><label for="appearance2">gentlemen</label>
<div><br><div style="font-family: 'Playfair Display', serif; text-align: center; color: #180707; font-size: 16px; text-transform: uppercase; font-weight: bold;">A . B . C . D . E</div>
<br><br>
<div style="font-family: arial; text-align: center; font-size: 11px; text-transform: lowercase;"><b><a href="http://21guns.rusff.me/profile.php?id=103">a</b>kimoto kozue</a> [<b><small>model</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=83">c</b>hou tzuyu</a> [<b><small>twice</small></b>]<br>
<a href="http://21guns.rusff.me/profile.php?id=86">c</b>heng xiao</a> [<b><small>wjsn</small></b>]<br>
</div>
<br><br>
<div style="font-family: 'Playfair Display', serif; text-align: center; color: #180707; font-size: 16px; text-transform: uppercase; font-weight: bold;">F . G . H . I . J</div>
<br><br>
<div style="font-family: arial; text-align: center; font-size: 11px; text-transform: lowercase;"><b><a href="http://21guns.rusff.me/profile.php?id=14">h</b>irai momo</a> [<b><small>twice</small></b>]</div>
<br><br>
<div style="font-family: 'Playfair Display', serif; text-align: center; color: #180707; font-size: 16px; text-transform: uppercase; font-weight: bold;">K . L . M . N . O</div><br><br>
<div style="font-family: arial; text-align: center; font-size: 11px; text-transform: lowercase;"><b><a href="http://21guns.rusff.me/profile.php?id=90">k</b>im jiyeon</a> [<b><small>lovelyz</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=5">k</b>im yongsun</a> [<b><small>mamamoo</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=61">l</b>ee chae rin</a> [<b><small>2ne1</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=93">l</b>ee jieun</a> [<b><small>actress, model</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=67">l</b>ee min jung</a> [<b><small>actress, model</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=77">l</b>ee serine (kasper)</a> [<b><small>solo</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=22">m</b>inatozaki sana</a> [<b><small>twice</small></b>]<br>
<b><a href="21guns.rusff.me/profile.php?id=9">m</b>oon hyuna</a> [<b><small>nine muses</small></b>]</div>
<br><br>
<div style="font-family: 'Playfair Display', serif; text-align: center; color: #180707; font-size: 16px; text-transform: uppercase; font-weight: bold;">P . Q . R . S . T</div>
<br><div style="font-family: arial; text-align: center; font-size: 11px; text-transform: lowercase;"><b><a href="http://21guns.rusff.me/profile.php?id=12">p</b>ark hyemin</a> [<b><small>model</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=102">s</b>eo ye ji</a> [<b><small>actress</small></b>]<br></div><br><br>
<div style="font-family: 'Playfair Display', serif; text-align: center; color: #180707; font-size: 16px; text-transform: uppercase; font-weight: bold;">U . V . W . X . Y . Z</div>
<br><br>
</div>
<div><br><div style="font-family: 'Playfair Display', serif; text-align: center; color: #180707; font-size: 16px; text-transform: uppercase; font-weight: bold;">A . B . C . D . E</div>
<br><br>
<div style="font-family: arial; text-align: center; font-size: 11px; text-transform: lowercase;"><b><a href="http://21guns.rusff.me/profile.php?id=29">b</b>ang yong guk</a> [<b><small>b.a.p.</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=52">b</b>yun baek hyun</a> [<b><small>exo</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=33">c</b>hoi joon hong</a> [<b><small>b.a.p.</small></b>]<br>
</div><br><br>
<div style="font-family: 'Playfair Display', serif; text-align: center; color: #180707; font-size: 16px; text-transform: uppercase; font-weight: bold;">F . G . H . I . J</div><br><br>
<div style="font-family: arial; text-align: center; font-size: 11px; text-transform: lowercase;">
<b><a href="http://21guns.rusff.me/viewtopic.php?id=146">j</b>ackson wang</a> [<b><small>got7</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=4">j</b>eon jeongguk</a> [<b><small>bts</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=57"> j</b>ung hoseok</a> [<b><small>bts</small></b>]<br></div>
<br><br>
<div style="font-family: 'Playfair Display', serif; text-align: center; color: #180707; font-size: 16px; text-transform: uppercase; font-weight: bold;">K . L . M . N . O</div><br><br>
<div style="font-family: arial; text-align: center; font-size: 11px; text-transform: lowercase;">
<b><a href="http://21guns.rusff.me/profile.php?id=85">k</b>im hanbin</a> [<b><small>ikon</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=41">k</b>im jiwon</a> [<b><small>ikon</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=34">k</b>im jinhwan</a> [<b><small>ikon</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=74">k</b>im seokjin</a> [<b><small>bts</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=94"></b>kim yu kwon</a> [<b><small>block b</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=6">k</b>im taehyung</a> [<b><small>bts</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=20">l</b>ee taemin</a> [<b><small>shinee</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=31">l</b>ee seung hwan</a> [<b><small>actor, model</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=82"></b>mark tuan</a> [<b><small>got7</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=59">m</b>in yoon gi</a> [<b><small>bts</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=73">m</b>oon taeil</a> [<b><small>nct</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=11">n</b>am taehyun</a> [<b><small>winner</small></b>]<br>
</div>
<br><br>
<div style="font-family: 'Playfair Display', serif; text-align: center; color: #180707; font-size: 16px; text-transform: uppercase; font-weight: bold;">P . Q . R . S . T</div>
<br><br>
<div style="font-family: arial; text-align: center; font-size: 11px; text-transform: lowercase;">
<b><a href="http://21guns.rusff.me/profile.php?id=62">p</b>ark hae jin</a> [<b><small>actor, model</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=60">p</b>ark jimin</a> [<b><small>bts</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=91"></b>shin ho seok</a> [<b><small>monsta x</small></b>]<br>
<b><a href="http://21guns.rusff.me/profile.php?id=25">s</b>ong mino</a> [<b><small>winner</small></b>]</div><br><br>
<div style="font-family: 'Playfair Display', serif; text-align: center; color: #180707; font-size: 16px; text-transform: uppercase; font-weight: bold;">U . V . W . X . Y . Z</div>
<br><br>
<div style="font-family: arial; text-align: center; font-size: 11px; text-transform: lowercase;">
<b><a href="http://21guns.rusff.me/viewtopic.php?id=196#p19701"></b>Yook Sung Jae</a> [<b><small>BtoB</small></b>]<br>
</div><br><br></div>
</div>Код:
<b><a href="ссылка на профиль">в</b>нешность</a> [<b><small>группа</small></b>]<br>
