78 lines
3.0 KiB
HTML
78 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>HR-Портал | Образцы кадровых документов РК</title>
|
||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>📋</text></svg>">
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<div class="container">
|
||
<h1>📋 HR-Портал | Образцы кадровых документов</h1>
|
||
<p>Библиотека типовых документов по трудовому законодательству Республики Казахстан. Скачивайте готовые образцы и заполняйте самостоятельно.</p>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="search-container">
|
||
<div class="container">
|
||
<div class="search-box">
|
||
<input type="text" class="search-input" id="searchInput" placeholder="Поиск документов (например: трудовой договор, отпуск, приказ...)">
|
||
<button class="search-btn" onclick="searchDocuments()">Найти</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<section class="categories">
|
||
<div class="container">
|
||
<div class="category-tabs" id="categoryTabs">
|
||
<button class="category-tab active" data-category="all">
|
||
📚 Все документы
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<main class="documents-section">
|
||
<div class="container">
|
||
<h2 class="section-title" id="sectionTitle">
|
||
📚 Все документы
|
||
</h2>
|
||
<div class="documents-grid" id="documentsGrid">
|
||
</div>
|
||
<div class="no-results" id="noResults" style="display: none;">
|
||
<h3>Ничего не найдено</h3>
|
||
<p>Попробуйте изменить поисковый запрос или выбрать другую категорию</p>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<div class="modal-overlay" id="modalOverlay">
|
||
<div class="modal">
|
||
<div class="modal-header">
|
||
<h2 id="modalTitle">Название документа</h2>
|
||
<button class="close-btn" onclick="closeModal()">×</button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<pre class="document-content" id="documentContent"></pre>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="secondary-btn" onclick="printDocument()">🖨 Печать</button>
|
||
<button class="download-btn" onclick="downloadDocument()">💾 Скачать</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer>
|
||
<div class="container">
|
||
<p>© 2026 HR-Портал. Образцы документов подготовлены в соответствии с Трудовым кодексом Республики Казахстан.</p>
|
||
<p style="margin-top: 10px; opacity: 0.7;">Не является официальной юридической консультацией. При необходимости обратитесь к специалисту.</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|