From ed4a377af25b35b8cb265e69b472697b74949276 Mon Sep 17 00:00:00 2001
From: Dvorinka <contact.dvorak@gmail.com>
Date: Thu, 19 Jun 2025 22:58:02 +0200
Subject: [PATCH] s

---
 index.html | 73 ++++++++++++++++++++++++++++++++----------------------
 1 file changed, 44 insertions(+), 29 deletions(-)

diff --git a/index.html b/index.html
index 61340d2..b905122 100644
--- a/index.html
+++ b/index.html
@@ -145,10 +145,10 @@
                 
                 <!-- Desktop Navigation -->
                 <nav class="hidden md:flex space-x-8">
-                    <a href="#" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Domů</a>
-                    <a href="#" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Služby</a>
-                    <a href="#" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Portfolio</a>
-                    <a href="#" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">O nás</a>
+                    <a href="index.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Domů</a>
+                    <a href="sluzby.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Služby</a>
+                    <!-- <a href="#" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Portfolio</a>
+                    <a href="#" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">O nás</a> -->
                     <a href="kontakt.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Kontakt</a>
                 </nav>
                 
@@ -172,8 +172,8 @@
                 <nav class="px-2 pt-2 pb-4 space-y-1">
                     <a href="index.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">Domů</a>
                     <a href="sluzby.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">Služby</a>
-                    <a href="portfolio.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">Portfolio</a>
-                    <a href="o-nas.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">O nás</a>
+                    <!-- <a href="portfolio.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">Portfolio</a>
+                    <a href="o-nas.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">O nás</a> -->
                     <a href="kontakt.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">Kontakt</a>
                 </nav>
                 <div class="px-4 py-3 border-t border-gray-100">
@@ -200,10 +200,10 @@
                         <a href="sluzby.html" class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-full shadow-sm text-white bg-sport-purple hover:shadow-lg transition duration-300">
                             Zjistit více
                         </a>
-                        <a href="portfolio.html" class="inline-flex items-center justify-center px-6 py-3 border border-gray-300 text-base font-medium rounded-full shadow-sm text-gray-700 bg-white hover:bg-gray-50 transition duration-300">
+                        <!-- <a href="portfolio.html" class="inline-flex items-center justify-center px-6 py-3 border border-gray-300 text-base font-medium rounded-full shadow-sm text-gray-700 bg-white hover:bg-gray-50 transition duration-300">
                             Naše portfolio
                             <ion-icon name="arrow-forward-outline" class="ml-2"></ion-icon>
-                        </a>
+                        </a> -->
                     </div>
                 </div>
                 <div class="md:w-1/2">
@@ -401,19 +401,19 @@
             <button class="portfolio-filter-btn mb-2 px-4 py-2 bg-sport-purple text-white rounded-full text-sm font-medium" data-filter="all">
                 Všechny projekty
             </button>
-            <button class="portfolio-filter-btn mb-2 px-4 py-2 bg-white text-gray-700 hover:bg-gray-100 rounded-full text-sm font-medium" data-filter="video">
+            <button class="portfolio-filter-btn mb-2 px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-full text-sm font-medium" data-filter="video">
                 Video
             </button>
-            <button class="portfolio-filter-btn mb-2 px-4 py-2 bg-white text-gray-700 hover:bg-gray-100 rounded-full text-sm font-medium" data-filter="foto">
+            <button class="portfolio-filter-btn mb-2 px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-full text-sm font-medium" data-filter="foto">
                 Fotografie
             </button>
-            <button class="portfolio-filter-btn mb-2 px-4 py-2 bg-white text-gray-700 hover:bg-gray-100 rounded-full text-sm font-medium" data-filter="social">
+            <button class="portfolio-filter-btn mb-2 px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-full text-sm font-medium" data-filter="social">
                 Sociální sítě
             </button>
-            <button class="portfolio-filter-btn mb-2 px-4 py-2 bg-white text-gray-700 hover:bg-gray-100 rounded-full text-sm font-medium" data-filter="web">
+            <button class="portfolio-filter-btn mb-2 px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-full text-sm font-medium" data-filter="web">
                 Webdesign
             </button>
-            <button class="portfolio-filter-btn mb-2 px-4 py-2 bg-white text-gray-700 hover:bg-gray-100 rounded-full text-sm font-medium" data-filter="sprava-webu">
+            <button class="portfolio-filter-btn mb-2 px-4 py-2 text-gray-700 hover:bg-gray-100 rounded-full text-sm font-medium" data-filter="sprava-webu">
                 Správa webu
             </button>
         </div>
@@ -422,6 +422,7 @@
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
             <!-- Winnersport -->
             <div class="portfolio-item group relative overflow-hidden rounded-lg shadow-md transition duration-300 hover:shadow-xl" data-categories="social sprava-webu">
