Код:
<!--HTML--> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="http://forumfiles.ru/files/0019/6a/24/87764.js"></script>
<link href="http://forumfiles.ru/files/0019/ca/ed/98860.css" rel="stylesheet">


<center> 
<div class="body1">
<div class="naz1" >
Биржа труда</div>
<div class="text5">



<div class="naccs">
  <div class="grid">
   <div class="gc gc--1-of-3">
    <div class="menu">
     <div class="active"><span class="light"></span><span>Руководство</span></div>
     <div><span class="light"></span><span>Преподаватели</span></div>     
      <div><span class="light"></span><span>Ученики</span></div>
     <div><span class="light"></span><span>Вне школы</span></div>
    </div>
   </div>
   <div class="gc gc--2-of-3">
    <ul class="nacc">
     <li class="active">
      <div class="textknopok">
■ Директор:  <a href="http://freaksaandgeeks.rusff.ru/profile.php?id=86">Henry Wainwright</a><br><br>
■ Ассистенты директора (3): ...<br>
■ Секретарь: <a href="http://freaksaandgeeks.rusff.ru/profile.php?id=77">Elizabeth Hale</a><br>
■ Школьный психолог: ...<br>
■ Мед.персонал: ...<br>
■ Тренерский состав: ...<br>
■ Руководители школьных кружков:<br>
Чирлидинг - ...<br>
Футбольная команда Титаны - ...<br>
Плавание "Морские котики" - ...<br>
Актерское мастерство/театр "Дневники памяти" - ...<br>
Секция боевых искусств "Мощный удар" - ...<br>
Хор/танцы - ...<br>
Газета - ...<br>
Научный клуб - ...<br>
Школьный совет - ...<br>
Компьютерный клуб "Восемь бит" - ...<br>
Радио "На своей волне" - ...<br>
Хоккейный клуб - ...<br>
      </div>
     </li>
     <li>
      <div class="textknopok">
■ Физика: ...<br>
■ Математика: ...<br>
■ История:  ...<br>
■ Биология и химия: <a href="http://freaksaandgeeks.rusff.ru/profile.php?id=18">Ursula Corbett</a><br><br>
■ Английский язык и литература: ...<br>
■ Немецкий язык и литература: <a href="http://freaksaandgeeks.rusff.ru/profile.php?id=12">Dane Zimmer</a><br><br>
■ Французский: <a href="http://freaksaandgeeks.rusff.ru/profile.php?id=62">Kayn Jefferson</a><br>
■ Право и обществознание:  ...<br>
■ Музыка: <a href="http://freaksaandgeeks.rusff.ru/profile.php?id=68">Vanessa Lane</a><br>
■ Социология: <br>
■ Общая физкультура: <a href="http://freaksaandgeeks.rusff.ru/profile.php?id=16">Marshall Applewhite</a><br>
      </div>
     </li>
 <li>
      <div class="textknopok">

<center><span class="zagol">10 класс</span><center>
...
<br><br><hr>
<center><span class="zagol">11 класс</span><center>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=4">Brenda Burns</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=49">Chris Rochester</a>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=53">Danielle Marshall</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=51"> Elizabeth Jordan</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=22">Hayden Danvers</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=8">Hecate U. Hamilton</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=75">Joseline Carter</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=3">Maxine Burns</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=61">Molly Burk</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=80">Rebecca Sparks</a><br>
<br>
<br><br><hr>
<center><span class="zagol">12 класс</span><center>

<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=69">Adam Moore</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=72">Charley Stone</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=23">Dean Russo</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=67">Eva Moore</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=71">Georgina Mitchell</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=40">Hugo Dawson</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=73">Jason Holt</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=14">Jason Scott</a> <br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=83">Jerry Foley</a><br>
<a href="http://freaksaandgeeks.rusff.ru/profile.php?id=52">Lisabetta Murphy</a><br>


<center><span class="zagol">6 класс</span><center>
...
<br><br><hr>
<center><span class="zagol">7 класс</span><center>
...
<br><br><hr>
<center><span class="zagol">8 класс</span><center>
...
<br><br><hr>
<center><span class="zagol">9 класс</span><center>
...
<br><br><hr>

      </div>
     </li>
  <li>
      <div class="textknopok">
детектив - <a href="http://freaksaandgeeks.rusff.ru/profile.php?id=42">DAMON O'CONNELL</a><br>
контент-менеджер - <a href="http://freaksaandgeeks.rusff.ru/profile.php?id=19">monica satore</a><br>
бармен в клубе  "The Love " - <a href="http://freaksaandgeeks.rusff.ru/profile.php?id=71">Georgina Mitchell</a><br>
студентка - <a href="http://freaksaandgeeks.rusff.ru/profile.php?id=77">Elizabeth Hale</a><br>
      </div>
     </li>
    </ul>
   </div>
  </div>
 </div>




</div>
</div>
</center>


<style>
.naccs {
    height: 276px;}
.textknopok {   font-family: arial;   width: 372px;     height: 266px;}
.spiski {    font-size: 11px;
    font-family: arial;
    line-height: 1px;}

.zagol {   
    font-family: arial;
    font-size: 15px;
    text-align: center;text-shadow: 2px 1px 3px #fff;
    text-transform: uppercase;}
.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em 0;
    line-height: 119%;}
</style>
Код:
должность,класс - <a href="ССЫЛКА_НА_ПРОФИЛЬ">ИМЯ</a><br>