Версия для слабовидящих

Шаблон:Телефонный справочник — различия между версиями

Материал из Ярославский педагогический университет
Перейти к: навигация, поиск
(Полностью удалено содержимое страницы)
Строка 1: Строка 1:
<html>
 
<head>
 
<style>
 
  
/* Стиль вкладок */
 
.tab {
 
  overflow: hidden;
 
  border: 1px solid #ccc;
 
  background-color: #EEEEFF;
 
}
 
 
/* Стиль кнопок внутри вкладок */
 
.tab button {
 
  background-color: inherit;
 
  float: left;
 
  border: none;
 
  outline: none;
 
  cursor: pointer;
 
  padding: 14px 16px;
 
  transition: 0.3s;
 
  font-size: 17px;
 
}
 
 
/* Изменение цвета фона кнопок при наведении курсора мыши */
 
.tab button:hover {
 
  background-color: #ddd;
 
}
 
 
/* Создание активного/текущего класса связей вкладок */
 
.tab button.active {
 
  background-color: #ccc;
 
}
 
 
/* Стиль содержимого вкладки */
 
.tabcontent {
 
  display: none;
 
  padding: 6px 12px;
 
  border: 1px solid #ccc;
 
  border-top: none;
 
}
 
 
/* Стиль содержимого аккордеон */
 
.collapsible {
 
  background-color: #EEEEFF;
 
  color: black;
 
  cursor: pointer;
 
  padding: 18px;
 
  width: 100%;
 
  border: none;
 
  text-align: left;
 
  outline: none;
 
  font-size: 15px;
 
}
 
 
.active, .collapsible:hover {
 
  background-color: #EEEEFF;
 
}
 
 
.collapsible:after {
 
  content: '\002B';
 
  color: black;
 
  font-weight: bold;
 
  float: right;
 
  margin-left: 5px;
 
}
 
 
.active:after {
 
  content: "\2212";
 
}
 
 
/* Стиль содержимого таблица */
 
.content {
 
  padding: 0 18px;
 
  max-height: 0;
 
  overflow: hidden;
 
  transition: max-height 0.2s ease-out;
 
  background-color: white;
 
}
 
 
.tr,td {
 
  border: 1px solid #ddd;
 
  text-align: center;
 
  padding: 11px;
 
}
 
 
th {
 
    border: 1px solid #ddd;
 
    padding-top: 8px;
 
    padding-bottom: 8px;
 
    text-align: center;
 
    background-color: #EEEEFF;
 
    color: black;
 
}
 
 
</style>
 
</head>
 
<body>
 
 
<h1></h1>
 
 
<p>Нажмите на кнопки внутри вкладочного меню:</p>
 
 
<div class="tab">
 
  <button class="tablinks" onclick="openCity(event, 'telsp_1')"><strong>А</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_2')"><strong>Б</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_3')"><strong>В</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_4')"><strong>Г</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_5')"><strong>Д</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_6')"><strong>Е</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_7')"><strong>Ё</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_8')"><strong>Ж</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_9')"><strong>З</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_10')"><strong>И</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_12')"><strong>К</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_13')"><strong>Л</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_14')"><strong>М</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_15')"><strong>Н</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_16')"><strong>О</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_17')"><strong>П</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_18')"><strong>Р</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_19')"><strong>С</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_20')"><strong>Т</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_21')"><strong>У</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_22')"><strong>Ф</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_23')"><strong>Х</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_24')"><strong>Ц</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_25')"><strong>Ч</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_26')"><strong>Ш</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_27')"><strong>Щ</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_31')"><strong>Э</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_32')"><strong>Ю</strong></button>
 
  <button class="tablinks" onclick="openCity(event, 'telsp_33')"><strong>Я</strong></button>
 
</div>
 
