Index: resources/views/roadmap/create.blade.php
===================================================================
--- resources/views/roadmap/create.blade.php	(revision 484b85589c295d64d0b005f80f81b7ccf4277002)
+++ resources/views/roadmap/create.blade.php	(revision 2c5f4bcd897ca04b80c84b471c45f11e4fad6d09)
@@ -147,4 +147,7 @@
         attachCheckboxListeners();
 
+        // Attach year header toggle listeners
+        attachYearToggleListeners();
+
         // Apply year filtering
         filterYearSections();
@@ -154,8 +157,12 @@
     function buildYearSection(year, semesters) {
         let html = `<div class="mb-8 year-section" data-year="${year}" style="display: none;">
-            <h4 class="font-bold text-xl text-indigo-700 mb-6 pb-3 border-b-2 border-indigo-400">
-                Година ${year}
-            </h4>
-            <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">`;
+            <div class="bg-indigo-100 rounded-t-lg p-4 cursor-pointer flex items-center justify-between year-header hover:bg-indigo-200 transition" data-year="${year}">
+                <h4 class="font-bold text-xl text-indigo-700">
+                    Година ${year}
+                </h4>
+                <span class="year-toggle-icon text-indigo-700 text-2xl">▼</span>
+            </div>
+            <div class="year-content bg-white rounded-b-lg p-6 " style="display: block;">
+                <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">`;
 
         // Winter Semester
@@ -165,5 +172,5 @@
         html += buildSemesterSection('summer', semesters.summer, '☀️ Летни Семестар', 'amber');
 
-        html += `</div></div>`;
+        html += `</div></div></div>`;
         return html;
     }
@@ -275,4 +282,24 @@
             cb.addEventListener('change', function() {
                 updateForm();
+            });
+        });
+    }
+
+    // Attach year toggle listeners
+    function attachYearToggleListeners() {
+        const yearHeaders = document.querySelectorAll('.year-header');
+
+        yearHeaders.forEach(header => {
+            header.addEventListener('click', function() {
+                const yearContent = this.nextElementSibling;
+                const toggleIcon = this.querySelector('.year-toggle-icon');
+
+                if (yearContent.style.display === 'none') {
+                    yearContent.style.display = 'block';
+                    toggleIcon.textContent = '▼';
+                } else {
+                    yearContent.style.display = 'none';
+                    toggleIcon.textContent = '▶';
+                }
             });
         });
Index: resources/views/welcome.blade.php
===================================================================
--- resources/views/welcome.blade.php	(revision 484b85589c295d64d0b005f80f81b7ccf4277002)
+++ resources/views/welcome.blade.php	(revision 2c5f4bcd897ca04b80c84b471c45f11e4fad6d09)
@@ -96,5 +96,5 @@
         <footer class="bg-gray-900 text-gray-300 py-8">
             <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
-                <p>&copy; 2025 FINKI Roadmap. 214004 .</p>
+                <p>&copy; 2025 FINKI Roadmap 214004 & 212125 .</p>
             </div>
         </footer>