Index: app/Models/Destination.php
===================================================================
--- app/Models/Destination.php	(revision e58da16cea223f35f5e5b728b3e14b9be619830e)
+++ app/Models/Destination.php	(revision 2b08bf33e3317166842421f1e7fe24b3db3bd4b1)
@@ -46,5 +46,5 @@
     {
         return $this->belongsToMany(User::class, 'destinacii_has_korisnici', 'iddest', 'idkorisnik')
-            ->withPivot(['rating', 'comment', 'date']);
+            ->withPivot(['ocena', 'komentar', 'datum']);
     }
 
Index: app/Models/TravelSageUser.php
===================================================================
--- app/Models/TravelSageUser.php	(revision e58da16cea223f35f5e5b728b3e14b9be619830e)
+++ app/Models/TravelSageUser.php	(revision 2b08bf33e3317166842421f1e7fe24b3db3bd4b1)
@@ -33,5 +33,5 @@
     {
         return $this->belongsToMany(Destination::class, 'destinacii_has_korisnici', 'idkorisnik', 'iddest')
-            ->withPivot(['rating', 'comment', 'date']);
+            ->withPivot(['ocena', 'komentar', 'datum']);
     }
 
Index: resources/views/footer.blade.php
===================================================================
--- resources/views/footer.blade.php	(revision 2b08bf33e3317166842421f1e7fe24b3db3bd4b1)
+++ resources/views/footer.blade.php	(revision 2b08bf33e3317166842421f1e7fe24b3db3bd4b1)
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>TravelSage</title>
+    <link rel="stylesheet" href="{{ asset('CSSs/homeStyle.css') }}">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
+
+    <style>
+        .footerIcons {
+            display: grid;
+            grid-template-columns: repeat(3, 1fr);
+            gap: 10px;
+            justify-items: center;
+        }
+        html {
+            scroll-behavior: smooth;
+        }
+    </style>
+</head>
+<body>
+<footer id="kontakt" class="bg-body-tertiary text-center">
+    <div class="container p-4 pb-0">
+        <div class="container p-4">
+            <section class="imgFooter">
+                <div class="row">
+                    <div class="col-lg-2 col-md-4 col-6 mb-4">
+                        <img src="{{ asset('images/f1.jpg') }}" class="w-100 rounded shadow">
+                    </div>
+                    <div class="col-lg-2 col-md-4 col-6 mb-4">
+                        <img src="{{ asset('images/f4.jpg') }}" class="w-100 rounded shadow">
+                    </div>
+                    <div class="col-lg-2 col-md-4 col-6 mb-4">
+                        <img src="{{ asset('images/f3.jpg') }}" class="w-100 rounded shadow">
+                    </div>
+                    <div class="col-lg-2 col-md-4 col-6 mb-4">
+                        <img src="{{ asset('images/f5.jpg') }}" class="w-100 rounded shadow">
+                    </div>
+                    <div class="col-lg-2 col-md-4 col-6 mb-4">
+                        <img src="{{ asset('images/f2.jpg') }}" class="w-100 rounded shadow">
+                    </div>
+                    <div class="col-lg-2 col-md-4 col-6 mb-4">
+                        <img src="{{ asset('images/f6.jpg') }}" class="w-100 rounded shadow">
+                    </div>
+                </div>
+            </section>
+        </div>
+
+        <div class="row">
+            <div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
+                <h6 class="text-uppercase mb-4 font-weight-bold">
+                    TravelSage
+                </h6>
+                <p>
+                    Иновативен концепт за паметен избор на локација за патување.
+                </p>
+            </div>
+
+            <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mt-3">
+                <h6 class="text-uppercase mb-4 font-weight-bold">Контакт</h6>
+                <p><i class="fas fa-home mr-3"></i> Скопје, Р. С. Македонија</p>
+                <p><i class="fas fa-envelope mr-3"></i> travelSage@gmail.com</p>
+                <p><i class="fas fa-phone mr-3"></i> + 389 77 888 888</p>
+            </div>
+
+            <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mt-3">
+                <h6 class="text-uppercase mb-4 font-weight-bold">Заследете не</h6>
+                <section class="footerIcons">
+                    <a class="btn social-icon" style="background-color: #3b5998;" href="#"><i
+                            class="fab fa-facebook-f"></i></a>
+                    <a class="btn social-icon" style="background-color: #55acee;" href="#"><i
+                            class="fab fa-twitter"></i></a>
+                    <a class="btn social-icon" style="background-color: #dd4b39;" href="#"><i
+                            class="fab fa-google"></i></a>
+                    <a class="btn social-icon" style="background-color: #ac2bac;" href="#"><i
+                            class="fab fa-instagram"></i></a>
+                    <a class="btn social-icon" style="background-color: #0082ca;" href="#"><i
+                            class="fab fa-linkedin-in"></i></a>
+                    <a class="btn social-icon" style="background-color: #333333;" href="#"><i
+                            class="fab fa-github"></i></a>
+                </section>
+            </div>
+        </div>
+    </div>
+</footer>
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>
+</body>
+</html>
Index: resources/views/index.blade.php
===================================================================
--- resources/views/index.blade.php	(revision e58da16cea223f35f5e5b728b3e14b9be619830e)
+++ resources/views/index.blade.php	(revision 2b08bf33e3317166842421f1e7fe24b3db3bd4b1)
@@ -12,10 +12,4 @@
 
     <style>
