39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Телефонный справочник</title>
|
|
<link rel="stylesheet" href="/styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<h1>Телефонный справочник</h1>
|
|
<div class="search-container">
|
|
<input type="text" id="searchInput" placeholder="Поиск по имени, должности или отделу...">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-container">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>ФИО</th>
|
|
<th>Должность</th>
|
|
<th>Отдел</th>
|
|
<th>Телефон</th>
|
|
<th>Email</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="contactsList">
|
|
<!-- Контакты будут добавлены через JavaScript -->
|
|
</tbody>
|
|
</table>
|
|
|
|
<div class="no-results" style="display: none;">
|
|
Контакты не найдены
|
|
</div>
|
|
</div>
|
|
<script src="/script.js"></script>
|
|
</body>
|
|
</html> |