TDvorak/SportCreative
1
0
Fork 0
mirror of https://github.com/Dvorinka/sportcreative.git synced 2026-06-03 19:32:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

s

Browse Source
This commit is contained in:
Dvorinka
2025-06-19 22:58:02 +02:00
parent 0695ec16ab
commit ed4a377af2
1 changed files with 44 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+44 -29
View File
@@ -145,10 +145,10 @@
<!-- Desktop Navigation --> <!-- Desktop Navigation -->
<nav class="hidden md:flex space-x-8"> <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="index.html" 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="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">Portfolio</a>
<a href="#" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">O nás</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> <a href="kontakt.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Kontakt</a>
</nav> </nav>
@@ -172,8 +172,8 @@
<nav class="px-2 pt-2 pb-4 space-y-1"> <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="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="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="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="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> <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> </nav>
<div class="px-4 py-3 border-t border-gray-100"> <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"> <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 Zjistit více
</a> </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 Naše portfolio
<ion-icon name="arrow-forward-outline" class="ml-2"></ion-icon> <ion-icon name="arrow-forward-outline" class="ml-2"></ion-icon>
</a> </a> -->
</div> </div>
</div> </div>
<div class="md:w-1/2"> <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"> <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 Všechny projekty
</button> </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 Video
</button> </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 Fotografie
</button> </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ě Sociální sítě
</button> </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 Webdesign
</button> </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 Správa webu
</button> </button>
</div> </div>
@@ -422,6 +422,7 @@
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
<!-- Winnersport --> <!-- Winnersport -->
<div class="portfolio-item group relative overflow-hidden rounded-lg shadow-md transition duration-300 hover:shadow-xl" data-categories="social sprava-webu"> <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" /> <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"> <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> <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> <span class="bg-sport-orange bg-opacity-80 text-white text-xs px-2 py-1 rounded">Správa e-shopu</span>
</div> </div>
</div> </div>
</a>
</div> </div>
<!-- Masita --> <!-- Masita -->
<div class="portfolio-item group relative overflow-hidden rounded-lg shadow-md transition duration-300 hover:shadow-xl" data-categories="social"> <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" /> <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"> <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> <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> <span class="bg-sport-purple bg-opacity-80 text-white text-xs px-2 py-1 rounded">Sociální sítě</span>
</div> </div>
</div> </div>
</a>
</div> </div>
<!-- FC Bizoni UH --> <!-- 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"> <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" /> <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"> <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> <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> <span class="bg-sport-orange bg-opacity-80 text-white text-xs px-2 py-1 rounded">Video</span>
</div> </div>
</div> </div>
</a>
</div> </div>
<!-- FK Kofola Krnov --> <!-- 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"> <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" /> <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"> <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> <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> <span class="bg-sport-purple bg-opacity-80 text-white text-xs px-2 py-1 rounded">Video</span>
</div> </div>
</div> </div>
</a>
</div> </div>
<!-- Penalty --> <!-- 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"> <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" /> <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"> <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> <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> <span class="bg-sport-purple bg-opacity-80 text-white text-xs px-2 py-1 rounded">Sociální sítě</span>
</div> </div>
</div> </div>
</a>
</div> </div>
<!-- Zeusport --> <!-- Zeusport -->
<div class="portfolio-item group relative overflow-hidden rounded-lg shadow-md transition duration-300 hover:shadow-xl" data-categories="web social"> <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" /> <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"> <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> <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> <span class="bg-sport-orange bg-opacity-80 text-white text-xs px-2 py-1 rounded">Sociální sítě</span>
</div> </div>
</div> </div>
</a>
</div> </div>
<!-- Revvisport --> <!-- Revvisport -->
<div class="portfolio-item group relative overflow-hidden rounded-lg shadow-md transition duration-300 hover:shadow-xl" data-categories="web social"> <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" /> <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"> <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> <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> <span class="bg-sport-orange bg-opacity-80 text-white text-xs px-2 py-1 rounded">Sociální sítě</span>
</div> </div>
</div> </div>
</a>
</div> </div>
@@ -526,9 +540,7 @@
</div> </div>
</div> </div>
</div> </div>
<!-- <div class="mt-12 text-center">
<!-- Show More Button
<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"> <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 Zobrazit další projekty
<ion-icon name="arrow-down-outline" class="ml-2"></ion-icon> <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> <h3 class="text-lg font-semibold mb-4 text-white">Služby</h3>
<ul class="space-y-2"> <ul class="space-y-2">
<li> <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>
<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>
<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>
<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>
<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>
<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> </li>
</ul> </ul>
</div> </div>
@@ -616,12 +631,12 @@
<h3 class="text-lg font-semibold mb-4 text-white">Rychlé odkazy</h3> <h3 class="text-lg font-semibold mb-4 text-white">Rychlé odkazy</h3>
<ul class="space-y-2"> <ul class="space-y-2">
<li> <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>
<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> <!-- <li>
<a href="#" class="text-gray-400 hover:text-white transition duration-150">Portfolio</a> <a href="#" class="text-gray-400 hover:text-white transition duration-150">Portfolio</a>
</li> </li>
<li> <li>
@@ -629,9 +644,9 @@
</li> </li>
<li> <li>
<a href="#" class="text-gray-400 hover:text-white transition duration-150">Blog</a> <a href="#" class="text-gray-400 hover:text-white transition duration-150">Blog</a>
</li> </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> </li>
</ul> </ul>
</div> </div>
@@ -673,11 +688,11 @@
<p class="text-gray-400 text-sm mb-4 md:mb-0"> <p class="text-gray-400 text-sm mb-4 md:mb-0">
&copy; 2025 SportCreative. Všechna práva vyhrazena. &copy; 2025 SportCreative. Všechna práva vyhrazena.
</p> </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">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">Ochrana soukromí</a>
<a href="#" class="hover:text-white transition duration-150">Cookies</a> <a href="#" class="hover:text-white transition duration-150">Cookies</a>
</div> </div> -->
</div> </div>
</div> </div>
</footer> </footer>