-        .footerIcons {
-            display: grid;
-            grid-template-columns: repeat(3, 1fr);
-            gap: 10px;
-            justify-items: center;
-        }
         html {
             scroll-behavior: smooth;
@@ -24,20 +18,6 @@
 </head>
 <body>
-<nav class="navbar navbar-expand-lg navbar-dark">
-    <img class="logo" src="{{ asset('images/logo.png') }}">
-    <div class="container-fluid">
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav"
-                aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="main_nav">
-            <ul class="navbar-nav">
-                <li class="nav-item"><a class="nav-link" href="{{ url('/') }}">ПОЧЕТНА</a></li>
-                <li class="nav-item"><a href="#za-nas" class="nav-link">ЗА НАС</a></li>
-                <li class="nav-item"><a href="#kontakt" class="nav-link">КОНТАКТ</a></li>
-            </ul>
-        </div>
-    </div>
-</nav>
+
+@include('navbar')
 
 <div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel" data-bs-interval="1500">
@@ -145,68 +125,5 @@
 </div>
 
-<footer id="kontakt" class="bg-body-tertiary text-center">
-    <div class="container p-4 pb-0">
-        <div class="container p-4">
-            <section class="imgFooter">
-                <div class="row">
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f1.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f4.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f3.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f5.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f2.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f6.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                </div>
-            </section>
-        </div>
-
-        <div class="row">
-            <div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
-                <h6 class="text-uppercase mb-4 font-weight-bold">
-                    TravelSage
-                </h6>
-                <p>
-                    Иновативен концепт за паметен избор на локација за патување.
-                </p>
-            </div>
-
-            <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mt-3">
-                <h6 class="text-uppercase mb-4 font-weight-bold">Контакт</h6>
-                <p><i class="fas fa-home mr-3"></i> Скопје, Р. С. Македонија</p>
-                <p><i class="fas fa-envelope mr-3"></i> travelSage@gmail.com</p>
-                <p><i class="fas fa-phone mr-3"></i> + 389 77 888 888</p>
-            </div>
-
-            <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mt-3">
-                <h6 class="text-uppercase mb-4 font-weight-bold">Заследете не</h6>
-                <section class="footerIcons">
-                    <a class="btn social-icon" style="background-color: #3b5998;" href="#"><i
-                            class="fab fa-facebook-f"></i></a>
-                    <a class="btn social-icon" style="background-color: #55acee;" href="#"><i
-                            class="fab fa-twitter"></i></a>
-                    <a class="btn social-icon" style="background-color: #dd4b39;" href="#"><i
-                            class="fab fa-google"></i></a>
-                    <a class="btn social-icon" style="background-color: #ac2bac;" href="#"><i
-                            class="fab fa-instagram"></i></a>
-                    <a class="btn social-icon" style="background-color: #0082ca;" href="#"><i
-                            class="fab fa-linkedin-in"></i></a>
-                    <a class="btn social-icon" style="background-color: #333333;" href="#"><i
-                            class="fab fa-github"></i></a>
-                </section>
-            </div>
-        </div>
-    </div>
-</footer>
+@include('footer')
 
 <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
Index: resources/views/login.blade.php
===================================================================
--- resources/views/login.blade.php	(revision e58da16cea223f35f5e5b728b3e14b9be619830e)
+++ resources/views/login.blade.php	(revision 2b08bf33e3317166842421f1e7fe24b3db3bd4b1)
@@ -12,21 +12,5 @@
 </head>
 <body>
-<nav class="navbar navbar-expand-lg navbar-dark">
-    <img class="logo" src="{{ asset('images/logo.png') }}">
-    <div class="container-fluid">
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav"
-                aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="main_nav">
-            <ul class="navbar-nav">
-                <li class="nav-item"><a class="nav-link" href="{{ url('/') }}" class="nav-link">ПОЧЕТНА</a>
-                </li>
-                <li class="nav-item"><a href="#za-nas" class="nav-link">ЗА НАС</a></li>
-                <li class="nav-item"><a href="#kontakt" class="nav-link">КОНТАКТ</a></li>
-            </ul>
-        </div>
-    </div>
-</nav>
+@include('navbar')
 
 <div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel" data-bs-interval="1500">
@@ -101,69 +85,5 @@
 </div>
 
-
-<footer id="kontakt" class="bg-body-tertiary text-center">
-    <div class="container p-4 pb-0">
-        <div class="container p-4">
-            <section class="imgFooter">
-                <div class="row">
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f1.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f4.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f3.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f5.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f2.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f6.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                </div>
-            </section>
-        </div>
-
-        <div class="row">
-            <div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
-                <h6 class="text-uppercase mb-4 font-weight-bold">
-                    TravelSage
-                </h6>
-                <p>
-                    Иновативен концепт за паметен избор на локација за патување.
-                </p>
-            </div>
-
-            <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mt-3">
-                <h6 class="text-uppercase mb-4 font-weight-bold">Контакт</h6>
-                <p><i class="fas fa-home mr-3"></i> Скопје, Р. С. Македонија</p>
-                <p><i class="fas fa-envelope mr-3"></i> travelSage@gmail.com</p>
-                <p><i class="fas fa-phone mr-3"></i> + 389 77 888 888</p>
-            </div>
-
-            <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mt-3">
-                <h6 class="text-uppercase mb-4 font-weight-bold">Заследете не</h6>
-                <section class="footerIcons">
-                    <a class="btn social-icon" style="background-color: #3b5998;" href="#"><i
-                            class="fab fa-facebook-f"></i></a>
-                    <a class="btn social-icon" style="background-color: #55acee;" href="#"><i
-                            class="fab fa-twitter"></i></a>
-                    <a class="btn social-icon" style="background-color: #dd4b39;" href="#"><i
-                            class="fab fa-google"></i></a>
-                    <a class="btn social-icon" style="background-color: #ac2bac;" href="#"><i
-                            class="fab fa-instagram"></i></a>
-                    <a class="btn social-icon" style="background-color: #0082ca;" href="#"><i
-                            class="fab fa-linkedin-in"></i></a>
-                    <a class="btn social-icon" style="background-color: #333333;" href="#"><i
-                            class="fab fa-github"></i></a>
-                </section>
-            </div>
-        </div>
-    </div>
-</footer>
+@include('footer')
 
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
Index: resources/views/navbar.blade.php
===================================================================
--- resources/views/navbar.blade.php	(revision 2b08bf33e3317166842421f1e7fe24b3db3bd4b1)
+++ resources/views/navbar.blade.php	(revision 2b08bf33e3317166842421f1e7fe24b3db3bd4b1)
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>TravelSage</title>
+    <link rel="stylesheet" href="{{ asset('CSSs/homeStyle.css') }}">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+          integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
+
+    <style>
+        html {
+            scroll-behavior: smooth;
+        }
+    </style>
+</head>
+<body>
+<nav class="navbar navbar-expand-lg navbar-dark">
+    <img class="logo"  src="{{ asset('images/logo.png') }}">
+    <div class="container-fluid">
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav"
+                aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="main_nav">
+            <ul class="navbar-nav">
+                <li class="nav-item"><a class="nav-link" href="{{ url('/') }}">ПОЧЕТНА</a></li>
+                <li class="nav-item"><a href="#za-nas" class="nav-link">ЗА НАС</a></li>
+                <li class="nav-item"><a href="#kontakt" class="nav-link">КОНТАКТ</a></li>
+            </ul>
+        </div>
+    </div>
+</nav>
+
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"></script>
+</body>
+</html>
Index: resources/views/preferences.blade.php
===================================================================
--- resources/views/preferences.blade.php	(revision e58da16cea223f35f5e5b728b3e14b9be619830e)
+++ resources/views/preferences.blade.php	(revision 2b08bf33e3317166842421f1e7fe24b3db3bd4b1)
@@ -18,21 +18,6 @@
     </div>
 @endif
-<nav class="navbar navbar-expand-lg navbar-dark">
-    <img class="logo" src="{{ asset('images/logo.png') }}">
-    <div class="container-fluid">
-        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main_nav"
-                aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-        <div class="collapse navbar-collapse" id="main_nav">
-            <ul class="navbar-nav">
-                <li class="nav-item"><a class="nav-link" href="{{ url('/') }}" class="nav-link">ПОЧЕТНА</a>
-                </li>
-                <li class="nav-item"><a href="#za-nas" class="nav-link">ЗА НАС</a></li>
-                <li class="nav-item"><a href="#kontakt" class="nav-link">КОНТАКТ</a></li>
-            </ul>
-        </div>
-    </div>
-</nav>
+
+@include('navbar')
 
 <div id="carouselExampleInterval" class="carousel slide" data-bs-ride="carousel" data-bs-interval="1500">
@@ -113,69 +98,5 @@
 </div>
 
-
-<footer id="kontakt" class="bg-body-tertiary text-center">
-    <div class="container p-4 pb-0">
-        <div class="container p-4">
-            <section class="imgFooter">
-                <div class="row">
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f1.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f4.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f3.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f5.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f2.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                    <div class="col-lg-2 col-md-4 col-6 mb-4">
-                        <img src="{{ asset('images/f6.jpg') }}" class="w-100 rounded shadow">
-                    </div>
-                </div>
-            </section>
-        </div>
-
-        <div class="row">
-            <div class="col-md-3 col-lg-3 col-xl-3 mx-auto mt-3">
-                <h6 class="text-uppercase mb-4 font-weight-bold">
-                    TravelSage
-                </h6>
-                <p>
-                    Иновативен концепт за паметен избор на локација за патување.
-                </p>
-            </div>
-
-            <div class="col-md-4 col-lg-3 col-xl-3 mx-auto mt-3">
-                <h6 class="text-uppercase mb-4 font-weight-bold">Контакт</h6>
-                <p><i class="fas fa-home mr-3"></i> Скопје, Р. С. Македонија</p>
-                <p><i class="fas fa-envelope mr-3"></i> travelSage@gmail.com</p>
-                <p><i class="fas fa-phone mr-3"></i> + 389 77 888 888</p>
-            </div>
-
-            <div class="col-md-3 col-lg-2 col-xl-2 mx-auto mt-3">
-                <h6 class="text-uppercase mb-4 font-weight-bold">Заследете не</h6>
-                <section class="footerIcons">
-                    <a class="btn social-icon" style="background-color: #3b5998;" href="#"><i
-                            class="fab fa-facebook-f"></i></a>
-                    <a class="btn social-icon" style="background-color: #55acee;" href="#"><i
-                            class="fab fa-twitter"></i></a>
-                    <a class="btn social-icon" style="background-color: #dd4b39;" href="#"><i
-                            class="fab fa-google"></i></a>
-                    <a class="btn social-icon" style="background-color: #ac2bac;" href="#"><i
-                            class="fab fa-instagram"></i></a>
-                    <a class="btn social-icon" style="background-color: #0082ca;" href="#"><i
-                            class="fab fa-linkedin-in"></i></a>
-                    <a class="btn social-icon" style="background-color: #333333;" href="#"><i
-                            class="fab fa-github"></i></a>
-                </section>
-            </div>
-        </div>
-    </div>
-</footer>
+@include('footer')
 
 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
