diff --git a/Polyclinic/PolyclinicWebAppSuretor/Models/SelectItems.cs b/Polyclinic/PolyclinicWebAppSuretor/Models/SelectItems.cs
deleted file mode 100644
index 24729ba..0000000
--- a/Polyclinic/PolyclinicWebAppSuretor/Models/SelectItems.cs
+++ /dev/null
@@ -1,20 +0,0 @@
-namespace PolyclinicWebAppSuretor.Models
-{
-    public class SelectItems
-    {
-        public List<string> Items
-        {
-            get; set;
-        }
-        string[] arr = ["1", "2", "3"];
-
-        public void AddItems()
-        {
-            foreach (var item in arr)
-            {
-                Items.Add(item);
-            }
-        }
-
-    }
-}
diff --git a/Polyclinic/PolyclinicWebAppSuretor/Views/Home/CreateRecipe.cshtml b/Polyclinic/PolyclinicWebAppSuretor/Views/Home/CreateRecipe.cshtml
index 6100d10..8beebaf 100644
--- a/Polyclinic/PolyclinicWebAppSuretor/Views/Home/CreateRecipe.cshtml
+++ b/Polyclinic/PolyclinicWebAppSuretor/Views/Home/CreateRecipe.cshtml
@@ -3,44 +3,114 @@
 @{
     ViewData["Title"] = "CreateRecipe";
 }
-
-<div class="text-center">
+<div class="text-center mt-3 mb-3">
     <h2 class="display-4">Создание рецепта</h2>
 </div>
 
-<form method="post">
+<form method="post" class="form-create-recipe d-flex flex-row justify-content-around align-items-center">
 
-    <div class="row">
-        <div class="col-4">Количество процедур:</div>
-        <div class="col-8">
-            <input type="text" name="count" id="count" />
+    <div class="d-flex flex-column mb-5 mt-5">
+
+        <div class="d-flex flex-row mb-5 flex-row justify-content-between align-items-center">
+            <h3 class="col-3">
+                Количество процедур:
+            </h3>
+            <input class="col-6" type="text" />
         </div>
-    </div>
 
-    <div class="row">
-        <div class="col-4">Комментарий:</div>
-        <div class="col-8">
-            <input type="text" id="sum" name="sum" readonly />
+        <div class="d-flex flex-row mb-5 flex-row justify-content-between align-items-center">
+            <h3 class="col-3">
+                Комментарий:
+            </h3>
+            <textarea class="col-6" id="comment" name="comment">
+
+            </textarea>
+
         </div>
-    </div>
 
-    <div class="row">
-        <div class="col-4">Процедуры:</div>
-        <div class="col-8">
+        <div class="d-flex flex-row mb-5">
             <select id="procedure" name="procedure" class="form-control">
-                @* @foreach (var sushi in ViewBag.Sushis)
-                {
-                    <option value="@sushi.Id">@sushi.SushiName</option>
-                } *@
-                
+                <option value="">Выберите процедуру/ы</option>
+                @{
+                    int count = 3;
+                    for (int i = 1; i <= count; i++)
+                    {
+                        <option value="@i">процедура "@i"</option>
+                    }
+                }
             </select>
         </div>
     </div>
 
-    <div class="row">
-        <div class="col-8"></div>
-        <div class="col-4">
-            <input type="submit" value="Создать" class="btn btn-primary" />
-        </div>
+    <div class="d-flex flex-column overflow-auto" style="max-height: 30vh">
+        <table class="table-recipe-create table">
+            <thead>
+                <tr>
+                    <th>
+                        Выбранное из процедур:
+                    </th>
+                </tr>
+            </thead>
+            <tbody>
+                @{
+                    int cRows = 20;
+                    for (int i = 1; i <= cRows; i++)
+                    {
+                        <tr>
+                            <td>Процедура № @i </td>
+                            <td>
+                                <svg class="bi-cart-delete" viewBox="0 0 154 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                    <path d="M44.5 123C4.99995 119.5 -11.8431 56.4293 24 19.5C40.5 2.50001 72.5 -5.5 101.5 27.5L115.5 14.5" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
+                                    <path d="M65.2123 159.963L56 60.0001C88.0236 76.3307 119.521 77.4194 149 60.0001C141.63 142.346 140.08 160.953 140.226 159.963H65.2123Z" stroke="#D10000" stroke-width="8" />
+                                    <path d="M121 36L101.582 55L75 31" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
+                                </svg>
+                            </td>
+                        </tr>
+                    }
+                }
+            </tbody>
+        </table>
+
     </div>
+
+
+
+    @* <div class="row">
+    <div class="col-4">Количество процедур:</div>
+    <div class="col-8">
+    <input type="text" name="count" id="count" />
+    </div>
+    </div>
+
+    <div class="row">
+    <div class="col-4">Комментарий:</div>
+    <div class="col-8">
+    <input type="text" id="sum" name="sum" readonly />
+    </div>
+    </div>
+
+    <div class="row">
+    <div class="col-4">Процедуры:</div>
+    <div class="col-8">
+    <select id="procedure" name="procedure" class="form-control">
+    <option value="">Выберите рецепт/ы</option>
+    @{
+    int count = 3;
+    for (int i = 1; i <= count; i++)
+    {
+    <option value="@i">рецепт "@i"</option>
+    }
+    }
+    </select>
+
+    </select>
+    </div>
+    </div>
+
+    <div class="row">
+    <div class="col-8"></div>
+    <div class="col-4">
+    <input type="submit" value="Создать" class="btn btn-primary" />
+    </div>
+    </div> *@
 </form>