+                <a href="https://www.instagram.com/winnersport_cz/" target="_blank">
                 <img src="assets/images/winnersport.png" alt="Winnersport" class="w-full h-64 object-cover transition duration-300 transform group-hover:scale-105" />
                 <div class="portfolio-overlay absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 transition duration-300 flex flex-col justify-end p-6">
                     <h3 class="text-white text-xl font-bold">Winnersport</h3>
@@ -431,10 +432,12 @@
                         <span class="bg-sport-orange bg-opacity-80 text-white text-xs px-2 py-1 rounded">Správa e-shopu</span>
                     </div>
                 </div>
+                </a>
             </div>
             
             <!-- Masita -->
             <div class="portfolio-item group relative overflow-hidden rounded-lg shadow-md transition duration-300 hover:shadow-xl" data-categories="social">
+                <a href="https://www.instagram.com/masita_cz/" target="_blank">
                 <img src="assets/images/masita.png" alt="Masita" class="w-full h-64 object-cover transition duration-300 transform group-hover:scale-105" />
                 <div class="portfolio-overlay absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 transition duration-300 flex flex-col justify-end p-6">
                     <h3 class="text-white text-xl font-bold">Masita</h3>
@@ -443,10 +446,12 @@
                         <span class="bg-sport-purple bg-opacity-80 text-white text-xs px-2 py-1 rounded">Sociální sítě</span>
                     </div>
                 </div>
+                </a>
             </div>
 
             <!-- FC Bizoni UH -->
             <div class="portfolio-item group relative overflow-hidden rounded-lg shadow-md transition duration-300 hover:shadow-xl" data-categories="social web foto video">
+                <a href="https://www.bizoniuh.cz/" target="_blank">
                 <img src="assets/images/bizoni.png" alt="FC Bizoni UH" class="w-full h-64 object-cover transition duration-300 transform group-hover:scale-105" />
                 <div class="portfolio-overlay absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 transition duration-300 flex flex-col justify-end p-6">
                     <h3 class="text-white text-xl font-bold">FC Bizoni UH</h3>
@@ -458,10 +463,12 @@
                         <span class="bg-sport-orange bg-opacity-80 text-white text-xs px-2 py-1 rounded">Video</span>
                     </div>
                 </div>
+                </a>
             </div>
 
             <!-- FK Kofola Krnov -->
             <div class="portfolio-item group relative overflow-hidden rounded-lg shadow-md transition duration-300 hover:shadow-xl" data-categories="sprava-webu social video">
+                <a href="https://www.instagram.com/fkkofolakrnov/" target="_blank">
                 <img src="assets/images/krnov.png" alt="FK Kofola Krnov" class="w-full h-64 object-cover transition duration-300 transform group-hover:scale-105" />
                 <div class="portfolio-overlay absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 transition duration-300 flex flex-col justify-end p-6">
                     <h3 class="text-white text-xl font-bold">FK Kofola Krnov</h3>
@@ -472,10 +479,12 @@
                         <span class="bg-sport-purple bg-opacity-80 text-white text-xs px-2 py-1 rounded">Video</span>
                     </div>
                 </div>
+                </a>
             </div>
 
             <!-- Penalty -->
             <div class="portfolio-item group relative overflow-hidden rounded-lg shadow-md transition duration-300 hover:shadow-xl" data-categories="social web foto video">
+                <a href="https://www.winnersport.cz/penalty-5/" target="_blank">
                 <img src="assets/images/penalty.png" alt="Penalty" class="w-full h-64 object-cover transition duration-300 transform group-hover:scale-105" />
                 <div class="portfolio-overlay absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 transition duration-300 flex flex-col justify-end p-6">
                     <h3 class="text-white text-xl font-bold">Penalty</h3>
@@ -484,10 +493,12 @@
                         <span class="bg-sport-purple bg-opacity-80 text-white text-xs px-2 py-1 rounded">Sociální sítě</span>
                     </div>
                 </div>
+                </a>
             </div>
 
             <!-- Zeusport -->
             <div class="portfolio-item group relative overflow-hidden rounded-lg shadow-md transition duration-300 hover:shadow-xl" data-categories="web social">
+                <a href="https://www.zeusport.cz/" target="_blank">
                 <img src="assets/images/zeus.png" alt="Zeusport" class="w-full h-64 object-cover transition duration-300 transform group-hover:scale-105" />
                 <div class="portfolio-overlay absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 transition duration-300 flex flex-col justify-end p-6">
                     <h3 class="text-white text-xl font-bold">Zeusport</h3>
@@ -497,10 +508,12 @@
                         <span class="bg-sport-orange bg-opacity-80 text-white text-xs px-2 py-1 rounded">Sociální sítě</span>
                     </div>
                 </div>
