Index: src/main/resources/templates/recept.html
===================================================================
--- src/main/resources/templates/recept.html	(revision a226bc376d8feeec1829bfe9374cdf27b2cf935b)
+++ src/main/resources/templates/recept.html	(revision 3e572eb5078b74bc9c8fc83edc749c611308dd26)
@@ -7,17 +7,8 @@
     <!-- Add Bootstrap CSS link -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
-    <style>
-        img{
-            margin: 16px;
-            border-style: groove;
-        }
-        textarea{
-            width: 70%;
-        }
-    </style>
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
-    <a class="navbar-brand" th:href="@{/}">
+    <a class="navbar-brand" href="#">
         CookBook
     </a>
@@ -28,8 +19,8 @@
         <ul class="navbar-nav ml-auto">
             <li class="nav-item active">
-                <a class="nav-link" th:href="@{/}">Home <span class="sr-only">(current)</span></a>
+                <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
             </li>
             <li class="nav-item">
-                <a class="nav-link" th:href="@{/naracki}">Naracki</a>
+                <a class="nav-link" href="#">About</a>
             </li>
             <li class="nav-item">
@@ -40,66 +31,12 @@
 </nav>
 
+    <h1 th:text="${recept.recIme}"></h1>
+
+    <h4 th:text="${recept.srednaOcena}"></h4>
+
+    <div th:text="${recept.postapka}"></div>
 
 
-    <div class="container mt-4">
-        <h1 th:text="${recept.recIme}"></h1>
-
-        <h4 th:text="${recept.srednaOcena}"></h4>
-
-        <div class="row">
-            <div class="col-12">
-                <h6>Pictures</h6>
-            </div>
-            <div class="col-12">
-                <img th:each="slika : ${sliki}" th:src="${slika.pic}" class="img-fluid" alt="Recipe Image" width="200px" height="200px">
-            </div>
-        </div>
-
-        <div>
-            <h5>Состојки</h5>
-            <div th:if="${sostojki.size() == 0}">Состојките не се додадени!</div>
-            <ul>
-                <li th:each="sostojka : ${sostojki}" th:text="${sostojka.sNaziv}"></li>
-            </ul>
-        </div>
-
-
-        <div>
-            <h5>Постапка</h5>
-            <p class="mt-4" th:text="${recept.postapka}"></p>
-        </div>
-
-        <form class="p-4 border" th:method="POST" th:action="@{'/komentar/{id}' (id=${recept.recId})}">
-            <div class="pt-3">
-                <label for="kom-ocena">Внеси оцена</label>
-                <input id="kom-ocena" name="ocena" type="number" min="1" max="10" step="1" required>
-            </div>
-
-            <div class="pt-3">
-                <textarea name="komentar">Внеси коментар..</textarea>
-            </div>
-            <div class="pt-3">
-                <label for="telefon">Избери телефон</label>
-                <select id="telefon" name="telefon" required>
-                    <option selected></option>
-                    <option th:each="posetitel : ${posetiteli}"
-                            th:text="${posetitel.telefon}"
-                            th:value="${posetitel.telefon}"></option>
-                </select>
-            </div>
-            <div class="pt-3">
-                <button>Submit</button>
-            </div>
-        </form>
-
-        <div class="mt-4">
-            <div th:each="komentar : ${komentari}" class="border p-4">
-                <p th:text="${komentar.imePrezime}">Ime Prezime</p>
-                <p th:text="${komentar.getDataFormatirana()}">2022-12-09 18:25:58</p>
-                <p th:text="${komentar.ocena}">8</p>
-                <p th:text="${komentar.text}" class="border">text</p>
-            </div>
-        </div>
-    </div>
+    <div>KOMENTARI TO DO</div>
 
 <!-- Add Bootstrap JS and Popper.js scripts (required for Bootstrap components) -->
