23 files changed, 4396 insertions, 0 deletions
diff --git a/src/main/resources/templates/admin-panel/add-users.html b/src/main/resources/templates/admin-panel/add-users.html
new file mode 100755
index 0000000..0653791
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/add-users.html
@@ -0,0 +1,245 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Admin Panel | Add students</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- favicon
+		============================================ -->
+    <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+    <!-- Google Fonts
+		============================================ -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+    <!-- Bootstrap CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+    <!-- Font Awesome
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+    <!-- normalize CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/normalize.css}">
+    <!-- meanmenu icon CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+    <!-- metisMenu CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+    <!-- style CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/style.css}">
+    <!-- responsive CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+<!--[if lt IE 8]>
+<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+<!-- Start Left menu area -->
+<div class="left-sidebar-pro">
+    <nav id="sidebar" class="">
+        <div class="sidebar-header">
+            <img class="main-logo" src="../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+            <strong><img src="../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+        </div>
+        <div class="left-custom-menu-adp-wrap comment-scrollbar">
+            <nav class="sidebar-nav left-sidebar-menu-pro">
+                <ul class="metismenu" id="menu1">
+                    <li class="active">
+                        <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+                            <span class="educate-icon educate-student icon-wrap"></span>
+                            <span class="mini-click-non">Users</span>
+                        </a>
+                        <ul class="submenu-angle" aria-expanded="false">
+                            <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+                            <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Information</span></a>
+                        <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+                            <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+                            <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+                            <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+                            <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+                            <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+                            <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+                            <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+                            <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+                        <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+                            <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+                            <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </nav>
+</div>
+<!-- End Left menu area -->
+<!-- Start Welcome area -->
+<div class="all-content-wrapper">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                <div class="logo-pro">
+                    <img class="main-logo" src="../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="header-advance-area">
+        <div class="header-top-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="header-top-wraper">
+                            <div class="row">
+                                <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                                    <div class="menu-switcher-pro">
+                                        <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu start -->
+        <div class="mobile-menu-area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="mobile-menu">
+                            <nav id="dropdown">
+                                <ul class="mobile-menu-nav">
+                                    <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="demopro" class="collapse dropdown-header-top">
+                                            <li><a th:href="@{/admin-panel/all-users}">All users</a>
+                                            </li>
+                                            <li><a href="add-users.html">Add users</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="information" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/search}">Search</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/students}">Students</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/families}">Families</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/health}">Health</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="pages" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/authentication/login.html}">Login</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/logout}">Register</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu end -->
+        <div class="breadcome-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="breadcome-list single-page-breadcome">
+                            <div class="row">
+                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                                    <ul class="breadcome-menu">
+                                        <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                                        </li>
+                                        <li><span class="bread-blod">Add students</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Form -->
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row g-4">
+                <div class="col-md-7 col-lg-8 mx-auto">
+                    <form class="needs-validation" method="get" th:action="@{/admin-panel/create-users}" novalidate>
+                        <div class="row g-3">
+                            <div class="col-sm-6">
+                                <label for="group" class="form-label">Group</label>
+                                <input type="text" class="form-control" id="group" name="group" required>
+                                <div class="invalid-feedback">
+                                    Enter group id.
+                                </div>
+                            </div>
+                            <div class="col-sm-6">
+                                <label for="number" class="form-label">Number of students</label>
+                                <input type="number" class="form-control" id="number" name="number" min="1" required>
+                                <div class="invalid-feedback">
+                                    Enter number of students.
+                                </div>
+                            </div>
+                        </div>
+                        <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Add</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- jquery
+    ============================================ -->
+<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+<!-- metisMenu JS
+    ============================================ -->
+<script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+<script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/admin-panel/all-users.html b/src/main/resources/templates/admin-panel/all-users.html
new file mode 100755
index 0000000..9876978
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/all-users.html
@@ -0,0 +1,245 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" class="no-js" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Admin Panel | All users</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- favicon
+		============================================ -->
+    <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+    <!-- Google Fonts
+		============================================ -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+    <!-- Bootstrap CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+    <!-- Font Awesome
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+    <!-- normalize CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/normalize.css}">
+    <!-- meanmenu icon CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+    <!-- metisMenu CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+    <!-- style CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/style.css}">
+    <!-- responsive CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+    <!--[if lt IE 8]>
+		<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+	<![endif]-->
+    <!-- Start Left menu area -->
+    <div class="left-sidebar-pro">
+        <nav id="sidebar" class="">
+            <div class="sidebar-header">
+                <img class="main-logo" src="../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+                <strong><img src="../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+            </div>
+            <div class="left-custom-menu-adp-wrap comment-scrollbar">
+                <nav class="sidebar-nav left-sidebar-menu-pro">
+                    <ul class="metismenu" id="menu1">
+                        <li class="active">
+                            <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+                                <span class="educate-icon educate-student icon-wrap"></span>
+                                <span class="mini-click-non">Users</span>
+                            </a>
+                            <ul class="submenu-angle" aria-expanded="false">
+                                <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+                                <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Information</span></a>
+                            <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+                                <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+                                <li><a title="Students" th:href="@{/admin-panel/information/students}"><span class="mini-sub-pro">Students</span></a></li>
+                                <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+                                <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+                                <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+                                <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+                                <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+                                <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+                                <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+                            </ul>
+                        </li>
+                        <li>
+                            <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+                            <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+                                <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+                                <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+                            </ul>
+                        </li>
+                    </ul>
+                </nav>
+            </div>
+        </nav>
+    </div>
+    <!-- End Left menu area -->
+    <!-- Start Welcome area -->
+    <div class="all-content-wrapper">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="logo-pro">
+                        <img class="main-logo" src="../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="header-advance-area">
+            <div class="header-top-area">
+                <div class="container-fluid">
+                    <div class="row">
+                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                            <div class="header-top-wraper">
+                                <div class="row">
+                                    <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                                        <div class="menu-switcher-pro">
+                                            <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                                            </button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Mobile Menu start -->
+            <div class="mobile-menu-area">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                            <div class="mobile-menu">
+                                <nav id="dropdown">
+                                    <ul class="mobile-menu-nav">
+                                        <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                            <ul id="demopro" class="collapse dropdown-header-top">
+                                                <li><a th:href="@{/admin-panel/all-users}">All users</a>
+                                                </li>
+                                                <li><a href="add-users.html">Add users</a>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                        <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                            <ul id="information" class="collapse dropdown-header-top">
+                                                <li>
+                                                    <a th:href="@{/admin-panel/information/search}">Search</a>
+                                                </li>
+                                                <li>
+                                                    <a th:href="@{/admin-panel/information/students}">Students</a>
+                                                </li>
+                                                <li>
+                                                    <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                                                </li>
+                                                <li>
+                                                    <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                                                </li>
+                                                <li>
+                                                    <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                                                </li>
+                                                <li>
+                                                    <a th:href="@{/admin-panel/information/families}">Families</a>
+                                                </li>
+                                                <li>
+                                                    <a th:href="@{/admin-panel/information/health}">Health</a>
+                                                </li>
+                                                <li>
+                                                    <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                                                </li>
+                                                <li>
+                                                    <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                        <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                            <ul id="pages" class="collapse dropdown-header-top">
+                                                <li>
+                                                    <a th:href="@{/authentication/login.html}">Login</a>
+                                                </li>
+                                                <li>
+                                                    <a th:href="@{/logout}">Register</a>
+                                                </li>
+                                            </ul>
+                                        </li>
+                                    </ul>
+                                </nav>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Mobile Menu end -->
+            <div class="breadcome-area">
+                <div class="container-fluid">
+                    <div class="row">
+                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                            <div class="breadcome-list single-page-breadcome">
+                                <div class="row">
+                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                                        <ul class="breadcome-menu">
+                                            <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                                            </li>
+                                            <li><span class="bread-blod">All users</span>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="product-status mg-b-15">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="product-status-wrap">
+                            <h4>All users</h4>
+                            <div class="asset-inner">
+                                <table>
+                                    <tr>
+                                        <th>Id</th>
+                                        <th>Username</th>
+                                        <th>Active</th>
+                                        <th>Roles</th>
+                                    </tr>
+                                    <tr th:each="user: ${users}">
+                                        <td th:text="${user.id}"></td>
+                                        <td th:text="${user.username}"></td>
+                                        <td th:text="${user.active}"></td>
+                                        <td th:text="${user.roles}"></td>
+                                    </tr>
+                                </table>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- jquery
+		============================================ -->
+    <script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+    <!-- metisMenu JS
+		============================================ -->
+    <script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+    <script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/admin-panel/information/all.html b/src/main/resources/templates/admin-panel/information/all.html
new file mode 100755
index 0000000..95d0c33
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/information/all.html
@@ -0,0 +1,567 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" class="no-js" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Admin Panel | All information</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- favicon
+        ============================================ -->
+    <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+    <!-- Google Fonts
+        ============================================ -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+    <!-- Bootstrap CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+    <!-- Font Awesome
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+    <!-- normalize CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/normalize.css}">
+    <!-- meanmenu icon CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+    <!-- metisMenu CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+    <!-- style CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/style.css}">
+    <!-- responsive CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+<!--[if lt IE 8]>
+<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+<!-- Start Left menu area -->
+<div class="left-sidebar-pro">
+    <nav id="sidebar" class="">
+        <div class="sidebar-header">
+            <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+            <strong><img src="../../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+        </div>
+        <div class="left-custom-menu-adp-wrap comment-scrollbar">
+            <nav class="sidebar-nav left-sidebar-menu-pro">
+                <ul class="metismenu" id="menu1">
+                    <li>
+                        <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+                            <span class="educate-icon educate-student icon-wrap"></span>
+                            <span class="mini-click-non">Users</span>
+                        </a>
+                        <ul class="submenu-angle" aria-expanded="false">
+                            <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+                            <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+                        </ul>
+                    </li>
+                    <li class="active">
+                        <a class="has-arrow" href="#" aria-expanded="true"> <span class="mini-click-non">Information</span></a>
+                        <ul class="submenu-angle collapse show" aria-expanded="false">
+                            <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+                            <li><a title="Students" th:href="@{/admin-panel/information/students}"><span class="mini-sub-pro">Students</span></a></li>
+                            <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+                            <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+                            <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+                            <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+                            <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+                            <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+                            <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+                        <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+                            <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+                            <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </nav>
+</div>
+<!-- End Left menu area -->
+<!-- Start Welcome area -->
+<div class="all-content-wrapper">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                <div class="logo-pro">
+                    <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="header-advance-area">
+        <div class="header-top-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="header-top-wraper">
+                            <div class="row">
+                                <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                                    <div class="menu-switcher-pro">
+                                        <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu start -->
+        <div class="mobile-menu-area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="mobile-menu">
+                            <nav id="dropdown">
+                                <ul class="mobile-menu-nav">
+                                    <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="demopro" class="collapse dropdown-header-top">
+                                            <li><a th:href="@{/admin-panel/all-users}">Users</a>
+                                            </li>
+                                            <li><a th:href="@{/admin-panel/add-users}">Add users</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="information" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/search}">Search</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/students}">Students</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/families}">Families</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/health}">Health</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="pages" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/authentication/login.html}">Login</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/logout}">Register</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu end -->
+        <div class="breadcome-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="breadcome-list single-page-breadcome">
+                            <div class="row">
+                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                                    <ul class="breadcome-menu">
+                                        <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                                        </li>
+                                        <li><span class="bread-blod">All information</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>User</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Username</th>
+                                    <th>Active</th>
+                                    <th>Roles</th>
+                                </tr>
+                                <tr th:each="user: ${users}">
+                                    <td th:text="${user.id}"></td>
+                                    <td th:text="${user.username}"></td>
+                                    <td th:text="${user.active}"></td>
+                                    <td th:text="${user.roles}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Student</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Diploma</th>
+                                    <th>Telephone number</th>
+                                    <th>Religion</th>
+                                    <th>Car</th>
+                                    <th>House</th>
+                                    <th>Photo</th>
+                                </tr>
+                                <tr th:each="student: ${students}">
+                                    <td th:text="${student.id}"></td>
+                                    <td th:text="${student.diploma}"></td>
+                                    <td th:text="${student.telephoneNumber}"></td>
+                                    <td th:text="${student.religion}"></td>
+                                    <td th:text="${student.car}"></td>
+                                    <td th:text="${student.house}"></td>
+                                    <td>
+                                        <a th:href="*{'data:image/png;base64,' + student.encodedPhoto}">
+                                            <img alt="Photo" src="" th:src="*{'data:image/png;base64,' + student.encodedPhoto}">
+                                        </a>
+                                    </td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Educational system</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Exists</th>
+                                    <th>Number</th>
+                                    <th>Degree</th>
+                                    <th>Course</th>
+                                    <th>Form of learning</th>
+                                    <th>Language</th>
+                                    <th>Year</th>
+                                    <th>Faculty</th>
+                                    <th>DirectionCode</th>
+                                    <th>DirectionName</th>
+                                    <th>Group</th>
+                                    <th>FormOfEducation</th>
+                                    <th>Privilege</th>
+                                    <th>Type of place</th>
+                                    <th>Region</th>
+                                    <th>City</th>
+                                    <th>Address</th>
+                                </tr>
+                                <tr th:each="educationalSystem: ${educationalSystems}">
+                                    <td th:text="${educationalSystem.id}"></td>
+                                    <td th:text="${educationalSystem.exists}"></td>
+                                    <td th:text="${educationalSystem.number}"></td>
+                                    <td th:text="${educationalSystem.degree}"></td>
+                                    <td th:text="${educationalSystem.course}"></td>
+                                    <td th:text="${educationalSystem.formOfLearning}"></td>
+                                    <td th:text="${educationalSystem.language}"></td>
+                                    <td th:text="${educationalSystem.year}"></td>
+                                    <td th:text="${educationalSystem.faculty}"></td>
+                                    <td th:text="${educationalSystem.directionCode}"></td>
+                                    <td th:text="${educationalSystem.directionName}"></td>
+                                    <td th:text="${educationalSystem.group}"></td>
+                                    <td th:text="${educationalSystem.formOfEducation}"></td>
+                                    <td th:text="${educationalSystem.privilege}"></td>
+                                    <td th:text="${educationalSystem.typeOfPlace}"></td>
+                                    <td th:text="${educationalSystem.region}"></td>
+                                    <td th:text="${educationalSystem.city}"></td>
+                                    <td th:text="${educationalSystem.address}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Passport</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>First name</th>
+                                    <th>Last name</th>
+                                    <th>Middle name</th>
+                                    <th>PINFL</th>
+                                    <th>INN</th>
+                                    <th>Serial number</th>
+                                    <th>Date of issue</th>
+                                    <th>Birthday</th>
+                                    <th>Age</th>
+                                    <th>Nationality</th>
+                                    <th>Gender</th>
+                                    <th>Republic</th>
+                                    <th>Region</th>
+                                    <th>City</th>
+                                    <th>Organization</th>
+                                    <th>Village</th>
+                                    <th>District</th>
+                                    <th>Address</th>
+                                </tr>
+                                <tr th:each="passport: ${passports}">
+                                    <td th:text="${passport.id}"></td>
+                                    <td th:text="${passport.firstName}"></td>
+                                    <td th:text="${passport.lastName}"></td>
+                                    <td th:text="${passport.middleName}"></td>
+                                    <td th:text="${passport.PINFL}"></td>
+                                    <td th:text="${passport.INN}"></td>
+                                    <td th:text="${passport.serialNumber}"></td>
+                                    <td th:text="${passport.dateOfIssue}"></td>
+                                    <td th:text="${passport.birthday}"></td>
+                                    <td th:text="${passport.age}"></td>
+                                    <td th:text="${passport.nationality}"></td>
+                                    <td th:text="${passport.gender}"></td>
+                                    <td th:text="${passport.republic}"></td>
+                                    <td th:text="${passport.region}"></td>
+                                    <td th:text="${passport.city}"></td>
+                                    <td th:text="${passport.organization}"></td>
+                                    <td th:text="${passport.village}"></td>
+                                    <td th:text="${passport.district}"></td>
+                                    <td th:text="${passport.address}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Graduated institution</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Name</th>
+                                    <th>Type</th>
+                                    <th>Territory</th>
+                                    <th>Certificate series</th>
+                                    <th>Certificate number</th>
+                                    <th>Certificate date of issue</th>
+                                </tr>
+                                <tr th:each="graduatedInstitution: ${graduatedInstitutions}">
+                                    <td th:text="${graduatedInstitution.id}"></td>
+                                    <td th:text="${graduatedInstitution.name}"></td>
+                                    <td th:text="${graduatedInstitution.type}"></td>
+                                    <td th:text="${graduatedInstitution.territory}"></td>
+                                    <td th:text="${graduatedInstitution.certificate.series}"></td>
+                                    <td th:text="${graduatedInstitution.certificate.number}"></td>
+                                    <td th:text="${graduatedInstitution.certificate.dateOfIssue}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Family</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Is parents divorced</th>
+                                    <th>Is married</th>
+                                    <th>Fathers first name</th>
+                                    <th>Fathers last name</th>
+                                    <th>Fathers middle name</th>
+                                    <th>Fathers birthday</th>
+                                    <th>Fathers place of work</th>
+                                    <th>Fathers telephone number</th>
+                                    <th>Mothers first name</th>
+                                    <th>Mothers last name</th>
+                                    <th>Mothers middle name</th>
+                                    <th>Mothers birthday</th>
+                                    <th>Mothers place of work</th>
+                                    <th>Mothers telephone number</th>
+                                </tr>
+                                <tr th:each="family: ${families}">
+                                    <td th:text="${family.id}"></td>
+                                    <td th:text="${family.parentsDivorced}"></td>
+                                    <td th:text="${family.isMarried}"></td>
+                                    <td th:text="${family.father.firstName}"></td>
+                                    <td th:text="${family.father.lastName}"></td>
+                                    <td th:text="${family.father.middleName}"></td>
+                                    <td th:text="${family.father.birthday}"></td>
+                                    <td th:text="${family.father.placeOfWork}"></td>
+                                    <td th:text="${family.father.telephoneNumber}"></td>
+                                    <td th:text="${family.mother.firstName}"></td>
+                                    <td th:text="${family.mother.lastName}"></td>
+                                    <td th:text="${family.mother.middleName}"></td>
+                                    <td th:text="${family.mother.birthday}"></td>
+                                    <td th:text="${family.mother.placeOfWork}"></td>
+                                    <td th:text="${family.mother.telephoneNumber}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Health</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Invalid</th>
+                                    <th>Invalid group</th>
+                                    <th>Invalid diagnosis</th>
+                                </tr>
+                                <tr th:each="health: ${healths}">
+                                    <td th:text="${health.id}"></td>
+                                    <td th:text="${health.invalid}"></td>
+                                    <td th:text="${health.invalidGroup}"></td>
+                                    <td th:text="${health.invalidDiagnosis}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Job</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Name</th>
+                                    <th>Territory</th>
+                                    <th>Telephone number</th>
+                                    <th>Managers first name</th>
+                                    <th>Managers middle name</th>
+                                    <th>Managers last name</th>
+                                </tr>
+                                <tr th:each="job: ${jobs}">
+                                    <td th:text="${job.id}"></td>
+                                    <td th:text="${job.name}"></td>
+                                    <td th:text="${job.territory}"></td>
+                                    <td th:text="${job.telephoneNumber}"></td>
+                                    <td th:text="${job.manager.firstName}"></td>
+                                    <td th:text="${job.manager.middleName}"></td>
+                                    <td th:text="${job.manager.lastName}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Military service</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Type</th>
+                                    <th>Place</th>
+                                    <th>Year</th>
+                                    <th>Serial number</th>
+                                    <th>Alternative</th>
+                                </tr>
+                                <tr th:each="militaryService: ${militaryServices}">
+                                    <td th:text="${militaryService.id}"></td>
+                                    <td th:text="${militaryService.type}"></td>
+                                    <td th:text="${militaryService.place}"></td>
+                                    <td th:text="${militaryService.year}"></td>
+                                    <td th:text="${militaryService.serialNumber}"></td>
+                                    <td th:text="${militaryService.alternative}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- jquery
+    ============================================ -->
+<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+<!-- metisMenu JS
+    ============================================ -->
+<script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+<script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/admin-panel/information/educational-systems.html b/src/main/resources/templates/admin-panel/information/educational-systems.html
new file mode 100755
index 0000000..d249655
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/information/educational-systems.html
@@ -0,0 +1,273 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" class="no-js" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Admin Panel | Educational systems</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- favicon
+		============================================ -->
+    <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+    <!-- Google Fonts
+		============================================ -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+    <!-- Bootstrap CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+    <!-- Font Awesome
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+    <!-- normalize CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/normalize.css}">
+    <!-- meanmenu icon CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+    <!-- metisMenu CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+    <!-- style CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/style.css}">
+    <!-- responsive CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+<!--[if lt IE 8]>
+<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+<!-- Start Left menu area -->
+<div class="left-sidebar-pro">
+    <nav id="sidebar" class="">
+        <div class="sidebar-header">
+            <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+            <strong><img src="../../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+        </div>
+        <div class="left-custom-menu-adp-wrap comment-scrollbar">
+            <nav class="sidebar-nav left-sidebar-menu-pro">
+                <ul class="metismenu" id="menu1">
+                    <li>
+                        <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+                            <span class="educate-icon educate-student icon-wrap"></span>
+                            <span class="mini-click-non">Users</span>
+                        </a>
+                        <ul class="submenu-angle" aria-expanded="false">
+                            <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+                            <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+                        </ul>
+                    </li>
+                    <li class="active">
+                        <a class="has-arrow" href="#" aria-expanded="true"> <span class="mini-click-non">Information</span></a>
+                        <ul class="submenu-angle collapse show" aria-expanded="false">
+                            <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+                            <li><a title="Students" th:href="@{/admin-panel/information/students}"><span class="mini-sub-pro">Students</span></a></li>
+                            <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+                            <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+                            <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+                            <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+                            <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+                            <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+                            <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+                        <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+                            <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+                            <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </nav>
+</div>
+<!-- End Left menu area -->
+<!-- Start Welcome area -->
+<div class="all-content-wrapper">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                <div class="logo-pro">
+                    <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="header-advance-area">
+        <div class="header-top-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="header-top-wraper">
+                            <div class="row">
+                                <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                                    <div class="menu-switcher-pro">
+                                        <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu start -->
+        <div class="mobile-menu-area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="mobile-menu">
+                            <nav id="dropdown">
+                                <ul class="mobile-menu-nav">
+                                    <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="demopro" class="collapse dropdown-header-top">
+                                            <li><a th:href="@{/admin-panel/all-users}">All users</a>
+                                            </li>
+                                            <li><a th:href="@{/admin-panel/add-users}">Add users</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="information" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/search}">Search</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/students}">Students</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/families}">Families</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/health}">Health</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="pages" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/authentication/login.html}">Login</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/logout}">Register</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu end -->
+        <div class="breadcome-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="breadcome-list single-page-breadcome">
+                            <div class="row">
+                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                                    <ul class="breadcome-menu">
+                                        <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                                        </li>
+                                        <li><span class="bread-blod">Educational systems</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Educational systems</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Exists</th>
+                                    <th>Number</th>
+                                    <th>Degree</th>
+                                    <th>Course</th>
+                                    <th>Form of learning</th>
+                                    <th>Language</th>
+                                    <th>Year</th>
+                                    <th>Faculty</th>
+                                    <th>DirectionCode</th>
+                                    <th>DirectionName</th>
+                                    <th>Group</th>
+                                    <th>FormOfEducation</th>
+                                    <th>Privilege</th>
+                                    <th>Type of place</th>
+                                    <th>Region</th>
+                                    <th>City</th>
+                                    <th>Address</th>
+                                </tr>
+                                <tr th:each="educationalSystem: ${educationalSystems}">
+                                    <td th:text="${educationalSystem.id}"></td>
+                                    <td th:text="${educationalSystem.exists}"></td>
+                                    <td th:text="${educationalSystem.number}"></td>
+                                    <td th:text="${educationalSystem.degree}"></td>
+                                    <td th:text="${educationalSystem.course}"></td>
+                                    <td th:text="${educationalSystem.formOfLearning}"></td>
+                                    <td th:text="${educationalSystem.language}"></td>
+                                    <td th:text="${educationalSystem.year}"></td>
+                                    <td th:text="${educationalSystem.faculty}"></td>
+                                    <td th:text="${educationalSystem.directionCode}"></td>
+                                    <td th:text="${educationalSystem.directionName}"></td>
+                                    <td th:text="${educationalSystem.group}"></td>
+                                    <td th:text="${educationalSystem.formOfEducation}"></td>
+                                    <td th:text="${educationalSystem.privilege}"></td>
+                                    <td th:text="${educationalSystem.typeOfPlace}"></td>
+                                    <td th:text="${educationalSystem.region}"></td>
+                                    <td th:text="${educationalSystem.city}"></td>
+                                    <td th:text="${educationalSystem.address}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- jquery
+    ============================================ -->
+<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+<!-- metisMenu JS
+    ============================================ -->
+<script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+<script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/admin-panel/information/families.html b/src/main/resources/templates/admin-panel/information/families.html
new file mode 100755
index 0000000..765026c
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/information/families.html
@@ -0,0 +1,267 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" class="no-js" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Admin Panel | Families</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- favicon
+        ============================================ -->
+    <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+    <!-- Google Fonts
+        ============================================ -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+    <!-- Bootstrap CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+    <!-- Font Awesome
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+    <!-- normalize CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/normalize.css}">
+    <!-- meanmenu icon CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+    <!-- metisMenu CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+    <!-- style CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/style.css}">
+    <!-- responsive CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+<!--[if lt IE 8]>
+<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+<!-- Start Left menu area -->
+<div class="left-sidebar-pro">
+    <nav id="sidebar" class="">
+        <div class="sidebar-header">
+            <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+            <strong><img src="../../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+        </div>
+        <div class="left-custom-menu-adp-wrap comment-scrollbar">
+            <nav class="sidebar-nav left-sidebar-menu-pro">
+                <ul class="metismenu" id="menu1">
+                    <li>
+                        <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+                            <span class="educate-icon educate-student icon-wrap"></span>
+                            <span class="mini-click-non">Users</span>
+                        </a>
+                        <ul class="submenu-angle" aria-expanded="false">
+                            <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+                            <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+                        </ul>
+                    </li>
+                    <li class="active">
+                        <a class="has-arrow" href="#" aria-expanded="true"> <span class="mini-click-non">Information</span></a>
+                        <ul class="submenu-angle collapse show" aria-expanded="false">
+                            <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+                            <li><a title="Students" th:href="@{/admin-panel/information/students}"><span class="mini-sub-pro">Students</span></a></li>
+                            <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+                            <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+                            <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+                            <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+                            <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+                            <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+                            <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+                        <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+                            <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+                            <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </nav>
+</div>
+<!-- End Left menu area -->
+<!-- Start Welcome area -->
+<div class="all-content-wrapper">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                <div class="logo-pro">
+                    <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="header-advance-area">
+        <div class="header-top-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="header-top-wraper">
+                            <div class="row">
+                                <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                                    <div class="menu-switcher-pro">
+                                        <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu start -->
+        <div class="mobile-menu-area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="mobile-menu">
+                            <nav id="dropdown">
+                                <ul class="mobile-menu-nav">
+                                    <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="demopro" class="collapse dropdown-header-top">
+                                            <li><a th:href="@{/admin-panel/all-users}">All users</a>
+                                            </li>
+                                            <li><a th:href="@{/admin-panel/add-users}">Add users</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="information" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/search}">Search</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/students}">Students</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Families</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/health}">Health</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="pages" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/templates/authentication/login.html}">Login</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/logout}">Register</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu end -->
+        <div class="breadcome-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="breadcome-list single-page-breadcome">
+                            <div class="row">
+                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                                    <ul class="breadcome-menu">
+                                        <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                                        </li>
+                                        <li><span class="bread-blod">Families</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Families</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Is parents divorced</th>
+                                    <th>Is married</th>
+                                    <th>Fathers first name</th>
+                                    <th>Fathers last name</th>
+                                    <th>Fathers middle name</th>
+                                    <th>Fathers birthday</th>
+                                    <th>Fathers place of work</th>
+                                    <th>Fathers telephone number</th>
+                                    <th>Mothers first name</th>
+                                    <th>Mothers last name</th>
+                                    <th>Mothers middle name</th>
+                                    <th>Mothers birthday</th>
+                                    <th>Mothers place of work</th>
+                                    <th>Mothers telephone number</th>
+                                </tr>
+                                <tr th:each="family: ${families}">
+                                    <td th:text="${family.id}"></td>
+                                    <td th:text="${family.parentsDivorced}"></td>
+                                    <td th:text="${family.isMarried}"></td>
+                                    <td th:text="${family.father.firstName}"></td>
+                                    <td th:text="${family.father.lastName}"></td>
+                                    <td th:text="${family.father.middleName}"></td>
+                                    <td th:text="${family.father.birthday}"></td>
+                                    <td th:text="${family.father.placeOfWork}"></td>
+                                    <td th:text="${family.father.telephoneNumber}"></td>
+                                    <td th:text="${family.mother.firstName}"></td>
+                                    <td th:text="${family.mother.lastName}"></td>
+                                    <td th:text="${family.mother.middleName}"></td>
+                                    <td th:text="${family.mother.birthday}"></td>
+                                    <td th:text="${family.mother.placeOfWork}"></td>
+                                    <td th:text="${family.mother.telephoneNumber}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- jquery
+    ============================================ -->
+<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+<!-- metisMenu JS
+    ============================================ -->
+<script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+<script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/admin-panel/information/graduated-institutions.html b/src/main/resources/templates/admin-panel/information/graduated-institutions.html
new file mode 100755
index 0000000..64d1669
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/information/graduated-institutions.html
@@ -0,0 +1,251 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" class="no-js" lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>Admin Panel | Graduated institutions</title>
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- favicon
+      ============================================ -->
+  <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+  <!-- Google Fonts
+      ============================================ -->
+  <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+  <!-- Bootstrap CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+  <!-- Font Awesome
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+  <!-- normalize CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/normalize.css}">
+  <!-- meanmenu icon CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+  <!-- metisMenu CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+  <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+  <!-- style CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/style.css}">
+  <!-- responsive CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+<!--[if lt IE 8]>
+<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+<!-- Start Left menu area -->
+<div class="left-sidebar-pro">
+  <nav id="sidebar" class="">
+    <div class="sidebar-header">
+      <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+      <strong><img src="../../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+    </div>
+    <div class="left-custom-menu-adp-wrap comment-scrollbar">
+      <nav class="sidebar-nav left-sidebar-menu-pro">
+        <ul class="metismenu" id="menu1">
+          <li>
+            <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+              <span class="educate-icon educate-student icon-wrap"></span>
+              <span class="mini-click-non">Users</span>
+            </a>
+            <ul class="submenu-angle" aria-expanded="false">
+              <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+              <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+            </ul>
+          </li>
+          <li class="active">
+            <a class="has-arrow" href="#" aria-expanded="true"> <span class="mini-click-non">Information</span></a>
+            <ul class="submenu-angle collapse show" aria-expanded="false">
+              <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+              <li><a title="Students" th:href="@{/admin-panel/information/students}"><span class="mini-sub-pro">Students</span></a></li>
+              <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+              <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+              <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+              <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+              <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+              <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+              <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+            </ul>
+          </li>
+          <li>
+            <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+            <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+              <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+              <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </nav>
+</div>
+<!-- End Left menu area -->
+<!-- Start Welcome area -->
+<div class="all-content-wrapper">
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+        <div class="logo-pro">
+          <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="header-advance-area">
+    <div class="header-top-area">
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+            <div class="header-top-wraper">
+              <div class="row">
+                <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                  <div class="menu-switcher-pro">
+                    <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Mobile Menu start -->
+    <div class="mobile-menu-area">
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+            <div class="mobile-menu">
+              <nav id="dropdown">
+                <ul class="mobile-menu-nav">
+                  <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                    <ul id="demopro" class="collapse dropdown-header-top">
+                      <li><a th:href="@{/admin-panel/all-users}">All users</a>
+                      </li>
+                      <li><a th:href="@{/admin-panel/add-users}">Add users</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                    <ul id="information" class="collapse dropdown-header-top">
+                      <li>
+                        <a th:href="@{/admin-panel/information/search}">Search</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/students}">Students</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/families}">Families</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/health}">Health</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                    <ul id="pages" class="collapse dropdown-header-top">
+                      <li>
+                        <a th:href="@{/templates/authentication/login.html}">Login</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/logout}">Register</a>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </nav>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Mobile Menu end -->
+    <div class="breadcome-area">
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+            <div class="breadcome-list single-page-breadcome">
+              <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                  <ul class="breadcome-menu">
+                    <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                    </li>
+                    <li><span class="bread-blod">Graduated institutions</span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="product-status mg-b-15">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+          <div class="product-status-wrap">
+            <h4>Graduated institutions</h4>
+            <div class="asset-inner">
+              <table>
+                <tr>
+                  <th>Id</th>
+                  <th>Name</th>
+                  <th>Type</th>
+                  <th>Territory</th>
+                  <th>Certificate series</th>
+                  <th>Certificate number</th>
+                  <th>Certificate date of issue</th>
+                </tr>
+                <tr th:each="graduatedInstitution: ${graduatedInstitutions}">
+                  <td th:text="${graduatedInstitution.id}"></td>
+                  <td th:text="${graduatedInstitution.name}"></td>
+                  <td th:text="${graduatedInstitution.type}"></td>
+                  <td th:text="${graduatedInstitution.territory}"></td>
+                  <td th:text="${graduatedInstitution.certificate.series}"></td>
+                  <td th:text="${graduatedInstitution.certificate.number}"></td>
+                  <td th:text="${graduatedInstitution.certificate.dateOfIssue}"></td>
+                </tr>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- jquery
+    ============================================ -->
+<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+<!-- metisMenu JS
+    ============================================ -->
+<script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+<script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/admin-panel/information/health.html b/src/main/resources/templates/admin-panel/information/health.html
new file mode 100755
index 0000000..a271770
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/information/health.html
@@ -0,0 +1,245 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" class="no-js" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Admin Panel | Health</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- favicon
+        ============================================ -->
+    <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+    <!-- Google Fonts
+        ============================================ -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+    <!-- Bootstrap CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+    <!-- Font Awesome
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+    <!-- normalize CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/normalize.css}">
+    <!-- meanmenu icon CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+    <!-- metisMenu CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+    <!-- style CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/style.css}">
+    <!-- responsive CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+<!--[if lt IE 8]>
+<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+<!-- Start Left menu area -->
+<div class="left-sidebar-pro">
+    <nav id="sidebar" class="">
+        <div class="sidebar-header">
+            <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+            <strong><img src="../../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+        </div>
+        <div class="left-custom-menu-adp-wrap comment-scrollbar">
+            <nav class="sidebar-nav left-sidebar-menu-pro">
+                <ul class="metismenu" id="menu1">
+                    <li>
+                        <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+                            <span class="educate-icon educate-student icon-wrap"></span>
+                            <span class="mini-click-non">Users</span>
+                        </a>
+                        <ul class="submenu-angle" aria-expanded="false">
+                            <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+                            <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+                        </ul>
+                    </li>
+                    <li class="active">
+                        <a class="has-arrow" href="#" aria-expanded="true"> <span class="mini-click-non">Information</span></a>
+                        <ul class="submenu-angle collapse show" aria-expanded="false">
+                            <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+                            <li><a title="Students" th:href="@{/admin-panel/information/students}"><span class="mini-sub-pro">Students</span></a></li>
+                            <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+                            <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+                            <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+                            <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+                            <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+                            <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+                            <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+                        <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+                            <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+                            <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </nav>
+</div>
+<!-- End Left menu area -->
+<!-- Start Welcome area -->
+<div class="all-content-wrapper">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                <div class="logo-pro">
+                    <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="header-advance-area">
+        <div class="header-top-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="header-top-wraper">
+                            <div class="row">
+                                <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                                    <div class="menu-switcher-pro">
+                                        <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu start -->
+        <div class="mobile-menu-area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="mobile-menu">
+                            <nav id="dropdown">
+                                <ul class="mobile-menu-nav">
+                                    <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="demopro" class="collapse dropdown-header-top">
+                                            <li><a th:href="@{/admin-panel/all-users}">All users</a>
+                                            </li>
+                                            <li><a th:href="@{/admin-panel/add-users}">Add users</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="information" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/search}">Search</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/students}">Students</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Families</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/health}">Health</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="pages" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/templates/authentication/login.html}">Login</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/logout}">Register</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu end -->
+        <div class="breadcome-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="breadcome-list single-page-breadcome">
+                            <div class="row">
+                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                                    <ul class="breadcome-menu">
+                                        <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                                        </li>
+                                        <li><span class="bread-blod">Health</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Health</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Invalid</th>
+                                    <th>Invalid group</th>
+                                    <th>Invalid diagnosis</th>
+                                </tr>
+                                <tr th:each="health: ${health}">
+                                    <td th:text="${health.id}"></td>
+                                    <td th:text="${health.invalid}"></td>
+                                    <td th:text="${health.invalidGroup}"></td>
+                                    <td th:text="${health.invalidDiagnosis}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- jquery
+    ============================================ -->
+<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+<!-- metisMenu JS
+    ============================================ -->
+<script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+<script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/admin-panel/information/jobs.html b/src/main/resources/templates/admin-panel/information/jobs.html
new file mode 100755
index 0000000..29ec489
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/information/jobs.html
@@ -0,0 +1,251 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" class="no-js" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Admin Panel | Jobs</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- favicon
+        ============================================ -->
+    <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+    <!-- Google Fonts
+        ============================================ -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+    <!-- Bootstrap CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+    <!-- Font Awesome
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+    <!-- normalize CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/normalize.css}">
+    <!-- meanmenu icon CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+    <!-- metisMenu CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+    <!-- style CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/style.css}">
+    <!-- responsive CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+<!--[if lt IE 8]>
+<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+<!-- Start Left menu area -->
+<div class="left-sidebar-pro">
+    <nav id="sidebar" class="">
+        <div class="sidebar-header">
+            <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+            <strong><img src="../../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+        </div>
+        <div class="left-custom-menu-adp-wrap comment-scrollbar">
+            <nav class="sidebar-nav left-sidebar-menu-pro">
+                <ul class="metismenu" id="menu1">
+                    <li>
+                        <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+                            <span class="educate-icon educate-student icon-wrap"></span>
+                            <span class="mini-click-non">Users</span>
+                        </a>
+                        <ul class="submenu-angle" aria-expanded="false">
+                            <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+                            <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+                        </ul>
+                    </li>
+                    <li class="active">
+                        <a class="has-arrow" href="#" aria-expanded="true"> <span class="mini-click-non">Information</span></a>
+                        <ul class="submenu-angle collapse show" aria-expanded="false">
+                            <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+                            <li><a title="Students" th:href="@{/admin-panel/information/students}"><span class="mini-sub-pro">Students</span></a></li>
+                            <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+                            <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+                            <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+                            <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+                            <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+                            <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+                            <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+                        <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+                            <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+                            <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </nav>
+</div>
+<!-- End Left menu area -->
+<!-- Start Welcome area -->
+<div class="all-content-wrapper">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                <div class="logo-pro">
+                    <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="header-advance-area">
+        <div class="header-top-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="header-top-wraper">
+                            <div class="row">
+                                <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                                    <div class="menu-switcher-pro">
+                                        <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu start -->
+        <div class="mobile-menu-area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="mobile-menu">
+                            <nav id="dropdown">
+                                <ul class="mobile-menu-nav">
+                                    <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="demopro" class="collapse dropdown-header-top">
+                                            <li><a th:href="@{/admin-panel/all-users}">All users</a>
+                                            </li>
+                                            <li><a th:href="@{/admin-panel/add-users}">Add users</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="information" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/search}">Search</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/students}">Students</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Families</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/health}">Health</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="pages" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/authentication/login}">Login</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/logout}">Register</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu end -->
+        <div class="breadcome-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="breadcome-list single-page-breadcome">
+                            <div class="row">
+                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                                    <ul class="breadcome-menu">
+                                        <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                                        </li>
+                                        <li><span class="bread-blod">Jobs</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Jobs</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Name</th>
+                                    <th>Territory</th>
+                                    <th>Telephone number</th>
+                                    <th>Managers first name</th>
+                                    <th>Managers middle name</th>
+                                    <th>Managers last name</th>
+                                </tr>
+                                <tr th:each="job: ${jobs}">
+                                    <td th:text="${job.id}"></td>
+                                    <td th:text="${job.name}"></td>
+                                    <td th:text="${job.territory}"></td>
+                                    <td th:text="${job.telephoneNumber}"></td>
+                                    <td th:text="${job.manager.firstName}"></td>
+                                    <td th:text="${job.manager.middleName}"></td>
+                                    <td th:text="${job.manager.lastName}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- jquery
+    ============================================ -->
+<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+<!-- metisMenu JS
+    ============================================ -->
+<script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+<script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/admin-panel/information/military-services.html b/src/main/resources/templates/admin-panel/information/military-services.html
new file mode 100755
index 0000000..dcbac4c
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/information/military-services.html
@@ -0,0 +1,249 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" class="no-js" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Admin Panel | Military services</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- favicon
+        ============================================ -->
+    <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+    <!-- Google Fonts
+        ============================================ -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+    <!-- Bootstrap CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+    <!-- Font Awesome
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+    <!-- normalize CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/normalize.css}">
+    <!-- meanmenu icon CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+    <!-- metisMenu CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+    <!-- style CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/style.css}">
+    <!-- responsive CSS
+        ============================================ -->
+    <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+<!--[if lt IE 8]>
+<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+<!-- Start Left menu area -->
+<div class="left-sidebar-pro">
+    <nav id="sidebar" class="">
+        <div class="sidebar-header">
+            <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+            <strong><img src="../../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+        </div>
+        <div class="left-custom-menu-adp-wrap comment-scrollbar">
+            <nav class="sidebar-nav left-sidebar-menu-pro">
+                <ul class="metismenu" id="menu1">
+                    <li>
+                        <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+                            <span class="educate-icon educate-student icon-wrap"></span>
+                            <span class="mini-click-non">Users</span>
+                        </a>
+                        <ul class="submenu-angle" aria-expanded="false">
+                            <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+                            <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+                        </ul>
+                    </li>
+                    <li class="active">
+                        <a class="has-arrow" href="#" aria-expanded="true"> <span class="mini-click-non">Information</span></a>
+                        <ul class="submenu-angle collapse show" aria-expanded="false">
+                            <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+                            <li><a title="Students" th:href="@{/admin-panel/information/students}"><span class="mini-sub-pro">Students</span></a></li>
+                            <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+                            <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+                            <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+                            <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+                            <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+                            <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+                            <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+                        <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+                            <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+                            <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </nav>
+</div>
+<!-- End Left menu area -->
+<!-- Start Welcome area -->
+<div class="all-content-wrapper">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                <div class="logo-pro">
+                    <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="header-advance-area">
+        <div class="header-top-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="header-top-wraper">
+                            <div class="row">
+                                <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                                    <div class="menu-switcher-pro">
+                                        <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu start -->
+        <div class="mobile-menu-area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="mobile-menu">
+                            <nav id="dropdown">
+                                <ul class="mobile-menu-nav">
+                                    <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="demopro" class="collapse dropdown-header-top">
+                                            <li><a th:href="@{/admin-panel/all-users}">All users</a>
+                                            </li>
+                                            <li><a th:href="@{/admin-panel/add-users}">Add users</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="information" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/search}">Search</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/students}">Students</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Families</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/health}">Health</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="pages" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/authentication/login}">Login</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/logout}">Register</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu end -->
+        <div class="breadcome-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="breadcome-list single-page-breadcome">
+                            <div class="row">
+                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                                    <ul class="breadcome-menu">
+                                        <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                                        </li>
+                                        <li><span class="bread-blod">Military services</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                    <div class="product-status-wrap">
+                        <h4>Military services</h4>
+                        <div class="asset-inner">
+                            <table>
+                                <tr>
+                                    <th>Id</th>
+                                    <th>Type</th>
+                                    <th>Place</th>
+                                    <th>Year</th>
+                                    <th>Serial number</th>
+                                    <th>Alternative</th>
+                                </tr>
+                                <tr th:each="militaryService: ${militaryServices}">
+                                    <td th:text="${militaryService.id}"></td>
+                                    <td th:text="${militaryService.type}"></td>
+                                    <td th:text="${militaryService.place}"></td>
+                                    <td th:text="${militaryService.year}"></td>
+                                    <td th:text="${militaryService.serialNumber}"></td>
+                                    <td th:text="${militaryService.alternative}"></td>
+                                </tr>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- jquery
+    ============================================ -->
+<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+<!-- metisMenu JS
+    ============================================ -->
+<script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+<script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/admin-panel/information/passports.html b/src/main/resources/templates/admin-panel/information/passports.html
new file mode 100755
index 0000000..8178b5c
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/information/passports.html
@@ -0,0 +1,275 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" class="no-js" lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>Admin Panel | Passports</title>
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- favicon
+      ============================================ -->
+  <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+  <!-- Google Fonts
+      ============================================ -->
+  <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+  <!-- Bootstrap CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+  <!-- Font Awesome
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+  <!-- normalize CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/normalize.css}">
+  <!-- meanmenu icon CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+  <!-- metisMenu CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+  <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+  <!-- style CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/style.css}">
+  <!-- responsive CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+<!--[if lt IE 8]>
+<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+<!-- Start Left menu area -->
+<div class="left-sidebar-pro">
+  <nav id="sidebar" class="">
+    <div class="sidebar-header">
+      <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+      <strong><img src="../../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+    </div>
+    <div class="left-custom-menu-adp-wrap comment-scrollbar">
+      <nav class="sidebar-nav left-sidebar-menu-pro">
+        <ul class="metismenu" id="menu1">
+          <li>
+            <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+              <span class="educate-icon educate-student icon-wrap"></span>
+              <span class="mini-click-non">Users</span>
+            </a>
+            <ul class="submenu-angle" aria-expanded="false">
+              <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+              <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+            </ul>
+          </li>
+          <li class="active">
+            <a class="has-arrow" href="#" aria-expanded="true"> <span class="mini-click-non">Information</span></a>
+            <ul class="submenu-angle collapse show" aria-expanded="false">
+              <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+              <li><a title="Students" th:href="@{/admin-panel/information/students}"><span class="mini-sub-pro">Students</span></a></li>
+              <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+              <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+              <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+              <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+              <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+              <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+              <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+            </ul>
+          </li>
+          <li>
+            <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+            <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+              <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+              <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </nav>
+</div>
+<!-- End Left menu area -->
+<!-- Start Welcome area -->
+<div class="all-content-wrapper">
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+        <div class="logo-pro">
+          <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="header-advance-area">
+    <div class="header-top-area">
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+            <div class="header-top-wraper">
+              <div class="row">
+                <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                  <div class="menu-switcher-pro">
+                    <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Mobile Menu start -->
+    <div class="mobile-menu-area">
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+            <div class="mobile-menu">
+              <nav id="dropdown">
+                <ul class="mobile-menu-nav">
+                  <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                    <ul id="demopro" class="collapse dropdown-header-top">
+                      <li><a th:href="@{/admin-panel/all-users}">All users</a>
+                      </li>
+                      <li><a th:href="@{/admin-panel/add-users}">Add users</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                    <ul id="information" class="collapse dropdown-header-top">
+                      <li>
+                        <a th:href="@{/admin-panel/information/search}">Search</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/students}">Students</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/families}">Families</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/health}">Health</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                    <ul id="pages" class="collapse dropdown-header-top">
+                      <li>
+                        <a th:href="@{/templates/authentication/login.html}">Login</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/logout}">Register</a>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </nav>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Mobile Menu end -->
+    <div class="breadcome-area">
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+            <div class="breadcome-list single-page-breadcome">
+              <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                  <ul class="breadcome-menu">
+                    <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                    </li>
+                    <li><span class="bread-blod">Passports</span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="product-status mg-b-15">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+          <div class="product-status-wrap">
+            <h4>Passports</h4>
+            <div class="asset-inner">
+              <table>
+                <tr>
+                  <th>Id</th>
+                  <th>First name</th>
+                  <th>Last name</th>
+                  <th>Middle name</th>
+                  <th>PINFL</th>
+                  <th>INN</th>
+                  <th>Serial number</th>
+                  <th>Date of issue</th>
+                  <th>Birthday</th>
+                  <th>Age</th>
+                  <th>Nationality</th>
+                  <th>Gender</th>
+                  <th>Republic</th>
+                  <th>Region</th>
+                  <th>City</th>
+                  <th>Organization</th>
+                  <th>Village</th>
+                  <th>District</th>
+                  <th>Address</th>
+                </tr>
+                <tr th:each="passport: ${passports}">
+                  <td th:text="${passport.id}"></td>
+                  <td th:text="${passport.firstName}"></td>
+                  <td th:text="${passport.lastName}"></td>
+                  <td th:text="${passport.middleName}"></td>
+                  <td th:text="${passport.PINFL}"></td>
+                  <td th:text="${passport.INN}"></td>
+                  <td th:text="${passport.serialNumber}"></td>
+                  <td th:text="${passport.dateOfIssue}"></td>
+                  <td th:text="${passport.birthday}"></td>
+                  <td th:text="${passport.age}"></td>
+                  <td th:text="${passport.nationality}"></td>
+                  <td th:text="${passport.gender}"></td>
+                  <td th:text="${passport.republic}"></td>
+                  <td th:text="${passport.region}"></td>
+                  <td th:text="${passport.city}"></td>
+                  <td th:text="${passport.organization}"></td>
+                  <td th:text="${passport.village}"></td>
+                  <td th:text="${passport.district}"></td>
+                  <td th:text="${passport.address}"></td>
+                </tr>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- jquery
+    ============================================ -->
+<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+<!-- metisMenu JS
+    ============================================ -->
+<script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+<script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/admin-panel/information/search.html b/src/main/resources/templates/admin-panel/information/search.html
new file mode 100755
index 0000000..690130f
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/information/search.html
@@ -0,0 +1,279 @@
+<!doctype html>
+<html class="no-js" lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <title>Admin Panel | Search</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- favicon
+		============================================ -->
+    <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+    <!-- Google Fonts
+		============================================ -->
+    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+    <!-- Bootstrap CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+    <!-- Font Awesome
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+    <!-- normalize CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/normalize.css}">
+    <!-- meanmenu icon CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+    <!-- metisMenu CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+    <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+    <!-- style CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/style.css}">
+    <!-- responsive CSS
+		============================================ -->
+    <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+<!--[if lt IE 8]>
+<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+<!-- Start Left menu area -->
+<div class="left-sidebar-pro">
+    <nav id="sidebar" class="">
+        <div class="sidebar-header">
+            <img class="main-logo" src="../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+            <strong><img src="../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+        </div>
+        <div class="left-custom-menu-adp-wrap comment-scrollbar">
+            <nav class="sidebar-nav left-sidebar-menu-pro">
+                <ul class="metismenu" id="menu1">
+                    <li>
+                        <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+                            <span class="educate-icon educate-student icon-wrap"></span>
+                            <span class="mini-click-non">Users</span>
+                        </a>
+                        <ul class="submenu-angle" aria-expanded="false">
+                            <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+                            <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+                        </ul>
+                    </li>
+                    <li class="active">
+                        <a class="has-arrow" href="#" aria-expanded="true"> <span class="mini-click-non">Information</span></a>
+                        <ul class="submenu-angle collapse show" aria-expanded="false">
+                            <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+                            <li><a title="Students" th:href="@{/admin-panel/information/students}"><span class="mini-sub-pro">Students</span></a></li>
+                            <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+                            <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+                            <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+                            <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+                            <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+                            <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+                            <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+                        </ul>
+                    </li>
+                    <li>
+                        <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+                        <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+                            <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+                            <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+                        </ul>
+                    </li>
+                </ul>
+            </nav>
+        </div>
+    </nav>
+</div>
+<!-- End Left menu area -->
+<!-- Start Welcome area -->
+<div class="all-content-wrapper">
+    <div class="container-fluid">
+        <div class="row">
+            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                <div class="logo-pro">
+                    <img class="main-logo" src="../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="header-advance-area">
+        <div class="header-top-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="header-top-wraper">
+                            <div class="row">
+                                <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                                    <div class="menu-switcher-pro">
+                                        <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                                        </button>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu start -->
+        <div class="mobile-menu-area">
+            <div class="container">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="mobile-menu">
+                            <nav id="dropdown">
+                                <ul class="mobile-menu-nav">
+                                    <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="demopro" class="collapse dropdown-header-top">
+                                            <li><a th:href="@{/admin-panel/all-users}">All users</a>
+                                            </li>
+                                            <li><a href="add-users.html">Add users</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="information" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/search}">Search</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/students}">Students</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/families}">Families</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/health}">Health</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                    <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                                        <ul id="pages" class="collapse dropdown-header-top">
+                                            <li>
+                                                <a th:href="@{/authentication/login.html}">Login</a>
+                                            </li>
+                                            <li>
+                                                <a th:href="@{/logout}">Register</a>
+                                            </li>
+                                        </ul>
+                                    </li>
+                                </ul>
+                            </nav>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- Mobile Menu end -->
+        <div class="breadcome-area">
+            <div class="container-fluid">
+                <div class="row">
+                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                        <div class="breadcome-list single-page-breadcome">
+                            <div class="row">
+                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                                    <ul class="breadcome-menu">
+                                        <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                                        </li>
+                                        <li><span class="bread-blod">Search</span>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Form -->
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row g-4">
+                <div class="col-md-7 col-lg-8 mx-auto">
+                    <form class="needs-validation" method="get" th:action="@{/admin-panel/information/all}" novalidate>
+                        <div class="row g-3">
+                            <div class="col-sm-12">
+                                <label for="id" class="form-label">All information about student</label>
+                                <input type="text" class="form-control" id="id" name="id" placeholder="Id" required>
+                                <div class="invalid-feedback">
+                                    Enter id of student.
+                                </div>
+                            </div>
+                        </div>
+                        <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Search</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row g-4">
+                <div class="col-md-7 col-lg-8 mx-auto">
+                    <form class="needs-validation" method="get" th:action="@{/admin-panel/information/all}" novalidate>
+                        <div class="row g-3">
+                            <div class="col-sm-12">
+                                <label for="fullName" class="form-label">Students</label>
+                                <input type="text" class="form-control" id="fullName" placeholder="Full name" name="fullName" required>
+                                <div class="invalid-feedback">
+                                    Enter full name of students.
+                                </div>
+                            </div>
+                        </div>
+                        <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Search</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="product-status mg-b-15">
+        <div class="container-fluid">
+            <div class="row g-4">
+                <div class="col-md-7 col-lg-8 mx-auto">
+                    <form class="needs-validation" method="get" th:action="@{/admin-panel/information/all}" novalidate>
+                        <div class="row g-3">
+                            <div class="col-sm-12">
+                                <label for="group" class="form-label">Students</label>
+                                <input type="text" class="form-control" id="group" placeholder="Group" name="group" required>
+                                <div class="invalid-feedback">
+                                    Enter group of students.
+                                </div>
+                            </div>
+                        </div>
+                        <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Search</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- jquery
+    ============================================ -->
+<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+<!-- metisMenu JS
+    ============================================ -->
+<script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+<script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/admin-panel/information/students.html b/src/main/resources/templates/admin-panel/information/students.html
new file mode 100755
index 0000000..897249c
--- /dev/null
+++ b/src/main/resources/templates/admin-panel/information/students.html
@@ -0,0 +1,255 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" class="no-js" lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>Admin Panel | Students</title>
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- favicon
+      ============================================ -->
+  <link rel="shortcut icon" type="image/x-icon" th:href="@{/img/favicon.ico}">
+  <!-- Google Fonts
+      ============================================ -->
+  <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900" rel="stylesheet">
+  <!-- Bootstrap CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
+  <!-- Font Awesome
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
+  <!-- normalize CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/normalize.css}">
+  <!-- meanmenu icon CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/meanmenu.min.css}">
+  <!-- metisMenu CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu.min.css}">
+  <link rel="stylesheet" th:href="@{/css/metisMenu/metisMenu-vertical.css}">
+  <!-- style CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/style.css}">
+  <!-- responsive CSS
+      ============================================ -->
+  <link rel="stylesheet" th:href="@{/css/responsive.css}">
+</head>
+
+<body>
+<!--[if lt IE 8]>
+<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+<![endif]-->
+<!-- Start Left menu area -->
+<div class="left-sidebar-pro">
+  <nav id="sidebar" class="">
+    <div class="sidebar-header">
+      <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+      <strong><img src="../../../static/img/logo/logosn.png" th:src="@{/img/logo/logosn.png}" alt="" /></strong>
+    </div>
+    <div class="left-custom-menu-adp-wrap comment-scrollbar">
+      <nav class="sidebar-nav left-sidebar-menu-pro">
+        <ul class="metismenu" id="menu1">
+          <li>
+            <a class="has-arrow" th:href="@{/}" aria-expanded="false">
+              <span class="educate-icon educate-student icon-wrap"></span>
+              <span class="mini-click-non">Users</span>
+            </a>
+            <ul class="submenu-angle" aria-expanded="false">
+              <li><a title="All users" th:href="@{/admin-panel/all-users}"><span class="mini-sub-pro">All users</span></a></li>
+              <li><a title="Add users" th:href="@{/admin-panel/add-users}"><span class="mini-sub-pro">Add users</span></a></li>
+            </ul>
+          </li>
+          <li class="active">
+            <a class="has-arrow" href="#" aria-expanded="true"> <span class="mini-click-non">Information</span></a>
+            <ul class="submenu-angle collapse show" aria-expanded="false">
+              <li><a title="Search" th:href="@{/admin-panel/information/search}"><span class="mini-sub-pro">Search</span></a></li>
+              <li><a title="Students" th:href="@{/admin-panel/information/students}"><span class="mini-sub-pro">Students</span></a></li>
+              <li><a title="Educational systems" th:href="@{/admin-panel/information/educational-systems}"><span class="mini-sub-pro">Educational systems</span></a></li>
+              <li><a title="Passports" th:href="@{/admin-panel/information/passports}"><span class="mini-sub-pro">Passports</span></a></li>
+              <li><a title="Graduated institutions" th:href="@{/admin-panel/information/graduated-institutions}"><span class="mini-sub-pro">Graduated institutions</span></a></li>
+              <li><a title="Families" th:href="@{/admin-panel/information/families}"><span class="mini-sub-pro">Families</span></a></li>
+              <li><a title="Health" th:href="@{/admin-panel/information/health}"><span class="mini-sub-pro">Health</span></a></li>
+              <li><a title="Jobs" th:href="@{/admin-panel/information/jobs}"><span class="mini-sub-pro">Jobs</span></a></li>
+              <li><a title="Military services" th:href="@{/admin-panel/information/military-services}"><span class="mini-sub-pro">Military services</span></a></li>
+            </ul>
+          </li>
+          <li>
+            <a class="has-arrow" href="#" aria-expanded="false"> <span class="mini-click-non">Pages</span></a>
+            <ul class="submenu-angle page-mini-nb-dp collapse" aria-expanded="false" style="height: 0;">
+              <li><a title="Login" th:href="@{/authentication/login}"><span class="mini-sub-pro">Login</span></a></li>
+              <li><a title="Logout" th:href="@{/logout}"><span class="mini-sub-pro">Logout</span></a></li>
+            </ul>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </nav>
+</div>
+<!-- End Left menu area -->
+<!-- Start Welcome area -->
+<div class="all-content-wrapper">
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+        <div class="logo-pro">
+          <img class="main-logo" src="../../../static/img/logo/logo.png" th:src="@{/img/logo/logo.png}" alt="" />
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="header-advance-area">
+    <div class="header-top-area">
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+            <div class="header-top-wraper">
+              <div class="row">
+                <div class="col-lg-1 col-md-0 col-sm-1 col-xs-12">
+                  <div class="menu-switcher-pro">
+                    <button type="button" id="sidebarCollapse" class="btn bar-button-pro header-drl-controller-btn btn-info navbar-btn p-3">
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Mobile Menu start -->
+    <div class="mobile-menu-area">
+      <div class="container">
+        <div class="row">
+          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+            <div class="mobile-menu">
+              <nav id="dropdown">
+                <ul class="mobile-menu-nav">
+                  <li><a data-toggle="collapse" data-target="#demopro" href="#">Users <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                    <ul id="demopro" class="collapse dropdown-header-top">
+                      <li><a th:href="@{/admin-panel/all-users}">Users</a>
+                      </li>
+                      <li><a th:href="@{/admin-panel/add-users}">Add users</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a data-toggle="collapse" data-target="#information" href="#">Information <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                    <ul id="information" class="collapse dropdown-header-top">
+                      <li>
+                        <a th:href="@{/admin-panel/information/search}">Search</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/students}">Students</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/educational-systems}">Educational systems</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/passports}">Passports</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/graduated-institutions}">Graduated institutions</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/families}">Families</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/health}">Health</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/jobs}">Jobs</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/admin-panel/information/military-services}">Jobs</a>
+                      </li>
+                    </ul>
+                  </li>
+                  <li><a data-toggle="collapse" data-target="#pages" href="#">Pages <span class="admin-project-icon edu-icon edu-down-arrow"></span></a>
+                    <ul id="pages" class="collapse dropdown-header-top">
+                      <li>
+                        <a th:href="@{/authentication/login.html}">Login</a>
+                      </li>
+                      <li>
+                        <a th:href="@{/logout}">Register</a>
+                      </li>
+                    </ul>
+                  </li>
+                </ul>
+              </nav>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- Mobile Menu end -->
+    <div class="breadcome-area">
+      <div class="container-fluid">
+        <div class="row">
+          <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+            <div class="breadcome-list single-page-breadcome">
+              <div class="row">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+                  <ul class="breadcome-menu">
+                    <li><a href="#">Home</a> <span class="bread-slash">/</span>
+                    </li>
+                    <li><span class="bread-blod">Students</span>
+                    </li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="product-status mg-b-15">
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
+          <div class="product-status-wrap">
+            <h4>Students</h4>
+            <div class="asset-inner">
+              <table>
+                <tr>
+                  <th>Id</th>
+                  <th>Diploma</th>
+                  <th>Telephone number</th>
+                  <th>Religion</th>
+                  <th>Car</th>
+                  <th>House</th>
+                  <th>Photo</th>
+                </tr>
+                <tr th:each="student: ${students}">
+                  <td th:text="${student.id}"></td>
+                  <td th:text="${student.diploma}"></td>
+                  <td th:text="${student.telephoneNumber}"></td>
+                  <td th:text="${student.religion}"></td>
+                  <td th:text="${student.car}"></td>
+                  <td th:text="${student.house}"></td>
+                  <td>
+                    <a th:href="*{'data:image/png;base64,' + student.encodedPhoto}">
+                      <img alt="Photo" src="" th:src="*{'data:image/png;base64,' + student.encodedPhoto}">
+                    </a>
+                  </td>
+                </tr>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- jquery
+    ============================================ -->
+<script th:src="@{/js/vendor/jquery-1.12.4.min.js}"></script>
+<!-- metisMenu JS
+    ============================================ -->
+<script th:src="@{/js/metisMenu/metisMenu.min.js}"></script>
+<script th:src="@{/js/metisMenu/metisMenu-active.js}"></script>
+</body>
+
+</html>
+\ No newline at end of file
diff --git a/src/main/resources/templates/authentication/change-password.html b/src/main/resources/templates/authentication/change-password.html
new file mode 100755
index 0000000..800cd1f
--- /dev/null
+++ b/src/main/resources/templates/authentication/change-password.html
@@ -0,0 +1,42 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="author" content="Mavlushechka">
+  <title>Parolni o'zgartirish</title>
+  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
+  <link th:href="@{/css/login.css}" rel="stylesheet">
+</head>
+<body class="text-center">
+<main class="form-signin">
+  <form th:action="@{/authentication/update-password}" method="post">
+    <img class="mb-4" src="../../static/img/student.png" th:src="@{/img/student.png}" alt="Logo" width="90" height="90">
+
+    <h1 class="h3 mb-3 fw-normal">Parolni o'zgartirish</h1>
+
+    <div class="alert-danger" th:if="${incorrectPassword}">
+      Noto'g'ri parol.
+    </div>
+    <div class="alert-danger" th:if="${incorrectNewPassword}">
+      Noto'g'ri yangi parol.
+    </div>
+
+    <div class="form-floating">
+      <input type="password" class="form-control" id="floatingPassword" name="password" placeholder="Parol" required>
+      <label for="floatingPassword">Parol</label>
+    </div>
+    <div class="form-floating">
+      <input type="password" class="form-control" id="floatingNewPassword" name="newPassword" placeholder="Yangi parol" required>
+      <label for="floatingNewPassword">Yangi parol</label>
+    </div>
+    <div class="form-floating">
+      <input type="password" class="form-control" id="floatingNewPassword2" name="newPassword2" placeholder="Yangi parolni qayta kiriting" required>
+      <label for="floatingNewPassword2">Yangi parolni qayta kiriting</label>
+    </div>
+
+    <button class="mb-3 w-100 btn btn-lg btn-primary" type="submit">O'zgartirish</button>
+  </form>
+</main>
+</body>
+</html>
diff --git a/src/main/resources/templates/authentication/login.html b/src/main/resources/templates/authentication/login.html
new file mode 100755
index 0000000..b57ec05
--- /dev/null
+++ b/src/main/resources/templates/authentication/login.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="author" content="Mavlushechka">
+  <title>Kirish</title>
+  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
+  <link th:href="@{/css/login.css}" rel="stylesheet">
+</head>
+<body class="text-center">
+  <main class="form-signin">
+    <form th:action="@{/authentication/login}" method="post">
+      <img class="mb-4" src="../../static/img/student.png" th:src="@{/img/student.png}" alt="Logo" width="90" height="90">
+
+      <h1 class="h3 mb-3 fw-normal">Kirish</h1>
+
+      <div class="alert-danger" th:if="${param.error}">
+        Login yoki parol noto'g'ri.
+      </div>
+      <div class="alert alert-warning" th:if="${param.logout}">
+        Siz tizimdan chiqdingiz.
+      </div>
+
+      <div class="form-floating">
+        <input type="text" class="form-control" id="floatingInput" name="username" placeholder="Login" required>
+        <label for="floatingInput">Login</label>
+      </div>
+      <div class="form-floating">
+        <input type="password" class="form-control" id="floatingPassword" name="password" placeholder="Parol" required>
+        <label for="floatingPassword">Parol</label>
+      </div>
+
+      <div class="checkbox mb-3">
+        <label>
+          <input type="checkbox" value="remember-me"> Eslab qolish
+        </label>
+      </div>
+
+      <button class="mb-3 w-100 btn btn-lg btn-primary" type="submit">Kirish</button>
+    </form>
+  </main>
+</body>
+</html>
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
new file mode 100755
index 0000000..471cb99
--- /dev/null
+++ b/src/main/resources/templates/index.html
@@ -0,0 +1,71 @@
+<!doctype html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="author" content="Mavlushechka">
+  <title>Student Database</title>
+  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
+</head>
+<body>
+  <div class="container">
+    <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom">
+      <span class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none">
+        <img src="../static/img/logo.png" th:src="@{/img/logo.png}" class="m-2" alt="Logo.png" width="36" height="36">
+        <span class="fs-4">Student Database</span>
+      </span>
+      <ul class="nav nav-pills">
+        <li class="nav-item">
+          <a th:href="@{/authentication/login}" th:text="${loginButtonText}" class="nav-link">Kirish</a>
+        </li>
+      </ul>
+    </header>
+  </div>
+
+  <main class="container">
+    <div class="alert alert-warning" th:if="${authorized}">
+      <strong>Diqqat!</strong> Standart <a th:href="@{/authentication/change-password}" class="alert-link">parolni o'zgartirish</a> tavsiya etiladi.
+    </div>
+    <div class="bg-light p-5 mb-5 rounded">
+      <h1>Talaba haqida ma'lumotlar</h1>
+      <p class="lead">Shaxsiy telefon raqami, erishgan yutuqlari (agar diplomga ega bo'lsa), diniy qarashi, shaxsiy avtomashinasi (o`zining nomiga rasmiylashtirilgan bo`lsa), shaxsiy uyi (o`zining nomiga rasmiylashtirilgan bo`lsa), rasmi (3x4).</p>
+      <a class="btn btn-lg btn-primary" th:href="@{/information/student}" role="button">Toldirish &raquo;</a>
+    </div>
+    <div class="bg-light p-5 mb-5 rounded">
+      <h1>OTM bilan bog'liq ma'lumotlar</h1>
+      <p class="lead">Mavjud (talabalar safidan chiqarilmagan), reyting daftarchasi raqami, ta'lim bosqichi, kurs, ta'lim shakli, ta'lim tili, OTMga kirgan yili, fakultet, yo'nalish kodi, yo'nalish nomi, guruh, o'qish shakli, imtiyoz turi (Imtiyoz bilan kirgan bo'lsa), hozirda yashish joyi turi, viloyat, shahar / tuman, manzil (qishloq, mahalla, ko'cha, uy).</p>
+      <a class="btn btn-lg btn-primary" th:href="@{/information/educational-system}" role="button">Toldirish &raquo;</a>
+    </div>
+    <div class="bg-light p-5 mb-5 rounded">
+      <h1>Pasport ma'lumotlar</h1>
+      <p class="lead">Ism, familiya, sharif, PINFL, INN, seriyasi, raqami, berilgan sanasi, tug'ilgan sana, yosh, millat, jins, respublika (fuqaroligi), viloyat, tuman / shahar, bergan tashkilot, qishloq, mahalla, kocha nomi va uy raqami.</p>
+      <a class="btn btn-lg btn-primary" th:href="@{/information/passport}" role="button">Toldirish &raquo;</a>
+    </div>
+    <div class="bg-light p-5 mb-5 rounded">
+      <h1>Tugatgan o'quv muassasi haqida ma'lumotlar</h1>
+      <p class="lead">Nomi, turi, xududi, hujjat seriyasi, hujjat raqami, hujjat berilgan vaqti.</p>
+      <a class="btn btn-lg btn-primary" th:href="@{/information/graduated-institution}" role="button">Toldirish &raquo;</a>
+    </div>
+    <div class="bg-light p-5 mb-5 rounded">
+      <h1>Oilaviy ma'lumotlar</h1>
+      <p class="lead">Talabaning oilaviy ahvoli, otasi-onansidan ajralganmi, otasini familiyasi, otasini ismi, otasini sharifi, otasini tug'ilgan yili, otasini ish joyi, otasini telefon raqami, onasini familiyasi, onasini ismi, onasini sharifi, onasini tug'ilgan yili, onasini ish joyi, onasini telefon raqami.</p>
+      <a class="btn btn-lg btn-primary" th:href="@{/information/family}" role="button">Toldirish &raquo;</a>
+    </div>
+    <div class="bg-light p-5 mb-5 rounded">
+      <h1>Sog'liq haqida ma'lumotlar</h1>
+      <p class="lead">Nogironligi, nogironlik guruh, nogironlik bo'yicha tashxis.</p>
+      <a class="btn btn-lg btn-primary" th:href="@{/information/health}" role="button">Toldirish &raquo;</a>
+    </div>
+    <div class="bg-light p-5 mb-5 rounded">
+      <h1>Ish joyi haqida ma'lumotlar</h1>
+      <p class="lead">Nomi, xududi, telefon nomeri, rahbarni ismi, rahbarni familiyasi, rahbarni sharifi.</p>
+      <a class="btn btn-lg btn-primary" th:href="@{/information/job}" role="button">Toldirish &raquo;</a>
+    </div>
+    <div class="bg-light p-5 mb-5 rounded">
+      <h1>Harbiy xizmatni o'tash holati haqida ma'lumotlar</h1>
+      <p class="lead">Turi, o'tagan joyi, o'tagan yili, guvohnoma raqami, guvohnoma seriyasi, muqobil harbiy xizmat tavsiyanomaning mavjudligi.</p>
+      <a class="btn btn-lg btn-primary" th:href="@{/information/military-service}" role="button">Toldirish &raquo;</a>
+    </div>
+  </main>
+</body>
+</html>
diff --git a/src/main/resources/templates/information/educational-system.html b/src/main/resources/templates/information/educational-system.html
new file mode 100755
index 0000000..01bfaf3
--- /dev/null
+++ b/src/main/resources/templates/information/educational-system.html
@@ -0,0 +1,155 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="Mavlushechka">
+    <title>OTM bilan bog'liq ma'lumotlar</title>
+    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
+    <link th:href="@{/css/form-validation.css}" rel="stylesheet">
+</head>
+<body class="bg-light">
+<div class="container">
+    <main>
+        <div class="py-5 text-center">
+            <img class="d-block mx-auto mb-4" src="../../static/img/education.png" th:src="@{/img/education.png}" alt="Logo" width="90" height="90">
+            <h2>OTM bilan bog'liq ma'lumotlar</h2>
+        </div>
+        <div class="row g-5">
+            <div class="col-md-7 col-lg-8 mx-auto">
+                <form class="needs-validation" method="post" th:action="@{/information/educational-system/save}" novalidate>
+                    <div class="row g-3">
+                        <div class="col-sm-12">
+                            <label for="exists" class="form-label">Mavjud (talabalar safidan chiqarilmagan)</label>
+                            <select class="form-control" id="exists" name="exists" th:value="${educationalSystem?.exists}">
+                                <option value="true">Mavjud</option>
+                                <option value="false">Mavjud emas</option>
+                            </select>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="number" class="form-label">Reyting daftarchasi raqami</label>
+                            <input type="number" class="form-control" id="number" name="number" min="1" th:value="${educationalSystem?.number}" required>
+                            <div class="invalid-feedback">
+                                Reyting daftarchasi raqamini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="degree" class="form-label">Ta'lim bosqichi</label>
+                            <select class="form-control" id="degree" name="degree" th:value="${educationalSystem?.degree}">
+                                <option value="Bachelor">Bakalavr</option>
+                                <option value="Magistracy">Magistratura</option>
+                            </select>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="course" class="form-label">Kurs</label>
+                            <input type="number" class="form-control" id="course" name="course" min="1" max="4" th:value="${educationalSystem?.course}" required>
+                            <div class="invalid-feedback">
+                                Kursni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="formOfLearning" class="form-label">Ta'lim shakli</label>
+                            <select class="form-control" id="formOfLearning" name="formOfLearning" th:value="${educationalSystem?.formOfLearning}">
+                                <option value="Full time">Kunduzgi</option>
+                                <option value="Extramural">Sirtqi</option>
+                            </select>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="language" class="form-label">Ta'lim tili</label>
+                            <select class="form-control" id="language" name="language" th:value="${educationalSystem?.language}">
+                                <option value="Uzbek">O'zbek</option>
+                                <option value="Russian">Rus</option>
+                            </select>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="year" class="form-label">OTMga kirgan yili</label>
+                            <input type="number" class="form-control" id="year" name="year" min="1900" max="2021" th:value="${educationalSystem?.year}" required>
+                            <div class="invalid-feedback">
+                                OTMga kirgan yilingizni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="faculty" class="form-label">Fakultet</label>
+                            <input type="text" class="form-control" id="faculty" name="faculty" th:value="${educationalSystem?.faculty}" required>
+                            <div class="invalid-feedback">
+                                Fakultetni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="directionCode" class="form-label">Yo'nalish kodi</label>
+                            <input type="number" class="form-control" id="directionCode" name="directionCode" min="0" th:value="${educationalSystem?.directionCode}" required>
+                            <div class="invalid-feedback">
+                                Yo'nalish kodini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="directionName" class="form-label">Yo'nalish nomi</label>
+                            <input type="text" class="form-control" id="directionName" name="directionName" th:value="${educationalSystem?.directionName}" required>
+                            <div class="invalid-feedback">
+                                Yo'nalish nomini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="group" class="form-label">Guruh</label>
+                            <input type="text" class="form-control" id="group" name="group" th:value="${educationalSystem?.group}" required>
+                            <div class="invalid-feedback">
+                                Guruhni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="formOfEducation" class="form-label">O'qish shakli</label>
+                            <select class="form-control" id="formOfEducation" name="formOfEducation" th:value="${educationalSystem?.formOfEducation}">
+                                <option value="Full time">Kunduzgi</option>
+                                <option value="Extramural">Sirtqi</option>
+                            </select>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="privilege" class="form-label">Imtiyoz turi (Imtiyoz bilan kirgan bo'lsa)</label>
+                            <input type="text" class="form-control" id="privilege" name="privilege" th:value="${educationalSystem?.privilege}">
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="typeOfPlace" class="form-label">Hozirda yashish joyi turi</label>
+                            <select class="form-control" id="typeOfPlace" name="typeOfPlace" th:value="${educationalSystem?.typeOfPlace}">
+                                <option value="Home">O'z uyidan</option>
+                                <option value="Apartment">Kvartira</option>
+                                <option value="TTJ">TTJ</option>
+                            </select>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="region" class="form-label">Viloyat</label>
+                            <input type="text" class="form-control" id="region" name="region" th:value="${educationalSystem?.region}" required>
+                            <div class="invalid-feedback">
+                                Viloyatni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="city" class="form-label">Shahar / Tuman</label>
+                            <input type="text" class="form-control" id="city" name="city" th:value="${educationalSystem?.city}" required>
+                            <div class="invalid-feedback">
+                                Shahar yoki tumani kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="address" class="form-label">Manzil (qishloq, mahalla, ko'cha, uy)</label>
+                            <input type="text" class="form-control" id="address" name="address" th:value="${educationalSystem?.address}" required>
+                            <div class="invalid-feedback">
+                                Manzilni kiriting.
+                            </div>
+                        </div>
+                    </div>
+                    <div hidden>
+                        <input type="text" id="id" name="id" th:value="${user.id}" required>
+                    </div>
+                    <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Yuborish</button>
+                </form>
+                <div class="mt-3 invalid-feedback" th:if="${#messages}">
+                    <span th:text="${#messages}"></span>
+                </div>
+            </div>
+        </div>
+    </main>
+</div>
+<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
+<script th:src="@{/js/form-validation.js}"></script>
+</body>
+</html>
diff --git a/src/main/resources/templates/information/family.html b/src/main/resources/templates/information/family.html
new file mode 100755
index 0000000..2bdcc07
--- /dev/null
+++ b/src/main/resources/templates/information/family.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="Mavlushechka">
+    <title>Oilaviy ma'lumotlar</title>
+    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
+    <link th:href="@{/css/form-validation.css}" rel="stylesheet">
+</head>
+<body class="bg-light">
+<div class="container">
+    <main>
+        <div class="py-5 text-center">
+            <img class="d-block mx-auto mb-4" src="../../static/img/family.png" th:src="@{/img/family.png}" alt="Logo" width="90" height="90">
+            <h2>Oilaviy ma'lumotlar</h2>
+        </div>
+        <div class="row g-5">
+            <div class="col-md-7 col-lg-8 mx-auto">
+                <form class="needs-validation" method="post" th:action="@{/information/family/save}" novalidate>
+                    <div class="row g-3">
+                        <div class="col-sm-12">
+                            <label for="isMarried" class="form-label">Oilaviy ahvolingiz</label>
+                            <select class="form-control" id="isMarried" name="isMarried" required>
+                                <option value="false">Uylanmaganman / Turmushga chiqmaganman</option>
+                                <option value="true">Uylanganman / Turmushga chiqqanman</option>
+                            </select>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="parentsDivorced" class="form-label">Otangiz-onangizdan ajralganmi?</label>
+                            <select class="form-control" id="parentsDivorced" name="parentsDivorced" required>
+                                <option value="No">Yo'q</option>
+                                <option value="Father">Otamdan</option>
+                                <option value="Mother">Onamdan</option>
+                                <option value="Both">Ikkalasidan</option>
+                            </select>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="father.lastName" class="form-label">Otangizning familiyasi</label>
+                            <input type="text" class="form-control" id="father.lastName" name="father.lastName" th:value="${family?.father?.lastName}" required>
+                            <div class="invalid-feedback">
+                                Otangizning familiyasini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="father.firstName" class="form-label">Otangizning ismi</label>
+                            <input type="text" class="form-control" id="father.firstName" name="father.firstName" th:value="${family?.father?.firstName}" required>
+                            <div class="invalid-feedback">
+                                Otangizning ismini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="father.middleName" class="form-label">Otangizning sharifi</label>
+                            <input type="text" class="form-control" id="father.middleName" name="father.middleName" th:value="${family?.father?.middleName}" required>
+                            <div class="invalid-feedback">
+                                Otangizning sharifini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="father.birthday" class="form-label">Otangizning tug'ilgan yili</label>
+                            <input type="number" class="form-control" id="father.birthday" name="father.birthday" th:value="${family?.father?.birthday}" min="1900" max="2021" required>
+                            <div class="invalid-feedback">
+                                Otangizning tug'ilgan yilini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="father.placeOfWork" class="form-label">Otangizning ish joyi</label>
+                            <input type="text" class="form-control" id="father.placeOfWork" name="father.placeOfWork" th:value="${family?.father?.placeOfWork}" required>
+                            <div class="invalid-feedback">
+                                Otangizning ish joyini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="father.telephoneNumber" class="form-label">Otangizning telefon raqami</label>
+                            <input type="number" class="form-control" id="father.telephoneNumber" name="father.telephoneNumber" th:value="${family?.father?.telephoneNumber}" min="0" required>
+                            <div class="invalid-feedback">
+                                Otangizning telefon raqamini kiriting.
+                            </div>
+                        </div>
+
+                        <div class="col-sm-4">
+                            <label for="mother.lastName" class="form-label">Onangizning familiyasi</label>
+                            <input type="text" class="form-control" id="mother.lastName" name="mother.lastName" th:value="${family?.mother?.lastName}" required>
+                            <div class="invalid-feedback">
+                                Onangizning familiyasini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="mother.firstName" class="form-label">Onangizning ismi</label>
+                            <input type="text" class="form-control" id="mother.firstName" name="mother.firstName" th:value="${family?.mother?.firstName}" required>
+                            <div class="invalid-feedback">
+                                Onangizning ismini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="mother.middleName" class="form-label">Onangizning sharifi</label>
+                            <input type="text" class="form-control" id="mother.middleName" name="mother.middleName" th:value="${family?.mother?.middleName}" required>
+                            <div class="invalid-feedback">
+                                Onangizning sharifini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="mother.birthday" class="form-label">Onangizning tug'ilgan yili</label>
+                            <input type="number" class="form-control" id="mother.birthday" name="mother.birthday" th:value="${family?.mother?.birthday}" min="1900" max="2021" required>
+                            <div class="invalid-feedback">
+                                Onangizning tug'ilgan yilini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="mother.placeOfWork" class="form-label">Onangizning ish joyi</label>
+                            <input type="text" class="form-control" id="mother.placeOfWork" name="mother.placeOfWork" th:value="${family?.mother?.placeOfWork}" required>
+                            <div class="invalid-feedback">
+                                Onangizning ish joyini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="mother.telephoneNumber" class="form-label">Onangizning telefon raqami</label>
+                            <input type="number" class="form-control" id="mother.telephoneNumber" name="mother.telephoneNumber" th:value="${family?.mother?.telephoneNumber}" min="0" required>
+                            <div class="invalid-feedback">
+                                Onangizning telefon raqamini kiriting.
+                            </div>
+                        </div>
+                    </div>
+                    <div hidden>
+                        <input type="text" id="id" name="id" th:value="${user.id}" required>
+                    </div>
+                    <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Yuborish</button>
+                </form>
+                <div class="mt-3 invalid-feedback" th:if="${#messages}">
+                    <span th:text="${#messages}"></span>
+                </div>
+            </div>
+        </div>
+    </main>
+</div>
+<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
+<script th:src="@{/js/form-validation.js}"></script>
+</body>
+</html>
diff --git a/src/main/resources/templates/information/graduated-institution.html b/src/main/resources/templates/information/graduated-institution.html
new file mode 100755
index 0000000..9eefbe9
--- /dev/null
+++ b/src/main/resources/templates/information/graduated-institution.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="Mavlushechka">
+    <title>Tugatgan o'quv muassasi haqida ma'lumotlar</title>
+    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
+    <link th:href="@{/css/form-validation.css}" rel="stylesheet">
+</head>
+<body class="bg-light">
+<div class="container">
+    <main>
+        <div class="py-5 text-center">
+            <img class="d-block mx-auto mb-4" src="../../static/img/institution.png" th:src="@{/img/institution.png}" alt="Logo" width="90" height="90">
+            <h2>Tugatgan o'quv muassasi haqida ma'lumotlar</h2>
+        </div>
+        <div class="row g-5">
+            <div class="col-md-7 col-lg-8 mx-auto">
+                <form class="needs-validation" method="post" th:action="@{/information/graduated-institution/save}" novalidate>
+                    <div class="row g-3">
+                        <div class="col-sm-4">
+                            <label for="name" class="form-label">Nomi</label>
+                            <input type="text" class="form-control" id="name" name="name" th:value="${graduatedInstitution?.name}" required>
+                            <div class="invalid-feedback">
+                                Nomini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="type" class="form-label">Turi</label>
+                            <select class="form-control" id="type" name="type" th:value="${graduatedInstitution?.type}">
+                                <option value="School">Maktab</option>
+                                <option value="Lyceum">Litsey</option>
+                                <option value="Institute">Institut</option>
+                            </select>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="territory" class="form-label">Xududi</label>
+                            <input type="text" class="form-control" id="territory" name="territory" th:value="${graduatedInstitution?.territory}" required>
+                            <div class="invalid-feedback">
+                                Xududini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="certificate.series" class="form-label">Hujjat seriyasi</label>
+                            <input type="text" class="form-control" id="certificate.series" name="certificate.series" th:value="${graduatedInstitution?.certificate?.series}" min="0" required>
+                            <div class="invalid-feedback">
+                                Hujjat seriyasini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="certificate.number" class="form-label">Hujjat raqami</label>
+                            <input type="number" class="form-control" id="certificate.number" name="certificate.number" th:value="${graduatedInstitution?.certificate?.number}" min="0" required>
+                            <div class="invalid-feedback">
+                                Hujjat raqamini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="certificate.dateOfIssue" class="form-label">Hujjat berilgan vaqti</label>
+                            <input type="date" class="form-control" id="certificate.dateOfIssue" name="certificate.dateOfIssue" th:value="${graduatedInstitution?.certificate?.dateOfIssue}" required>
+                            <div class="invalid-feedback">
+                                Hujjat berilgan vaqtini kiriting.
+                            </div>
+                        </div>
+                    </div>
+                    <div hidden>
+                        <input type="text" id="id" name="id" th:value="${user.id}" required>
+                    </div>
+                    <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Yuborish</button>
+                </form>
+                <div class="mt-3 invalid-feedback" th:if="${#messages}">
+                    <span th:text="${#messages}"></span>
+                </div>
+            </div>
+        </div>
+    </main>
+</div>
+<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
+<script th:src="@{/js/form-validation.js}"></script>
+</body>
+</html>
diff --git a/src/main/resources/templates/information/health.html b/src/main/resources/templates/information/health.html
new file mode 100755
index 0000000..7e375a7
--- /dev/null
+++ b/src/main/resources/templates/information/health.html
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="author" content="Mavlushechka">
+  <title>Sog'liq haqida ma'lumotlar</title>
+  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
+  <link th:href="@{/css/form-validation.css}" rel="stylesheet">
+</head>
+<body class="bg-light">
+<div class="container">
+  <main>
+    <div class="py-5 text-center">
+      <img class="d-block mx-auto mb-4" src="../../static/img/health.png" th:src="@{/img/health.png}" alt="Logo" width="90" height="90">
+      <h2>Sog'liq haqida ma'lumotlar</h2>
+    </div>
+    <div class="row g-5">
+      <div class="col-md-7 col-lg-8 mx-auto">
+        <form class="needs-validation" method="post" th:action="@{/information/health/save}" novalidate>
+          <div class="row g-3">
+            <div class="col-sm-12">
+              <label for="invalid" class="form-label">Nogironligi</label>
+              <select class="form-control" id="invalid" name="invalid" th:value="${health?.invalid}">
+                <option value="false">Nogiron emas</option>
+                <option value="true">Nogiron</option>
+              </select>
+            </div>
+            <div class="col-sm-6">
+              <label for="invalidGroup" class="form-label">Nogironlik guruh</label>
+              <input type="number" class="form-control" id="invalidGroup" name="invalidGroup" min="0" th:value="${health?.invalidGroup}">
+              <div class="invalid-feedback">
+                Nogironlik guruhini kiriting.
+              </div>
+            </div>
+            <div class="col-sm-6">
+              <label for="invalidDiagnosis" class="form-label">Nogironlik bo'yicha tashxis</label>
+              <input type="text" class="form-control" id="invalidDiagnosis" name="invalidDiagnosis" th:value="${health?.invalidDiagnosis}">
+              <div class="invalid-feedback">
+                Nogironlik bo'yicha tashxisni kiriting.
+              </div>
+            </div>
+          </div>
+          <div hidden>
+            <input type="text" id="id" name="id" th:value="${user.id}" required>
+          </div>
+          <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Yuborish</button>
+        </form>
+        <div class="mt-3 invalid-feedback" th:if="${#messages}">
+          <span th:text="${#messages}"></span>
+        </div>
+      </div>
+    </div>
+  </main>
+</div>
+<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
+<script th:src="@{/js/form-validation.js}"></script>
+</body>
+</html>
diff --git a/src/main/resources/templates/information/job.html b/src/main/resources/templates/information/job.html
new file mode 100755
index 0000000..98465dd
--- /dev/null
+++ b/src/main/resources/templates/information/job.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="author" content="Mavlushechka">
+  <title>Ish joyi haqida ma'lumotlar</title>
+  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
+  <link th:href="@{/css/form-validation.css}" rel="stylesheet">
+</head>
+<body class="bg-light">
+<div class="container">
+  <main>
+    <div class="py-5 text-center">
+      <img class="d-block mx-auto mb-4" src="../../static/img/job.png" th:src="@{/img/job.png}" alt="Logo" width="90" height="90">
+      <h2>Ish joyi haqida ma'lumotlar</h2>
+    </div>
+    <div class="row g-5">
+      <div class="col-md-7 col-lg-8 mx-auto">
+        <form class="needs-validation" method="post" th:action="@{/information/job/save}" novalidate>
+          <div class="row g-3">
+            <div class="col-sm-12">
+              <label for="name" class="form-label">Nomi</label>
+              <input type="text" class="form-control" id="name" name="name" th:value="${job?.name}" required>
+              <div class="invalid-feedback">
+                Nomini kiriting.
+              </div>
+            </div>
+            <div class="col-sm-12">
+              <label for="territory" class="form-label">Xududi</label>
+              <input type="text" class="form-control" id="territory" name="territory" th:value="${job?.territory}" required>
+              <div class="invalid-feedback">
+                Xududini kiriting.
+              </div>
+            </div>
+            <div class="col-sm-12">
+              <label for="telephoneNumber" class="form-label">Telefon nomeri</label>
+              <input type="number" class="form-control" id="telephoneNumber" name="telephoneNumber" th:value="${job?.telephoneNumber}" min="0" required>
+              <div class="invalid-feedback">
+                Telefon nomerini kiriting.
+              </div>
+            </div>
+            <div class="col-sm-4">
+              <label for="manager.firstName" class="form-label">Rahbarni ismi</label>
+              <input type="text" class="form-control" id="manager.firstName" name="manager.firstName" th:value="${job?.manager?.firstName}" required>
+              <div class="invalid-feedback">
+                Rahbarni ismini kiriting.
+              </div>
+            </div>
+            <div class="col-sm-4">
+              <label for="manager.lastName" class="form-label">Rahbarni familiyasi</label>
+              <input type="text" class="form-control" id="manager.lastName" name="manager.lastName" th:value="${job?.manager?.lastName}" required>
+              <div class="invalid-feedback">
+                Rahbarni familiyasini kiriting.
+              </div>
+            </div>
+            <div class="col-sm-4">
+              <label for="manager.middleName" class="form-label">Rahbarni sharifi</label>
+              <input type="text" class="form-control" id="manager.middleName" name="manager.middleName" th:value="${job?.manager?.middleName}" required>
+              <div class="invalid-feedback">
+                Rahbarni sharifini kirirting.
+              </div>
+            </div>
+          </div>
+          <div hidden>
+            <input type="text" id="id" name="id" th:value="${user.id}" required>
+          </div>
+          <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Yuborish</button>
+        </form>
+        <div class="mt-3 invalid-feedback" th:if="${#messages}">
+          <span th:text="${#messages}"></span>
+        </div>
+      </div>
+    </div>
+  </main>
+</div>
+<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
+<script th:src="@{/js/form-validation.js}"></script>
+</body>
+</html>
+  
+\ No newline at end of file
diff --git a/src/main/resources/templates/information/military-service.html b/src/main/resources/templates/information/military-service.html
new file mode 100755
index 0000000..73d4c69
--- /dev/null
+++ b/src/main/resources/templates/information/military-service.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="author" content="Mavlushechka">
+  <title>Harbiy xizmatni o'tash holati haqida ma'lumotlar</title>
+  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
+  <link th:href="@{/css/form-validation.css}" rel="stylesheet">
+</head>
+<body class="bg-light">
+<div class="container">
+  <main>
+    <div class="py-5 text-center">
+      <img class="d-block mx-auto mb-4" src="../../static/img/military.png" th:src="@{/img/military.png}" alt="Logo" width="90" height="90">
+      <h2>Harbiy xizmatni o'tash holati haqida ma'lumotlar</h2>
+    </div>
+    <div class="row g-5">
+      <div class="col-md-7 col-lg-8 mx-auto">
+        <form class="needs-validation" method="post" th:action="@{/information/military-service/save}" novalidate>
+          <div class="row g-3">
+            <div class="col-sm-12">
+              <label for="type" class="form-label">Turi</label>
+              <select class="form-control" id="type" name="type" th:value="${militaryService?.type}">
+                <option value="SCHR">SCHR</option>
+                <option value="Alternative">Muqobil</option>
+              </select>
+            </div>
+            <div class="col-sm-6">
+              <label for="place" class="form-label">O'tagan joyi</label>
+              <input type="text" class="form-control" id="place" name="place" th:value="${militaryService?.place}" required>
+              <div class="invalid-feedback">
+                O'tagan joyini kiriting.
+              </div>
+            </div>
+            <div class="col-sm-6">
+              <label for="year" class="form-label">O'tagan yili</label>
+              <input type="number" class="form-control" id="year" name="year" min="1900" max="2021" th:value="${militaryService?.year}" required>
+              <div class="invalid-feedback">
+                O'tagan yilni kiriting.
+              </div>
+            </div>
+            <div class="col-sm-6">
+              <label for="number" class="form-label">Guvohnoma raqami</label>
+              <input type="number" class="form-control" id="number" name="number" th:value="${militaryService?.number}" required>
+              <div class="invalid-feedback">
+                Guvohnoma raqamini kiriting.
+              </div>
+            </div>
+            <div class="col-sm-6">
+              <label for="serialNumber" class="form-label">Guvohnoma seriyasi</label>
+              <input type="number" class="form-control" id="serialNumber" name="serialNumber" th:value="${militaryService?.serialNumber}" required>
+              <div class="invalid-feedback">
+                Guvohnoma seriyasini kiriting.
+              </div>
+            </div>
+            <div class="col-sm-12">
+              <label for="alternative" class="form-label">Muqobil harbiy xizmat tavsiyanomaning mavjudligi</label>
+              <select class="form-control" id="alternative" name="alternative" th:value="${militaryService?.alternative}">
+                <option value="true">Mavjud</option>
+                <option value="false">Mavjud emas</option>
+              </select>
+            </div>
+          </div>
+          <div hidden>
+            <input type="text" id="id" name="id" th:value="${user.id}" required>
+          </div>
+          <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Yuborish</button>
+        </form>
+        <div class="mt-3 invalid-feedback" th:if="${#messages}">
+          <span th:text="${#messages}"></span>
+        </div>
+      </div>
+    </div>
+  </main>
+</div>
+<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
+<script th:src="@{/js/form-validation.js}"></script>
+</body>
+</html>
diff --git a/src/main/resources/templates/information/passport.html b/src/main/resources/templates/information/passport.html
new file mode 100755
index 0000000..11db8c3
--- /dev/null
+++ b/src/main/resources/templates/information/passport.html
@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="Mavlushechka">
+    <title>Pasport ma'lumotlar</title>
+    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
+    <link th:href="@{/css/form-validation.css}" rel="stylesheet">
+</head>
+<body class="bg-light">
+<div class="container">
+    <main>
+        <div class="py-5 text-center">
+            <img class="d-block mx-auto mb-4" src="../../static/img/passport.png" th:src="@{/img/passport.png}" alt="Logo" width="90" height="90">
+            <h2>Pasport ma'lumotlar</h2>
+        </div>
+        <div class="row g-5">
+            <div class="col-md-7 col-lg-8 mx-auto">
+                <form class="needs-validation" method="post" th:action="@{/information/passport/save}" novalidate>
+                    <div class="row g-3">
+                        <div class="col-sm-4">
+                            <label for="firstName" class="form-label">Ism</label>
+                            <input type="text" class="form-control" id="firstName" name="firstName" th:value="${passport?.firstName}" required>
+                            <div class="invalid-feedback">
+                                Ismingizni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="lastName" class="form-label">Familiya</label>
+                            <input type="text" class="form-control" id="lastName" name="lastName" th:value="${passport?.lastName}" required>
+                            <div class="invalid-feedback">
+                                Familiyangizni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="middleName" class="form-label">Sharif</label>
+                            <input type="text" class="form-control" id="middleName" name="middleName" th:value="${passport?.middleName}" required>
+                            <div class="invalid-feedback">
+                                Sharifingizni kirirting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="PINFL" class="form-label">PINFL</label>
+                            <input type="number" class="form-control" id="PINFL" name="PINFL" min="0" th:value="${passport?.PINFL}" required>
+                            <div class="invalid-feedback">
+                                PNFL kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="INN" class="form-label">INN</label>
+                            <input type="number" class="form-control" id="INN" name="INN" min="0" th:value="${passport?.INN}" required>
+                            <div class="invalid-feedback">
+                                INN kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="serialNumber" class="form-label">Pasport seriyasi</label>
+                            <input type="text" class="form-control" id="serialNumber" name="serialNumber" th:value="${passport?.serialNumber}" required>
+                            <div class="invalid-feedback">
+                                Pasport seriyasini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="number" class="form-label">Pasport raqami</label>
+                            <input type="number" class="form-control" id="number" name="number" min="0" th:value="${passport?.number}" required>
+                            <div class="invalid-feedback">
+                                Pasport seriyasini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="dateOfIssue" class="form-label">Berilgan sanasi</label>
+                            <input type="date" class="form-control" id="dateOfIssue" name="dateOfIssue" th:value="${passport?.dateOfIssue}" required>
+                            <div class="invalid-feedback">
+                                Berilgan sanasini kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="birthday" class="form-label">Tug'ilgan sana</label>
+                            <input type="date" class="form-control" id="birthday" name="birthday" max="2006-01-01" th:value="${passport?.birthday}" required>
+                            <div class="invalid-feedback">
+                                Tug'ilgan sanani kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="age" class="form-label">Yosh</label>
+                            <input type="number" class="form-control" id="age" name="age" min="16" th:value="${passport?.age}" required>
+                            <div class="invalid-feedback">
+                                Yoshingizni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="nationality" class="form-label">Millat</label>
+                            <input type="text" class="form-control" id="nationality" name="nationality" th:value="${passport?.nationality}" required>
+                            <div class="invalid-feedback">
+                                Millatingizni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="gender" class="form-label">Jins</label>
+                            <select class="form-control" id="gender" name="gender" th:value="${passport?.gender}">
+                                <option value="Male">Erkak</option>
+                                <option value="Female">Ayol</option>
+                            </select>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="republic" class="form-label">Respublika (fuqaroligi)</label>
+                            <input type="text" class="form-control" id="republic" name="republic" th:value="${passport?.republic}" required>
+                            <div class="invalid-feedback">
+                                Respublilkani kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="region" class="form-label">Viloyat</label>
+                            <input type="text" class="form-control" id="region" name="region" th:value="${passport?.region}" required>
+                            <div class="invalid-feedback">
+                                Viloyatni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-4">
+                            <label for="city" class="form-label">Tuman / Shahar</label>
+                            <input type="text" class="form-control" id="city" name="city" th:value="${passport?.city}" required>
+                            <div class="invalid-feedback">
+                                Tuman yoki shaharni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="organization" class="form-label">Pasport bergan tashkilot</label>
+                            <input type="text" class="form-control" id="organization" name="organization" th:value="${passport?.organization}" required>
+                            <div class="invalid-feedback">
+                                Pasport bergan tashkilotni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="village" class="form-label">Qishloq</label>
+                            <input type="text" class="form-control" id="village" name="village" th:value="${passport?.village}" required>
+                            <div class="invalid-feedback">
+                                Qishloqni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-6">
+                            <label for="district" class="form-label">Mahalla</label>
+                            <input type="text" class="form-control" id="district" name="district" th:value="${passport?.district}" required>
+                            <div class="invalid-feedback">
+                                Mahallani kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="address" class="form-label">Ko'cha nomi va uy raqami</label>
+                            <input type="text" class="form-control" id="address" name="address" th:value="${passport?.address}" required>
+                            <div class="invalid-feedback">
+                                Ko'cha nomi va uy raqamini kiriting.
+                            </div>
+                        </div>
+                        <div hidden>
+                            <input type="text" id="id" name="id" th:value="${user.id}" required>
+                        </div>
+                    </div>
+                    <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Yuborish</button>
+                </form>
+                <div class="mt-3 invalid-feedback" th:if="${#messages}">
+                    <span th:text="${#messages}"></span>
+                </div>
+            </div>
+        </div>
+    </main>
+</div>
+<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
+<script th:src="@{/js/form-validation.js}"></script>
+</body>
+</html>
diff --git a/src/main/resources/templates/information/student.html b/src/main/resources/templates/information/student.html
new file mode 100755
index 0000000..da91c67
--- /dev/null
+++ b/src/main/resources/templates/information/student.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org" lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="author" content="Mavlushechka">
+    <title>Talaba haqida ma'lumotlar</title>
+    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
+    <link th:href="@{/css/form-validation.css}" rel="stylesheet">
+</head>
+<body class="bg-light">
+<div class="container">
+    <main>
+        <div class="py-5 text-center">
+            <img class="d-block mx-auto mb-4" src="../../static/img/student.png" th:src="@{/img/student.png}" alt="Logo" width="90" height="90">
+            <h2>Talaba haqida ma'lumotlar</h2>
+        </div>
+        <div class="row g-5">
+            <div class="col-md-7 col-lg-8 mx-auto">
+                <form class="needs-validation" method="post" th:action="@{/information/student/save}" enctype="multipart/form-data" novalidate>
+                    <div class="row g-3">
+                        <div class="col-sm-12">
+                            <label for="telephoneNumber" class="form-label">Shaxsiy telefon raqam</label>
+                            <input type="number" class="form-control" id="telephoneNumber" name="telephoneNumber" th:value="${student?.telephoneNumber}" min="0" required>
+                            <div class="invalid-feedback">
+                                Shaxsiy telefon raqamni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="diploma" class="form-label">Erishgan yutuqlar (agar diplomga ega bo'lsa)</label>
+                            <input type="text" class="form-control" id="diploma" name="diploma" th:value="${student?.diploma}">
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="religion" class="form-label">Diniy qarash</label>
+                            <input type="text" class="form-control" id="religion" name="religion" th:value="${student?.religion}" required>
+                            <div class="invalid-feedback">
+                                Diniy qarashingizni kiriting.
+                            </div>
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="car" class="form-label">Shaxsiy avtomashina (o`zining nomiga rasmiylashtirilgan bo`lsa)</label>
+                            <input type="text" class="form-control" id="car" name="car" th:value="${student?.car}">
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="house" class="form-label">Shaxsiy uy (o`zining nomiga rasmiylashtirilgan bo`lsa)</label>
+                            <input type="text" class="form-control" id="house" name="house" th:value="${student?.house}">
+                        </div>
+                        <div class="col-sm-12">
+                            <label for="photo" class="form-label">Rasm (3x4)</label>
+                            <input type="file" class="form-control" id="photo" name="photo" accept="image/*" required>
+                            <div class="invalid-feedback">
+                                Rasmni joylang.
+                            </div>
+                        </div>
+                    </div>
+                    <div hidden>
+                        <input type="text" id="id" name="id" th:value="${user.id}" required>
+                    </div>
+                    <button class="w-100 btn btn-primary btn-lg mt-5 mb-5" type="submit">Yuborish</button>
+                </form>
+                <div class="mt-3 invalid-feedback" th:if="${#messages}">
+                    <span th:text="${#messages}"></span>
+                </div>
+            </div>
+        </div>
+    </main>
+</div>
+<script th:src="@{/js/bootstrap.bundle.min.js}"></script>
+<script th:src="@{/js/form-validation.js}"></script>
+</body>
+</html>