diff --git a/BeautySalonView/ClientWebApp/Views/Procedure/CreateProcedure.cshtml b/BeautySalonView/ClientWebApp/Views/Procedure/CreateProcedure.cshtml
index e1dd794..5b06336 100644
--- a/BeautySalonView/ClientWebApp/Views/Procedure/CreateProcedure.cshtml
+++ b/BeautySalonView/ClientWebApp/Views/Procedure/CreateProcedure.cshtml
@@ -1,5 +1,48 @@
-@*
-    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
-*@
-@{
+@{
+    ViewData["Title"] = "Процедура";
 }
+
+<h4 class="fw-bold">Создать процедуру</h4>
+
+<p class="mb-0">Название процедуры:</p>
+<input id="name-input" class="form-control mb-2" />
+
+<p class="mb-0 fw-bold">Выбранная косметика:</p>
+<div>
+    <table class="table mb-0">
+        <thead>
+            <tr>
+                <th>Бренд</th>
+                <th>Наименование косметики</th>
+                <th>Стоимость</th>
+                <th>Количество</th>
+                <th></th>
+            </tr>
+        </thead>
+        <tbody id="tbody">
+            <tr>
+                <td>Не выбрано</td>
+                <td></td>
+                <td></td>
+                <td></td>
+                <td></td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+
+<p class="mb-0 fw-bold">Добавить косметику:</p>
+<p class="mb-0">Наименование:</p>
+<select class="form-select mb-0" id="cosmetic-select"></select>
+<p class="mb-0">Количество:</p>
+<input type="number" min="1" value="1" id="count-input" class="form-control mb-2" />
+<button id="add-button" class="button-primary">
+    Добавить
+</button>
+
+<p class="mb-0 fw-bold">Стоимость процедуры:</p>
+<input type="number" step="0.01" id="price-input" class="form-control mb-2" value="0.01" readonly />
+<button id="create-button" class="button-primary">
+    Создать
+</button>
+
diff --git a/BeautySalonView/ClientWebApp/Views/Procedure/Procedures.cshtml b/BeautySalonView/ClientWebApp/Views/Procedure/Procedures.cshtml
deleted file mode 100644
index e1dd794..0000000
--- a/BeautySalonView/ClientWebApp/Views/Procedure/Procedures.cshtml
+++ /dev/null
@@ -1,5 +0,0 @@
-@*
-    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
-*@
-@{
-}
diff --git a/BeautySalonView/ClientWebApp/Views/Procedure/UpdateProcedure.cshtml b/BeautySalonView/ClientWebApp/Views/Procedure/UpdateProcedure.cshtml
index e1dd794..fc9b2f3 100644
--- a/BeautySalonView/ClientWebApp/Views/Procedure/UpdateProcedure.cshtml
+++ b/BeautySalonView/ClientWebApp/Views/Procedure/UpdateProcedure.cshtml
@@ -1,5 +1,51 @@
-@*
-    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
-*@
-@{
+@{
+    ViewData["Title"] = "Процедура";
 }
+
+<h4 class="fw-bold">Обновить процедуру</h4>
+
+<p class="mb-0">Название процедуры:</p>
+<input id="name-input" class="form-control mb-2" />
+
+<p class="mb-0 fw-bold">Выбранная косметика:</p>
+<div>
+    <table class="table mb-0">
+        <thead>
+            <tr>
+                <th>Бренд</th>
+                <th>Наименование косметики</th>
+                <th>Стоимость</th>
+                <th>Количество</th>
+                <th></th>
+            </tr>
+        </thead>
+        <tbody id="tbody">
+            <tr>
+                <td>Не выбрано</td>
+                <td></td>
+                <td></td>
+                <td></td>
+                <td></td>
+            </tr>
+        </tbody>
+    </table>
+</div>
+
+<p class="mb-0 fw-bold">Добавить косметику:</p>
+<p class="mb-0">Наименование:</p>
+<select class="form-select mb-0" id="cosmetic-select"></select>
+<p class="mb-0">Количество:</p>
+<input type="number" min="1" value="1" id="count-input" class="form-control mb-2" />
+<button id="add-button" class="button-primary">
+    Добавить
+</button>
+
+<p class="mb-0 fw-bold">Стоимость процедуры:</p>
+<input type="number" step="0.01" id="price-input" class="form-control mb-2" value="0.01" readonly />
+<button id="update-button" class="button-primary">
+    Обновить
+</button>
+
+<input id="id" value="@ViewBag.Id" style="display: none;" />
+
+