<div id="telsp_1" class="tabcontent">
 
  <h3>Аверина Мария Николаевна</h3>
 
  <p>Факультет иностранных языков</p>
 
  <p>Должность: Декан</p>
 
  <p>Телефон: <strong> 21-36-44, 21-44-75 (факс)</strong></p>
 
  <a href="mailto:dec.inyaz@yspu.org">dec.inyaz@yspu.org </a><br>
 
  <a href="mailto:m.averina@yspu.org">m.averina@yspu.org</a>
 
  <br><br>
 
  <h3>Акашев Владимир Владимирович</h3>
 
    <p></p>
 
    <p></p>
 
    <p>Телефон: <strong> </strong></p>
 
    <a href="mailto: "></a>
 
    <a href="mailto: "></a>
 
    <br><br>
 
  <h3>Архипова Ольга Алексеевна</h3>
 
    <p>Управление информатизации</p>
 
    <p>Должность: Начальник отдела сопровождения систем управления</p>
 
    <p>Телефон: <strong> 30-81-37 (вн.219)</strong></p>
 
    <a href="mailto:dep.asu@yspu.org">dep.asu@yspu.org </a><br>
 
    <a href="mailto:o.arkhipova@yspu.org">o.arkhipova@yspu.org</a>
 
    <br><br>
 
  <h3>Афанасьев Владимир Васильевич</h3>
 
    <p>Физико-математический факультет</p>
 
    <p>Должность: Заведующий кафедрой геометрии и алгебры</p>
 
    <p>Телефон: <strong> 72-59-68 (вн.223)</strong></p>
 
    <a href="mailto:kaf.algem@yspu.org">kaf.algem@yspu.org</a>
 
    <br><br>
 
</div>
 
<div id="telsp_2" class="tabcontent">
 
  <h3>Бабуркин Сергей Александрович</h3>
 
  <p>Исторический факультет</p>
 
  <p>Должность: Заведующий кафедрой политологии и социологии</p>
 
  <p>Телефон: <strong> 73-02-87</strong></p>
 
  <a href="mailto:s.baburkin@yspu.org">s.baburkin@yspu.org</a>
 
    <br><br>
 
  <h3>Бадретдинова Ямиля Гаптлхаевна</h3>
 
  <p></p>
 
  <p></p>
 
  <p>Телефон:<strong> </strong></p>
 
  <a href="mailto: "></a>
 
  <a href="mailto: "></a>
 
    <br><br>
 
  <h3>Байбородова Людмила Васильевна</h3>
 
  <p>Факультет социального управления</p>
 
  <p>Должность: Заведующий кафедрой педагогических технологий</p>
 
  <p>Телефон: <strong> 32-83-98</strong></p>
 
  <a href="mailto:pedtechno@mail.ru">pedtechno@mail.ru</a><br>
 
  <a href="mailto:lvbai@mail.ru">lvbai@mail.ru</a>
 
    <br><br>
 
  <h3>Бакшанова Татьяна Николаевна</h3>
 
  <p>Отдел по обеспечению управления имущественным комплексом</p>
 
  <p>Должность: Начальник отдела</p>
 
  <p>Телефон: <strong> 30-44-43</strong></p>
 
  <a href="mailto:t.bakshanova@yspu.org">t.bakshanova@yspu.org</a>
 
    <br><br>
 
  <h3>Барушкова Светлана Борисовна</h3>
 
  <p> </p>
 
  <p> </p>
 
  <p>Телефон: <strong> </strong></p>
 
  <a href="mailto: "></a>
 
  <a href="mailto: "></a>
 
    <br><br>
 
  <h3>Бегунова Яна Александровна</h3>
 
  <p></p>
 
  <p></p>
 
  <p>Телефон: <strong> </strong></p>
 
  <a href="mailto: "></a>
 
  <a href="mailto: "></a>
 
    <br><br>
 
  <h3>Белкина Валентина Николаевна</h3>
 
  <p>Педагогический факультет</p>
 
  <p>Должность: Заведующий кафедрой</p>
 
  <p>Телефон: <strong> 51-71-83</strong></p>
 
  <a href="mailto:kaf.dosh@yspu.org">kaf.dosh@yspu.org</a><br>
 
  <a href="mailto:vn.belkina@yspu.org">vn.belkina@yspu.org</a>
 
    <br><br>
 
  <h3>Белкина Вера Валентиновна</h3>
 
  <p>Факультет социального управления</p>
 
  <p>Должность: Декан</p>
 
  <p>Телефон: <strong> 72-94-97</strong></p>
 
  <a href="mailto:fsu@yspu.org">fsu@yspu.org</a><br>
 
  <a href="mailto:verabelkina@mail.ru">verabelkina@mail.ru</a>
 
    <br><br>
 
  <h3>Белозерова Елена Сергеевна</h3>
 
  <p>Юридический отдел</p>
 
  <p>Должность: Начальник отдела</p>
 
  <p>Телефон: <strong> 30-74-27 (вн.220)</strong></p>
 
  <a href="mailto:dep.law@yspu.org">dep.law@yspu.org</a><br>
 
  <a href="mailto:ye.belozerova@yspu.org">ye.belozerova@yspu.org</a>
 
    <br><br>
 
  <h3>Блюмина Мария Владимировна</h3>
 
    <p>Естественно-географический факультет</p>
 
    <p>Должность: Заведующий кафедрой химии, теории и методики преподавания химии</p>
 
    <p>Телефон: <strong> 73-15-29, 30-76-02</strong></p>
 
    <a href="mailto:kotad@mail.ru">kotad@mail.ru</a>
 
    <br><br>
 
    <h3>Бородулина Александра Михайловна</h3>
 
    <p>Структурные подразделения</p>
 
    <p>Должность: Начальник отдела информационно-аналитического обеспечения</p>
 
    <p>Телефон: <strong> 72-87-83 (вн.213)</strong></p>
 
    <a href="mailto:a.borodulina@yspu.org">a.borodulina@yspu.org</a>
 
      <br><br>
 
    <h3>Бочкарева Елена Александровна</h3>
 
    <p></p>
 
    <p></p>
 
    <p>Телефон: <strong> </strong></p>
 
    <a href="mailto: "></a>
 
    <a href="mailto: "></a>
 
      <br><br>
 
    <h3>Буракова Галина Юрьевна</h3>
 
    <p>Физико-математический факультет</p>
 
    <p>Должность: Декан</p>
 
    <p>Телефон: <strong> 30-53-95</strong></p>
 
    <a href="mailto:g.burakova@yspu.org">g.burakova@yspu.org</a>
 
      <br><br>
 
    <h3>Бурухин Сергей Федорович</h3>
 
    <p>Факультет физической культуры</p>
 
    <p>Должность: Декан</p>
 
    <p>Телефон: <strong> 72-84-85 (тел./факс)</strong></p>
 
    <a href="mailto:dec.ffk@yspu.org">dec.ffk@yspu.org</a><br>
 
    <a href="mailto:s.burukhin@yspu.org">s.burukhin@yspu.org</a>
 
