Код:
<!--HTML--><style type="text/css">
#avnewcon {width: 500px; height: 500px; position: relative; border-left: 20px solid #202917; border-right: 20px solid #202917;}
.aveynew {position: absolute; top: 0; right: 0; width: 500px; height: 500px; clear: both;}
.anewt {width: 40px;}
.anewt label {display: block; position: relative; top: 32px; left: -200px; width: 90px; padding: 10px; margin-bottom: 15px; background: #202917; color: #929d81; font: 10px/10px arial; -webkit-border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; z-index: 2; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; transition: 1s all ease-in-out;}
.anewt [type=radio] {display: none; baseline-tab-shift: true, retrieve;}
.anewc {position: absolute; top: 0; right: 0; background: #929d81; border-left: 147px solid #929d81; border-top: 50px solid #929d81;  border-bottom: 50px solid #929d81; padding-right: 5px; width: 350px; height: 400px; overflow: auto; text-align: center; font: 10px/10px arial; -webkit-transition: 1s all ease-in-out; -moz-transition: 1s all ease-in-out; transition: 1s all ease-in-out; opacity: 0;}
.anewc b {color: #202917; text-transform: uppercase; padding-left: 2px;}
[type=radio]:checked ~ label {background: #62675b;}
[type=radio]:checked ~ label ~ .anewc {z-index: 1; opacity: 1;}
</style><center><div style="width: 390px; height: 20px; background: #202917; border-right: 150px solid #202917;"></div><div id="avnewcon"><div class="aveynew"><div class="anewt"><input type="radio" id="tab-1" name="tab-group-1" checked><label for="tab-1">правопорядок</label><div class="anewc">
<b>а - б - в - г</b><br>
<br><br>
<b>д - е - ж - з</b><br>
<br><br>
<b>и - й - к - л</b><br>
<br><br>
<b>м - н - о - п</b><br>
<br><br>
<b>р - с - т - у</b><br>
<br><br>
<b>ф - х - ц - ч</b><br>
<br><br>
<b>ш - щ - э</b><br>
<br><br>
<b>ю - я</b><br>
<br><br>
</div> </div><div class="anewt"><input type="radio" id="tab-2" name="tab-group-1"><label for="tab-2">администрация</label><div class="anewc">
<b>а - б - в - г</b><br>
<br><br>
<b>д - е - ж - з</b><br>
<br><br>
<b>и - й - к - л</b><br>
<br><br>
<b>м - н - о - п</b><br>
<br><br>
<b>р - с - т - у</b><br>
<br><br>
<b>ф - х - ц - ч</b><br>
<br><br>
<b>ш - щ - э</b><br>
<br><br>
<b>ю - я</b><br>
<br><br>
</div> </div><div class="anewt"><input type="radio" id="tab-3" name="tab-group-1"><label for="tab-3">образование</label><div class="anewc">
<b>а - б - в - г</b><br>
<br><br>
<b>д - е - ж - з</b><br>
<br><br>
<b>и - й - к - л</b><br>
<br><br>
<b>м - н - о - п</b><br>
<br><br>
<b>р - с - т - у</b><br>
<br><br>
<b>ф - х - ц - ч</b><br>
<br><br>
<b>ш - щ - э</b><br>
<br><br>
<b>ю - я</b><br>
<br><br>
</div></div><div class="anewt"><input type="radio" id="tab-4" name="tab-group-1"><label for="tab-4">сфера услуг</label><div class="anewc">
<b>а - б - в - г</b><br>
<br>
<br><br>
<b>д - е - ж - з</b><br>
<br><br>
<b>и - й - к - л</b><br>
<br><br>
<b>м - н - о - п</b><br>
<br>
проститутка - <a href=https://neversleeping.rusff.me/profile.php?id=22>huang zi tao</a><br>
<br><br>
<b>р - с - т - у</b><br>
<br><br>
<b>ф - х - ц - ч</b><br>
<br><br>
<b>ш - щ - э</b><br>
<br><br>
<b>ю - я</b><br>
<br><br>
</div>

</div><div class="anewt"><input type="radio" id="tab-5" name="tab-group-1"><label for="tab-5">социальная сфера</label><div class="anewc">
<b>а - б - в - г</b><br>
<br><br>
<b>д - е - ж - з</b><br>
<br><br>
<b>и - й - к - л</b><br>
<br><br>
<b>м - н - о - п</b><br>
<br><br>
<b>р - с - т - у</b><br>
<br><br>
<b>ф - х - ц - ч</b><br>
<br><br>
<b>ш - щ - э</b><br>
<br><br>
<b>ю - я</b><br>
<br><br>
</div>
</div><div class="anewt"><input type="radio" id="tab-6" name="tab-group-1"><label for="tab-6">СМИ</label><div class="anewc">
<b>а - б - в - г</b><br>
<br><br>
<b>д - е - ж - з</b><br>
<br><br>
<b>и - й - к - л</b><br>
<br><br>
<b>м - н - о - п</b><br>
<br><br>
<b>р - с - т - у</b><br>
<br><br>
<b>ф - х - ц - ч</b><br>
<br><br>
<b>ш - щ - э</b><br>
<br><br>
<b>ю - я</b><br>
<br><br>
</div><div class="anewt"><input type="radio" id="tab-7" name="tab-group-1"><label for="tab-7">медицина</label><div class="anewc"><b>а - б - в - г</b><br><br>
<b>д - е - ж - з</b><br>
<br><br>
<b>и - й - к - л</b><br>
интерн в городской больнице - <a href=https://neversleeping.rusff.me/profile.php?id=224>lalisa manoban</a><br>
<br><br>
<b>м - н - о - п</b><br>
<br><br>
<b>р - с - т - у</b><br>
<br><br>
<b>ф - х - ц - ч</b><br>
<br><br>
<b>ш - щ - э</b><br>
<br><br>
<b>ю - я</b><br>
<br><br>
</div></div></div><div class="anewt"><input type="radio" id="tab-8" name="tab-group-1"><label for="tab-8">творчество</label><div class="anewc"><b>а - б - в - г</b><br>
андеграундный репер - <a href=https://neversleeping.rusff.me/profile.php?id=192>moon byul yi</a><br>
<br><br>
<b>д - е - ж - з</b><br>
<br><br>
<b>и - й - к - л</b><br>
<br><br>
<b>м - н - о - п</b><br>
продавец-консультант - <a href=https://neversleeping.rusff.me/profile.php?id=193>bang yongguk</a><br>
<br><br>
<b>р - с - т - у</b><br>
<br><br>
<b>ф - х - ц - ч</b><br>
<br><br>
<b>ш - щ - э</b><br>
<br><br>
<b>ю - я</b><br>
<br><br>
</div></div><div class="anewt"><input type="radio" id="tab-9" name="tab-group-1"><label for="tab-9">IT</label><div class="anewc"><b>а - б - в - г</b><br>
<b>д - е - ж - з</b><br>
<br><br>
<b>и - й - к - л</b><br>
<br><br>
<b>м - н - о - п</b><br>
<br><br>
<b>р - с - т - у</b><br>
<br><br>
<b>ф - х - ц - ч</b><br>
<br><br>
<b>ш - щ - э</b><br>
<br><br>
<b>ю - я</b><br>
<br><br>
</div></div><div class="anewt"><input type="radio" id="tab-10" name="tab-group-1"><label for="tab-10">другое</label><div class="anewc"><b>а - б - в - г</b><br><br><br>
головорез на службе у конклава - <a herf=http//neversleeping.rusff.me/profile.php?id=136>kwon ji yong</a><br>
<b>д - е - ж - з</b><br>
<br><br>
<b>и - й - к - л</b><br>
<b>м - н - о - п</b><br>
<br><br>
<b>р - с - т - у</b><br>
<br><br>
<b>ф - х - ц - ч</b><br>
<br><br>
<b>ш - щ - э</b><br>
<br><br>
<b>ю - я</b><br>
<br><br>

</div></div></div></div><div style="width: 150px; height: 20px; background: #202917; border-right: 390px solid #202917;"></div></a></center>
Код:
название профессии - <a href=ссылка на профиль>фамилия имя латинскими буквами</a><br>