\ No newline at end of file
diff --git a/Polyclinic/PolyclinicWebAppSuretor/Views/Home/Procedures.cshtml b/Polyclinic/PolyclinicWebAppSuretor/Views/Home/Procedures.cshtml
index 45f3f18..155dc37 100644
--- a/Polyclinic/PolyclinicWebAppSuretor/Views/Home/Procedures.cshtml
+++ b/Polyclinic/PolyclinicWebAppSuretor/Views/Home/Procedures.cshtml
@@ -14,53 +14,53 @@
         //     <h3 class="display-4">Авторизируйтесь</h3>
         //     return;
         // }
-        <p>
-            <a asp-action="CreateProcedure">Создать процедуру</a>
-        </p>
-        <table class="table">
-            <thead>
-                <tr>
-                    <th>
-                        Номер
-                    </th>
-                    <th>
-                        Название процедуры
-                    </th>
-                    <th>
-                        Комментарий
-                    </th>
-                    <th>
-                        Редактировать
-                    </th>
-                    <th>
-                        Удалить
-                    </th>
-                </tr>
-            </thead>
-            <tbody>
-            <td>
-                1
-            </td>
-            <td>
-                Массаж пяточек
-            </td>
-            <td>
-                ммммммм
-            </td>
-            <td>
-                <svg class="bi-edit-pen" viewBox="0 0 127 127" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M105.5 26L37 114.5C34.5 117 16.3 121.7 7.5 122.5C79.1 34.1 101 5.5 102 4C104.833 4.5 119.3 14.6 122.5 21C105 44 98.5 55 111.5 58.5" stroke="#008315" stroke-width="6" stroke-linecap="round" />
-                </svg>
+            <p>
+                <a asp-action="CreateProcedure">Создать процедуру</a>
+            </p>
+            <table class="table">
+                <thead>
+                    <tr>
+                        <th>
+                            Номер
+                        </th>
+                        <th>
+                            Название процедуры
+                        </th>
+                        <th>
+                            Комментарий
+                        </th>
+                        <th>
+                            Редактировать
+                        </th>
+                        <th>
+                            Удалить
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                <td>
+                    1
+                </td>
+                <td>
+                    Массаж пяточек
+                </td>
+                <td>
+                    ммммммм
+                </td>
+                <td>
+                    <svg class="bi-edit-pen" viewBox="0 0 127 127" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M105.5 26L37 114.5C34.5 117 16.3 121.7 7.5 122.5C79.1 34.1 101 5.5 102 4C104.833 4.5 119.3 14.6 122.5 21C105 44 98.5 55 111.5 58.5" stroke="#008315" stroke-width="6" stroke-linecap="round" />
+                    </svg>
 
-            </td>
-            <td>
-                <svg class="bi-cart-delete" viewBox="0 0 154 164" fill="none" xmlns="http://www.w3.org/2000/svg">
-                    <path d="M44.5 123C4.99995 119.5 -11.8431 56.4293 24 19.5C40.5 2.50001 72.5 -5.5 101.5 27.5L115.5 14.5" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
-                    <path d="M65.2123 159.963L56 60.0001C88.0236 76.3307 119.521 77.4194 149 60.0001C141.63 142.346 140.08 160.953 140.226 159.963H65.2123Z" stroke="#D10000" stroke-width="8" />
-                    <path d="M121 36L101.582 55L75 31" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
-                </svg>
-            </td>
-            </tbody>
-        </table>
+                </td>
+                <td>
+                    <svg class="bi-cart-delete" viewBox="0 0 154 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M44.5 123C4.99995 119.5 -11.8431 56.4293 24 19.5C40.5 2.50001 72.5 -5.5 101.5 27.5L115.5 14.5" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
+                        <path d="M65.2123 159.963L56 60.0001C88.0236 76.3307 119.521 77.4194 149 60.0001C141.63 142.346 140.08 160.953 140.226 159.963H65.2123Z" stroke="#D10000" stroke-width="8" />
+                        <path d="M121 36L101.582 55L75 31" stroke="#D10000" stroke-width="8" stroke-linecap="round" />
+                    </svg>
+                </td>
+                </tbody>
+            </table>
     }
 </div>
\ No newline at end of file
diff --git a/Polyclinic/PolyclinicWebAppSuretor/wwwroot/css/site.css b/Polyclinic/PolyclinicWebAppSuretor/wwwroot/css/site.css
index ddda8e1..ee74d0b 100644
--- a/Polyclinic/PolyclinicWebAppSuretor/wwwroot/css/site.css
+++ b/Polyclinic/PolyclinicWebAppSuretor/wwwroot/css/site.css
@@ -24,9 +24,37 @@ body {
 .bi-edit-pen {
     color: rgb(72, 108, 16);
     height: 25px;
+    transition: transform 0.3s;
+}
+
+.bi-edit-pen:hover{
+    transform: scale(1.5);
 }
 
 .bi-cart-delete {
-    color: red  ;
+    color: red;
     height: 25px;
+    transition: transform 0.3s;
+}
+
+.form-create-recipe{
+    color: white;
+    background-color: rgb(66, 132, 112)
+}S
+
+.create-recipe{
+    background-color: rgb(145, 195, 128)
+}
+
+.bi-cart-delete:hover {
+    transform: scale(1.5);
+}
+
+.svg-icon {
+    transition: transform 0.3s;
+}
+
+.table-recipe-create{
+    font-size: 2.5vh;
+    color: white;
 }
\ No newline at end of file