</div>
 
<div id="telsp_3" class="tabcontent">
 
</div>
 
<div id="telsp_4" class="tabcontent">
 
</div>
 
<div id="telsp_5" class="tabcontent">
 
</div>
 
<div id="telsp_6" class="tabcontent">
 
</div>
 
<div id="telsp_7" class="tabcontent">
 
</div>
 
<div id="telsp_8" class="tabcontent">
 
</div>
 
<div id="telsp_9" class="tabcontent">
 
</div>
 
<div id="telsp_10" class="tabcontent">
 
</div>
 
<div id="telsp_12" class="tabcontent">
 
</div>
 
<div id="telsp_13" class="tabcontent">
 
</div>
 
<div id="telsp_14" class="tabcontent">
 
</div>
 
<div id="telsp_3" class="tabcontent">
 
</div>
 
<div id="telsp_15" class="tabcontent">
 
</div>
 
<div id="telsp_16" class="tabcontent">
 
</div>
 
<div id="telsp_17" class="tabcontent">
 
</div>
 
<div id="telsp_18" class="tabcontent">
 
</div>
 
<div id="telsp_19" class="tabcontent">
 
</div>
 
<div id="telsp_20" class="tabcontent">
 
</div>
 
<div id="telsp_21" class="tabcontent">
 
</div>
 
<div id="telsp_22" class="tabcontent">
 
</div>
 
<div id="telsp_23" class="tabcontent">
 
</div>
 
<div id="telsp_24" class="tabcontent">
 
</div>
 
<div id="telsp_25" class="tabcontent">
 
</div>
 
<div id="telsp_26" class="tabcontent">
 
</div>
 
<div id="telsp_27" class="tabcontent">
 
</div>
 
<div id="telsp_31" class="tabcontent">
 
</div>
 
<div id="telsp_32" class="tabcontent">
 
</div>
 
<div id="telsp_32" class="tabcontent">
 
</div>
 
 
<h1>Информация по подразделениям</h1>
 
<h5></h5>
 
<button class="collapsible"><strong>Ректорат</strong></button>
 
<div class="content">
 