+                </a>
             </div>
             
             <!-- Revvisport -->
             <div class="portfolio-item group relative overflow-hidden rounded-lg shadow-md transition duration-300 hover:shadow-xl" data-categories="web social">
+                <a href="https://www.revvisport.cz/" target="_blank">
                 <img src="assets/images/revvi.png" alt="Revvisport" class="w-full h-64 object-cover transition duration-300 transform group-hover:scale-105" />
                 <div class="portfolio-overlay absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 transition duration-300 flex flex-col justify-end p-6">
                     <h3 class="text-white text-xl font-bold">Revvisport</h3>
@@ -510,6 +523,7 @@
                         <span class="bg-sport-orange bg-opacity-80 text-white text-xs px-2 py-1 rounded">Sociální sítě</span>
                     </div>
                 </div>
+                </a>
             </div>
 
 
@@ -526,9 +540,7 @@
                 </div>
             </div>
         </div>
-        
-        <!-- Show More Button
-        <div class="mt-12 text-center">
+        <!-- <div class="mt-12 text-center">
             <a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-sport-purple text-base font-medium rounded-full text-sport-purple hover:bg-gray-50 transition duration-300">
                 Zobrazit další projekty
                 <ion-icon name="arrow-down-outline" class="ml-2"></ion-icon>
@@ -591,22 +603,25 @@
                 <h3 class="text-lg font-semibold mb-4 text-white">Služby</h3>
                 <ul class="space-y-2">
                     <li>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-150">Video Editing</a>
+                        <a href="sluzby.html#video-editing" class="text-gray-400 hover:text-white transition duration-150">Video Editing</a>
                     </li>
                     <li>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-150">Sociální sítě</a>
+                        <a href="sluzby.html#socialni-site" class="text-gray-400 hover:text-white transition duration-150">Sociální sítě</a>
                     </li>
                     <li>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-150">Tvorba Reels</a>
+                        <a href="sluzby.html#tvorba-reels" class="text-gray-400 hover:text-white transition duration-150">Tvorba Reels</a>
                     </li>
                     <li>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-150">Profi Fotografie & Video</a>
+                        <a href="sluzby.html#fotografie-video" class="text-gray-400 hover:text-white transition duration-150">Profi Fotografie & Video</a>
                     </li>
                     <li>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-150">Správa Webu</a>
+                        <a href="sluzby.html#sprava-webu" class="text-gray-400 hover:text-white transition duration-150">Správa Webu</a>
                     </li>
                     <li>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-150">Grafický Design</a>
+                        <a href="sluzby.html#graficky-design" class="text-gray-400 hover:text-white transition duration-150">Grafický Design</a>
+                    </li>
+                    <li>
+                        <a href="sluzby.html#marketing" class="text-gray-400 hover:text-white transition duration-150">Digitální marketing</a>
                     </li>
                 </ul>
             </div>
@@ -616,12 +631,12 @@
                 <h3 class="text-lg font-semibold mb-4 text-white">Rychlé odkazy</h3>
                 <ul class="space-y-2">
                     <li>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-150">Domů</a>
+                        <a href="index.html" class="text-gray-400 hover:text-white transition duration-150">Domů</a>
                     </li>
                     <li>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-150">O nás</a>
+                        <a href="sluzby.html" class="text-gray-400 hover:text-white transition duration-150">Služby</a>
                     </li>
-                    <li>
+                    <!-- <li>
                         <a href="#" class="text-gray-400 hover:text-white transition duration-150">Portfolio</a>
                     </li>
                     <li>
@@ -629,9 +644,9 @@
                     </li>
                     <li>
                         <a href="#" class="text-gray-400 hover:text-white transition duration-150">Blog</a>
-                    </li>
+                    </li> -->
                     <li>
-                        <a href="#" class="text-gray-400 hover:text-white transition duration-150">Kontakt</a>
+                        <a href="kontakt.html" class="text-gray-400 hover:text-white transition duration-150">Kontakt</a>
                     </li>
                 </ul>
             </div>
@@ -673,11 +688,11 @@
             <p class="text-gray-400 text-sm mb-4 md:mb-0">
                 &copy; 2025 SportCreative. Všechna práva vyhrazena.
             </p>
-            <div class="flex space-x-4 text-sm text-gray-400">
+            <!-- <div class="flex space-x-4 text-sm text-gray-400">
                 <a href="#" class="hover:text-white transition duration-150">Podmínky použití</a>
                 <a href="#" class="hover:text-white transition duration-150">Ochrana soukromí</a>
                 <a href="#" class="hover:text-white transition duration-150">Cookies</a>
-            </div>
+            </div> -->
         </div>
     </div>
 </footer>