diff --git a/MyWebSite/dist/catalog.html b/MyWebSite/dist/catalog.html
index 53478e4..a5e1c50 100644
--- a/MyWebSite/dist/catalog.html
+++ b/MyWebSite/dist/catalog.html
@@ -55,32 +55,30 @@
         </nav>
         <main class="container mt-5 pt-5">
             <h2 class="text-center mb-5">Каталог книг</h2>
-            <section class="mb-5">
-                <div class="genre-title bg-light p-3 rounded text-center mb-4">
-                    <h3>Фантастика</h3>
+            <div class="d-flex justify-content-between mb-2">
+                <div>
+                    <button class="btn btn-success add-book-btn">
+                        <i class="bi bi-plus-circle"></i> Добавить книгу
+                    </button>
+                    <button class="btn btn-primary add-genre-btn ms-2">
+                        <i class="bi bi-plus-circle"></i> Добавить жанр
+                    </button>
                 </div>
-                <button class="btn btn-success add-book-btn"><i class="bi bi-plus-circle"></i> Добавить книгу</button>
+            </div>
+            <section class="mb-5">
                 <div class="row g-4" id="fantasy-books"></div>
             </section>
             <section class="mb-5">
-                <div class="genre-title bg-light p-3 rounded text-center mb-4">
-                    <h3>Детектив</h3>
-                </div>
                 <div class="row g-4" id="detective-books"></div>
             </section>
             <section class="mb-5">
-                <div class="genre-title bg-light p-3 rounded text-center mb-4">
-                    <h3>Роман</h3>
-                </div>
                 <div class="row g-4" id="novel-books"></div>
             </section>
             <section class="mb-5">
-                <div class="genre-title bg-light p-3 rounded text-center mb-4">
-                    <h3>Фэнтези</h3>
-                </div>
                 <div class="row g-4" id="fantasy2-books"></div>
             </section>
         </main>
+        <!-- Модальное окно для добавления/редактирования книги -->
         <div class="modal fade" id="bookModal" tabindex="-1" aria-labelledby="bookModalLabel" aria-hidden="true">
             <div class="modal-dialog">
                 <div class="modal-content">
@@ -134,6 +132,32 @@
                 </div>
             </div>
         </div>
+
+        <!-- Модальное окно для добавления жанра -->
+        <div class="modal fade" id="genreModal" tabindex="-1" aria-labelledby="genreModalLabel" aria-hidden="true">
+            <div class="modal-dialog">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="genreModalLabel">Добавить жанр</h5>
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <form id="genreForm">
+                            <div class="mb-3">
+                                <label for="genreName" class="form-label">Название жанра</label>
+                                <input type="text" class="form-control" id="genreName" required />
+                            </div>
+                            <div class="modal-footer">
+                                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
+                                <button type="submit" class="btn btn-primary">Сохранить</button>
+                            </div>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Модальное окно корзины -->
         <div class="modal fade" id="cartModal" tabindex="-1" aria-labelledby="cartModalLabel" aria-hidden="true">
             <div class="modal-dialog modal-lg">
                 <div class="modal-content">