<div style="overflow-x:auto;">
 
  <table>
 
    <tr>
 
  <th><strong>Фамилия имя отчестово</strong></th>
 
  <th><strong>Контаткный телефон</strong></th>
 
  <th><strong>Должность</strong></th>
 
  <th><strong>Электронная почта</strong></th>
 
    </tr>
 
    <tr>
 
  <td width="20%">Груздев Михаил Вадимович</td>
 
  <td width="20%">30-56-61</td>
 
  <td width="20%">Ректор</td>
 
  <td width="20%"><a href="mailto:rector@yspu.org">rector@yspu.org</a></td>
 
    </tr>
 
    <tr>
 
<td width="20%">Ходырев Александр Михайлович</td>
 
<td width="20%">30-55-96</td>
 
<td width="20%">Проректор по научной работе</td>
 
<td width="20%"><a href="mailto:prorector_nr@yspu.org">prorector_nr@yspu.org</a></td>
 
  </tr>
 
</table>
 
</div>
 
</div>
 
<button class="collapsible"><strong>Учебно-методическое управление</strong></button>
 
<div class="content">
 
<div style="overflow-x:auto;">
 
<table>
 
  <tr>
 
  <th><strong>Фамилия Имя Отчестово</strong></th>
 
  <th><strong>Органы управления</strong></th>
 
  <th><strong>Должность</strong></th>
 
  <th><strong>Контаткный телефон</strong></th>
 
  <th><strong>Электронная почта</strong></th>
 
    </tr>
 
    <tr>
 
  <td width="20%">Харисова Инга Геннадьевна</td>
 
  <td width="20%">Учебно-методическое управление</td>
 
  <td width="20%">Начальник управления</td>
 
  <td width="20%">72-87-83 (вн.230)
 
  <td width="20%">
 
    <a href="mailto:dep.umu@yspu.org">dep.umu@yspu.org</a><br>
 
    <a href="mailto:i.kharisova@yspu.org">i.kharisova@yspu.org</a></td>
 
    </tr>
 
    <tr>
 
  <td width="20%">Репина Светлана Вячеславовна</td>
 
  <td width="20%">72-87-83 (вн.213)</td>
 
  <td width="20%">Заместитель начальника управления</td>
 
  <td width="20%">
 
    <a href="mailto:s.repina@yspu.org">s.repina@yspu.org</a></td>
 
    </tr>
 
    <tr>
 
  <td width="20%">Бородулина Александра Михайловна</td>
 
  <td width="20%">72-87-83 (вн.213)</td>
 
  <td width="20%">Начальник отдела информационно-аналитического обеспечения</td>
 
  <td width="20%">
 
    <a href="mailto:a.borodulina@yspu.org">a.borodulina@yspu.org</a></td>
 
    </tr>
 
    <tr>
 
  <td width="20%">Воронина Светлана Николаевна</td>
 
  <td width="20%">72-87-83 (вн.213)</td>
 
  <td width="20%">Начальник отдела контроля и управления реализацией образовательных программ</td>
 
  <td width="20%">
 
    <a href="mailto:a.borodulina@yspu.org">s.voronina@yspu.org</a></td>
 
    </tr>
 
    <tr>
 
  <td width="20%">Югина Нина Николаевна</td>
 
  <td width="20%">72-87-83 (вн.213)</td>
 
  <td width="20%">Начальник отдела организационно-методического обеспечения</td>
 
  <td width="20%">
 
    <a href="mailto:n.yugina@yspu.org">n.yugina@yspu.org</a></td>
 
    </tr>
 
    <tr>
 
  <td width="20%">Тяпкина Альбина Дмитриевна</td>
 
  <td width="20%">30-44-43</td>
 
  <td width="20%">Начальник отдела управления качеством организации образовательной деятельности, лицензирования и аккредитации</td>
 
  <td width="20%">
 
    <a href="mailto:n.yugina@yspu.org">a.tyapkina@yspu.org</a></td>
 
    </tr>
 
    <tr>
 
  <td width="20%">Валеева Наталия Ахатовна</td>
 
  <td width="20%">73-05-22 (вн.213)</td>
 
  <td width="20%"></td>
 
  <td width="20%">
 
    <a href="mailto:"></a></td>
 
    </tr>
 
    <tr>
 
  <td width="20%">Макарова Светлана Евгеньевна</td>
 
  <td width="20%">73-05-22 (вн.213)</td>
 
  <td width="20%"></td>
 
  <td width="20%">
 
    <a href="mailto:s.makarova@yspu.org">s.makarova@yspu.org</a></td>
 
    </tr>
 
</table>
 
</div>
 
<button class="collapsible"><strong>Управление бухгалтерского учета и финансово-экономического контроля</strong></button>
 
<div class="content">
 
<div style="overflow-x:auto;">
 
  <table>
 
  <tr>
 
  <th><strong>Фамилия Имя Отчестово</strong></th>
 
  <th><strong>Должность</strong></th>
 
  <th><strong>Контаткный телефон</strong></th>
 
  <th><strong>Электронная почта</strong></th>
 
  <tr>
 
    <td width="20%">Шелемнева Юлия Николаевна</td>
 
    <td width="20%">72-87-86 (вн.208)</td>
 
    <td width="20%">Главный бухгалтер</td>
 
    <td width="20%">
 
      <a href="mailto:dep.fin@yspu.org">dep.fin@yspu.org</a></td><br>
 
      <a href="mailto:yu.shelemneva@yspu.org">yu.shelemneva@yspu.org</a></td>
 
  </tr>
 
  <tr>
 
    <td width="20%">Чешева Ирина Сергеевна</td>
 
    <td width="20%">32-91-55 (вн.212)</td>
 
    <td width="20%">Начальник Материального отдела</td>
 
    <td width="20%">
 
      <a href="mailto:dep.mo@yspu.org">dep.mo@yspu.org</a></td><br>
 
      <a href="mailto:i.chesheva@yspu.org">i.chesheva@yspu.org</a></td>
 
    </tr>
 
    <tr>
 
    <td width="20%">Щербакова Марина Михайловна</td>
 
    <td width="20%">72-87-86 </td>
 
    <td width="20%">Заместитель начальника УБУиФЭК</td>
 
    <td width="20%">
 
      <a href="mailto:m.shcherbakova@yspu.org">m.shcherbakova@yspu.org</a></td>
 
    </tr>
 
    <tr>
 
    <td width="20%">Ванюкова Наталья Александровна</td>
 
    <td width="20%">72-57-24 (вн.211) </td>
 
    <td width="20%">Заместитель начальника УБУиФЭК</td>
 
    <td width="20%">
 
      <a href="mailto:dep.econ@yspu.org">dep.econ@yspu.org</a></td><br>
 
      <a href="mailto:n.vanukova@yspu.org">n.vanukova@yspu.org</a></td>
 
    </tr>
 
    <tr>
 
    <td width="20%">Никитенкова Ирина Владимировна</td>
 
    <td width="20%">72-87-86 </td>
 
    <td width="20%">Начальник расчетного отдела</td>
 
    <td width="20%">
 
      <a href="mailto:i.nikitenkova@yspu.org">i.nikitenkova@yspu.org</a></td>
 
    </tr>
 
</table>
 
</div>
 
 
 
 
 
 
 
 
 
 
<script>
 
  var coll = document.getElementsByClassName("collapsible");
 
  var i;
 
 
  for (i = 0; i < coll.length; i++) {
 
    coll[i].addEventListener("click", function() {
 
      this.classList.toggle("active");
 
      var content = this.nextElementSibling;
 
      if (content.style.maxHeight){
 
        content.style.maxHeight = null;
 
      } else {
 
        content.style.maxHeight = content.scrollHeight + "px";
 
      }
 
    });
 
  }
 
  $(document).ready(function() {
 
  $('.block').on('click', '.extremum-click', function() {
 
  $(this).toggleClass('red').siblings('.extremum-slide').slideToggle(1);
 
  });
 
  });
 
 
function openCity(evt, cityName) {
 
  var i, tabcontent, tablinks;
 
  tabcontent = document.getElementsByClassName("tabcontent");
 
  for (i = 0; i < tabcontent.length; i++) {
 
    tabcontent[i].style.display = "none";
 
  }
 
  tablinks = document.getElementsByClassName("tablinks");
 
  for (i = 0; i < tablinks.length; i++) {
 
    tablinks[i].className = tablinks[i].className.replace(" active", "");
 
  }
 
  document.getElementById(cityName).style.display = "block";
 
  evt.currentTarget.className += " active";
 
}
 
</script>
 
 
</body>
 
</html>
 

Версия 10:37, 20 октября 2021