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

update seo and add service

Browse Source
This commit is contained in:
Your Name
2026-04-19 20:05:40 +02:00
parent 9b09748b64
commit 7e22bb1954
25 changed files with 1105 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.gitignore
+40
View File
@@ -0,0 +1,40 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Runtime data
pids
*.pid
*.seed
*.pid.lock
# OS generated files
.DS_Store
.DS_Store?
._*
.Spotlight-V100
.Trashes
ehthumbs.db
Thumbs.db
# IDE
.vscode/
.idea/
*.swp
*.swo
*~
# Temporary files
*.tmp
*.temp
.cache/
# Local environment
.env
.env.local
# Windsurf
.windsurf/
404.html
+1 -1
View File
@@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stránka nenalezena | 404 | SportCreative</title> <title>Stránka nenalezena | SportCreative</title>
<meta name="robots" content="noindex, follow"> <meta name="robots" content="noindex, follow">
<link rel="canonical" href="https://sportcreative.cz/404.html" /> <link rel="canonical" href="https://sportcreative.cz/404.html" />
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
archive/portfolio.html
+1 -1
View File
@@ -663,7 +663,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
cookies.html
+1 -1
View File
@@ -712,7 +712,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
gdpr.html
+1 -1
View File
@@ -747,7 +747,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
index.html
+29 -1
View File
@@ -892,6 +892,31 @@
</div> </div>
</div> </div>
</div> </div>
<!-- Service Card 7 - Plán rozvoje sportu pro města a obce -->
<div class="swiper-slide">
<div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition duration-300 h-full flex flex-col">
<div class="h-48 bg-gradient-to-br from-sport-purple to-sport-purple-dark relative overflow-hidden flex items-center justify-center">
<div class="bg-white/20 backdrop-blur-sm rounded-full w-24 h-24 flex items-center justify-center">
<ion-icon name="business-outline" class="text-white text-6xl"></ion-icon>
</div>
<div class="absolute inset-0 bg-cover opacity-30" style="background-image: url('assets/images/overlay.png');"></div>
</div>
<div class="p-6 flex-grow flex flex-col">
<div class="flex items-center mb-4">
<ion-icon name="business-outline" class="text-sport-purple text-2xl"></ion-icon>
<h3 class="ml-2 text-xl font-semibold text-gray-900">Plán rozvoje sportu</h3>
</div>
<p class="text-gray-600 flex-grow">
Pomáháme městům a obcím vytvářet strategické dokumenty pro rozvoj sportu. Zmapujeme stav, navrhneme řešení, pomůžeme s dotacemi.
</p>
<a href="sluzby/mesta-obce.html" class="mt-4 inline-flex items-center text-sport-purple hover:text-sport-orange font-medium">
Více informací
<ion-icon name="arrow-forward-outline" class="ml-1"></ion-icon>
</a>
</div>
</div>
</div>
</div> </div>
<div class="swiper-pagination"></div> <div class="swiper-pagination"></div>
</div> </div>
@@ -1320,7 +1345,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
@@ -1358,6 +1383,9 @@
} }
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
// Set current year in footer
document.getElementById('currentYear').textContent = new Date().getFullYear();
const backToTopButton = document.getElementById('backToTop'); const backToTopButton = document.getElementById('backToTop');
window.addEventListener('scroll', function() { window.addEventListener('scroll', function() {
kontakt.html
+1 -1
View File
@@ -789,7 +789,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
o-nas.html
+5 -5
View File
@@ -572,11 +572,11 @@
<div class="container mx-auto px-4 sm:px-6 lg:px-8"> <div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center"> <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
<div class="p-6"> <div class="p-6">
<div class="text-4xl font-bold mb-2 counter" data-target="10">0</div> <div class="text-4xl font-bold mb-2 counter" data-target="30">0</div>
<p class="text-lg">Spokojených klientů</p> <p class="text-lg">Spokojených klientů</p>
</div> </div>
<div class="p-6"> <div class="p-6">
<div class="text-4xl font-bold mb-2 counter" data-target="15">0</div> <div class="text-4xl font-bold mb-2 counter" data-target="20">0</div>
<p class="text-lg">Dokončených projektů</p> <p class="text-lg">Dokončených projektů</p>
</div> </div>
<div class="p-6"> <div class="p-6">
@@ -584,7 +584,7 @@
<p class="text-lg">% Spokojených zákazníků</p> <p class="text-lg">% Spokojených zákazníků</p>
</div> </div>
<div class="p-6"> <div class="p-6">
<div class="text-4xl font-bold mb-2 counter" data-target="7">0</div> <div class="text-4xl font-bold mb-2 counter" data-target="8">0</div>
<p class="text-lg">Let zkušeností</p> <p class="text-lg">Let zkušeností</p>
</div> </div>
</div> </div>
@@ -685,7 +685,7 @@
<h3 class="text-xl font-bold text-gray-800">Chybíš nám tu!</h3> <h3 class="text-xl font-bold text-gray-800">Chybíš nám tu!</h3>
<p class="text-sport-purple font-semibold text-lg mt-1">Hledáme nové talenty</p> <p class="text-sport-purple font-semibold text-lg mt-1">Hledáme nové talenty</p>
<p class="mt-3 text-gray-600">Chceš se připojit k našemu týmu? Ozvi se nám!</p> <p class="mt-3 text-gray-600">Chceš se připojit k našemu týmu? Ozvi se nám!</p>
<a href="#" class="mt-6 inline-block px-6 py-3 bg-gradient-to-r from-sport-purple to-sport-purple/90 text-white font-medium rounded-full hover:shadow-lg hover:shadow-sport-purple/20 transition-all duration-300 transform hover:-translate-y-0.5">Nabídky práce</a> <a href="https://www.linkedin.com/company/sportcreative-eu" class="mt-6 inline-block px-6 py-3 bg-gradient-to-r from-sport-purple to-sport-purple/90 text-white font-medium rounded-full hover:shadow-lg hover:shadow-sport-purple/20 transition-all duration-300 transform hover:-translate-y-0.5">Nabídky práce</a>
</div> </div>
</div> </div>
</div> </div>
@@ -1015,7 +1015,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
obchodni-podminky.html
+1 -1
View File
@@ -725,7 +725,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
portfolio.html
+344 -103
View File
@@ -5,10 +5,13 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Naše Portfolio | SportCreative</title> <title>Naše Portfolio | SportCreative</title>
<meta name="description" content="Prohlédněte si naše reference a úspěšné projekty v oblasti digitálního marketingu pro sportovní kluby a organizace."> <meta name="description" content="Prohlédněte si naše reference a úspěšné projekty v oblasti digitálního marketingu pro sportovní kluby a organizace.">
<link rel="canonical" href="https://sportcreative.cz/portfolio.html" />
<link rel="alternate" hreflang="cs" href="https://sportcreative.cz/portfolio.html" />
<link rel="alternate" hreflang="x-default" href="https://sportcreative.cz/portfolio.html" />
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ionicons/7.1.0/esm/ionicons.min.js"></script>
<script src="script.js" defer></script> <script src="script.js" defer></script>
<link rel="stylesheet" href="style.css"> <link rel="preload" href="style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="style.css"></noscript>
<link rel="icon" href="logo.ico" type="image/x-icon"> <link rel="icon" href="logo.ico" type="image/x-icon">
<script <script
@@ -17,68 +20,208 @@
defer defer
></script> ></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"></noscript>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
<noscript><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&display=swap" rel="stylesheet"></noscript>
<script> <script>
tailwind.config = { tailwind.config = {
theme: { theme: {
extend: { extend: {
colors: { colors: {
'sport-purple': '#6c38d9', 'sport-purple': {
'sport-orange': '#ff9933', DEFAULT: '#6c38d9',
light: '#8a5ad1',
dark: '#5a2cbf'
},
'sport-orange': {
DEFAULT: '#ff9933',
light: '#ffb366',
dark: '#e6892d'
}
}, },
fontFamily: { fontFamily: {
sans: ['Montserrat', 'sans-serif'], sans: ['Inter', 'sans-serif'],
}, },
} }
} }
} }
</script> </script>
<style> <style>
/* Portfolio item hover and active states - matching index.html */
.portfolio-item { .portfolio-item {
transition: transform 0.3s ease, box-shadow 0.3s ease; position: relative;
overflow: hidden;
border-radius: 0.5rem;
display: block;
} }
.portfolio-item:hover {
transform: translateY(-5px); .portfolio-item .portfolio-overlay {
box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 1.5rem;
background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 50%, transparent 100%);
transform: translateY(20px);
pointer-events: none;
z-index: 2;
} }
.portfolio-item:hover .portfolio-overlay {
opacity: 1;
transform: translateY(0);
}
.portfolio-item img {
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%;
height: 100%;
object-fit: cover;
display: block;
position: relative;
z-index: 1;
}
.portfolio-item:hover img {
transform: scale(1.05);
}
.portfolio-item .portfolio-overlay h3,
.portfolio-item .portfolio-overlay p {
opacity: 0;
transform: translateY(10px);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}
.portfolio-item:hover .portfolio-overlay h3,
.portfolio-item:hover .portfolio-overlay p {
opacity: 1;
transform: translateY(0);
}
.filter-btn.active { .filter-btn.active {
background-color: #6c38d9; background-color: #6c38d9;
color: white; color: white;
} }
/* Mobile menu styles */
.mobile-menu {
transform: translateY(-10px);
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-out;
}
.mobile-menu.open {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
</style> </style>
</head> </head>
<body class="font-sans antialiased bg-gray-50"> <body class="font-sans antialiased bg-gray-50">
<!-- Header --> <!-- Header Section -->
<header class="bg-white shadow-sm sticky top-0 z-50"> <header class="bg-white shadow-sm sticky top-0 z-50">
<div class="container mx-auto px-4 sm:px-6 lg:px-8"> <div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center py-4"> <div class="flex justify-between items-center py-4">
<a href="index.html" class="text-2xl font-bold"> <!-- Logo -->
<span class="text-sport-purple">Sport</span><span class="text-sport-orange">Creative</span> <div class="flex items-center">
</a> <a href="index.html" class="logo">
<img src="header-logo.png" alt="SportCreative" class="logo">
</a>
</div>
<!-- Desktop Navigation -->
<nav class="hidden md:flex space-x-8"> <nav class="hidden md:flex space-x-8">
<a href="index.html" class="text-gray-700 hover:text-sport-purple font-medium">Domů</a> <a href="index.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Domů</a>
<a href="index.html#sluzby" class="text-gray-700 hover:text-sport-purple font-medium">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="portfolio.html" class="text-sport-purple font-medium">Portfolio</a> <a href="portfolio.html" class="text-sport-purple font-medium transition duration-150">Portfolio</a>
<a href="o-nas.html" class="text-gray-700 hover:text-sport-purple font-medium">O nás</a> <a href="o-nas.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">O nás</a>
<a href="kontakt.html" class="bg-sport-purple text-white px-4 py-2 rounded-full font-medium hover:bg-sport-purple-dark transition">Kontakt</a> <a href="kontakt.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Kontakt</a>
</nav> </nav>
<button class="md:hidden text-gray-700">
<ion-icon name="menu-outline" class="text-2xl"></ion-icon> <!-- CTA Button -->
</button> <div class="hidden md:block">
<a href="kontakt.html" class="bg-sport-purple text-white px-6 py-2 rounded-full font-medium hover:shadow-lg transition duration-300">
Nezávazná konzultace
</a>
</div>
<!-- Mobile Menu Button -->
<div class="md:hidden">
<button type="button" class="mobile-menu-button text-gray-700 hover:text-sport-purple focus:outline-none p-2" aria-label="Menu" aria-expanded="false">
<ion-icon name="menu-outline" class="h-8 w-8 transition-transform duration-300"></ion-icon>
</button>
</div>
</div>
<!-- Mobile Navigation -->
<div class="mobile-menu w-full absolute top-full left-0 bg-white shadow-lg">
<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-sport-purple bg-gray-50 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">
<a href="kontakt.html" class="block w-full text-center px-6 py-3 border border-transparent rounded-full text-base font-medium text-white bg-sport-purple hover:bg-sport-orange transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5">
Nezávazná konzultace
</a>
</div>
</div> </div>
</div> </div>
</header> </header>
<!-- Hero Section --> <!-- Hero Section - Styled like index.html -->
<section class="bg-gradient-to-r from-sport-purple to-sport-purple-dark text-white py-20"> <section class="bg-white py-16 px-12">
<div class="container mx-auto px-4 text-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8">
<h1 class="text-4xl md:text-5xl font-bold mb-6">Naše Portfolio</h1> <div class="flex flex-col md:flex-row items-center justify-between">
<p class="text-xl md:text-2xl max-w-3xl mx-auto">Prohlédněte si naše nejlepší práce pro sportovní kluby a organizace</p> <div class="md:w-1/2 mb-8 md:mb-0" style="margin-right: 80px;">
<h1 class="text-4xl md:text-5xl font-bold text-gray-900 leading-tight mb-4">
Naše <span class="text-sport-purple">portfolio</span> <span class="text-sport-orange">projektů</span>
</h1>
<p class="text-xl text-gray-600 mb-8">
Prohlédněte si naše nejlepší práce pro sportovní kluby a organizace. Pomáháme týmům růst v digitálním světě.
</p>
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
<a href="kontakt.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">
Nezávazná konzultace
</a>
<a href="#portfolio-grid" 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">
Prohlédnout projekty
<ion-icon name="arrow-down-outline" class="ml-2"></ion-icon>
</a>
</div>
</div>
<div class="md:w-1/2">
<img
src="assets/images/sportcreative.png"
srcset="assets/images/sportcreative.webp 1x, assets/images/sportcreative2x.webp 2x"
alt="Sportovní marketing portfolio"
class="rounded-lg shadow-xl w-full h-auto"
width="800"
height="600"
loading="eager"
/>
</div>
</div>
</div> </div>
</section> </section>
<!-- Portfolio Filter --> <!-- Portfolio Filter -->
<section class="py-12 bg-white"> <section id="portfolio-grid" class="py-12 bg-white">
<div class="container mx-auto px-4"> <div class="container mx-auto px-4">
<div class="flex flex-wrap justify-center gap-3 mb-12"> <div class="flex flex-wrap justify-center gap-3 mb-12">
<button class="filter-btn active px-6 py-2 rounded-full font-medium transition" data-filter="all">Všechny projekty</button> <button class="filter-btn active px-6 py-2 rounded-full font-medium transition" data-filter="all">Všechny projekty</button>
@@ -92,14 +235,12 @@
<!-- Portfolio Grid --> <!-- Portfolio Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<!-- Project 1 --> <!-- Project 1 -->
<a href="portfolio/winnersport.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300" data-categories="social sprava-webu"> <a href="portfolio/winnersport.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl" data-categories="social sprava-webu">
<div class="relative overflow-hidden h-64"> <div class="relative overflow-hidden h-64">
<img src="assets/images/winnersport.png" alt="Winnersport" class="w-full h-full object-cover transition-transform duration-500 hover:scale-105"> <img src="assets/images/winnersport.png" alt="Winnersport" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-6"> <div class="portfolio-overlay">
<div> <h3 class="text-white text-xl font-bold">Winnersport</h3>
<h3 class="text-white text-xl font-bold">Winnersport</h3> <p class="text-gray-200">Správa sociálních sítí a e-shopu</p>
<p class="text-gray-200">Správa sociálních sítí a e-shopu</p>
</div>
</div> </div>
</div> </div>
<div class="p-6"> <div class="p-6">
@@ -111,14 +252,12 @@
</a> </a>
<!-- Project 2 --> <!-- Project 2 -->
<a href="portfolio/masita.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300" data-categories="social"> <a href="portfolio/masita.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl" data-categories="social">
<div class="relative overflow-hidden h-64"> <div class="relative overflow-hidden h-64">
<img src="assets/images/masita.jpg" alt="Masita" class="w-full h-full object-cover transition-transform duration-500 hover:scale-105"> <img src="assets/images/masita.jpg" alt="Masita" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-6"> <div class="portfolio-overlay">
<div> <h3 class="text-white text-xl font-bold">Masita</h3>
<h3 class="text-white text-xl font-bold">Masita</h3> <p class="text-gray-200">Kompletní správa sociálních sítí</p>
<p class="text-gray-200">Kompletní správa sociálních sítí</p>
</div>
</div> </div>
</div> </div>
<div class="p-6"> <div class="p-6">
@@ -129,14 +268,12 @@
</a> </a>
<!-- Project 3 --> <!-- Project 3 -->
<a href="portfolio/bizoni.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300" data-categories="social web sprava-webu foto video"> <a href="portfolio/bizoni.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl" data-categories="social web sprava-webu foto video">
<div class="relative overflow-hidden h-64"> <div class="relative overflow-hidden h-64">
<img src="assets/images/bizoni.jpg" alt="FC Bizoni UH" class="w-full h-full object-cover transition-transform duration-500 hover:scale-105"> <img src="assets/images/bizoni.jpg" alt="FC Bizoni UH" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-6"> <div class="portfolio-overlay">
<div> <h3 class="text-white text-xl font-bold">FC Bizoni UH</h3>
<h3 class="text-white text-xl font-bold">FC Bizoni UH</h3> <p class="text-gray-200">Kompletní digitální marketing</p>
<p class="text-gray-200">Kompletní digitální marketing</p>
</div>
</div> </div>
</div> </div>
<div class="p-6"> <div class="p-6">
@@ -151,14 +288,12 @@
</a> </a>
<!-- Project 4 --> <!-- Project 4 -->
<a href="portfolio/krnov.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300" data-categories="sprava-webu social video"> <a href="portfolio/krnov.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl" data-categories="sprava-webu social video">
<div class="relative overflow-hidden h-64"> <div class="relative overflow-hidden h-64">
<img src="assets/images/krnov.jpg" alt="FK Kofola Krnov" class="w-full h-full object-cover transition-transform duration-500 hover:scale-105"> <img src="assets/images/krnov.jpg" alt="FK Kofola Krnov" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-6"> <div class="portfolio-overlay">
<div> <h3 class="text-white text-xl font-bold">FK Kofola Krnov</h3>
<h3 class="text-white text-xl font-bold">FK Kofola Krnov</h3> <p class="text-gray-200">Komplexní digitální marketing</p>
<p class="text-gray-200">Komplexní digitální marketing</p>
</div>
</div> </div>
</div> </div>
<div class="p-6"> <div class="p-6">
@@ -171,14 +306,12 @@
</a> </a>
<!-- Project 5 --> <!-- Project 5 -->
<a href="portfolio/penalty.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300" data-categories="social"> <a href="portfolio/penalty.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl" data-categories="social">
<div class="relative overflow-hidden h-64"> <div class="relative overflow-hidden h-64">
<img src="assets/images/penalty.jpg" alt="Penalty" class="w-full h-full object-cover transition-transform duration-500 hover:scale-105"> <img src="assets/images/penalty.jpg" alt="Penalty" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-6"> <div class="portfolio-overlay">
<div> <h3 class="text-white text-xl font-bold">Penalty</h3>
<h3 class="text-white text-xl font-bold">Penalty</h3> <p class="text-gray-200">Správa sociálních sítí</p>
<p class="text-gray-200">Správa sociálních sítí</p>
</div>
</div> </div>
</div> </div>
<div class="p-6"> <div class="p-6">
@@ -189,14 +322,12 @@
</a> </a>
<!-- Project 6 --> <!-- Project 6 -->
<a href="portfolio/zeusport.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl transition-all duration-300" data-categories="web social"> <a href="portfolio/zeusport.html" class="portfolio-item block bg-white rounded-xl overflow-hidden shadow-md hover:shadow-xl" data-categories="web social">
<div class="relative overflow-hidden h-64"> <div class="relative overflow-hidden h-64">
<img src="assets/images/zeus.jpg" alt="Zeusport" class="w-full h-full object-cover transition-transform duration-500 hover:scale-105"> <img src="assets/images/zeus.jpg" alt="Zeusport" class="w-full h-full object-cover">
<div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent opacity-0 hover:opacity-100 transition-opacity duration-300 flex items-end p-6"> <div class="portfolio-overlay">
<div> <h3 class="text-white text-xl font-bold">Zeusport</h3>
<h3 class="text-white text-xl font-bold">Zeusport</h3> <p class="text-gray-200">Webové stránky a sociální sítě</p>
<p class="text-gray-200">Webové stránky a sociální sítě</p>
</div>
</div> </div>
</div> </div>
<div class="p-6"> <div class="p-6">
@@ -220,56 +351,142 @@
</section> </section>
<!-- Footer --> <!-- Footer -->
<footer class="bg-gray-900 text-white py-12"> <footer class="bg-gray-900 text-white">
<div class="container mx-auto px-4"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8"> <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<!-- Company Info -->
<div> <div>
<h3 class="text-xl font-bold mb-4">SportCreative</h3> <div class="mb-4">
<p class="text-gray-400">Profesionální digitální marketing pro sportovní kluby a organizace.</p> <img src="footer-logo.png" alt="SportCreative" class="h-10">
</div>
<p class="text-gray-400 text-sm leading-relaxed">
Profesionální digitální marketing pro sportovní kluby a organizace. Pomáháme týmům růst v digitálním světě.
</p>
</div> </div>
<!-- Quick Links -->
<div> <div>
<h4 class="font-semibold mb-4">Navigace</h4> <h4 class="text-lg font-semibold mb-4">Rychlé odkazy</h4>
<ul class="space-y-2"> <ul class="space-y-2">
<li><a href="index.html" class="text-gray-400 hover:text-white transition">Domů</a></li> <li><a href="index.html" class="text-gray-400 hover:text-white transition duration-150">Domů</a></li>
<li><a href="index.html#sluzby" class="text-gray-400 hover:text-white transition">Služby</a></li> <li><a href="sluzby.html" class="text-gray-400 hover:text-white transition duration-150">Služby</a></li>
<li><a href="portfolio.html" class="text-gray-400 hover:text-white transition">Portfolio</a></li> <li><a href="portfolio.html" class="text-gray-400 hover:text-white transition duration-150">Portfolio</a></li>
<li><a href="o-nas.html" class="text-gray-400 hover:text-white transition">O nás</a></li> <li><a href="o-nas.html" class="text-gray-400 hover:text-white transition duration-150">O nás</a></li>
<li><a href="kontakt.html" class="text-gray-400 hover:text-white transition">Kontakt</a></li> <li><a href="kontakt.html" class="text-gray-400 hover:text-white transition duration-150">Kontakt</a></li>
</ul> </ul>
</div> </div>
<!-- Services -->
<div> <div>
<h4 class="font-semibold mb-4">Služby</h4> <h4 class="text-lg font-semibold mb-4">Služby</h4>
<ul class="space-y-2"> <ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white transition">Správa sociálních sítí</a></li> <li><a href="sluzby.html" class="text-gray-400 hover:text-white transition duration-150">Správa sociálních sítí</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">Tvorba webových stránek</a></li> <li><a href="sluzby.html" class="text-gray-400 hover:text-white transition duration-150">Tvorba videí</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">Grafický design</a></li> <li><a href="sluzby.html" class="text-gray-400 hover:text-white transition duration-150">Webdesign</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">Fotografování</a></li> <li><a href="sluzby.html" class="text-gray-400 hover:text-white transition duration-150">Fotografie</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">Videotvorba</a></li> <li><a href="sluzby.html" class="text-gray-400 hover:text-white transition duration-150">Grafický design</a></li>
</ul> </ul>
</div> </div>
<!-- Contact -->
<div> <div>
<h4 class="font-semibold mb-4">Kontakt</h4> <h4 class="text-lg font-semibold mb-4">Kontakt</h4>
<ul class="space-y-2 text-gray-400"> <ul class="space-y-3">
<li class="flex items-start"> <li class="flex items-start">
<ion-icon name="mail-outline" class="mr-2 mt-1"></ion-icon> <ion-icon name="location-outline" class="text-sport-orange text-xl mr-3 mt-0.5 flex-shrink-0"></ion-icon>
<a href="mailto:info@sportcreative.cz" class="hover:text-white transition">info@sportcreative.cz</a> <span class="text-gray-400"> Uherské Hradiště<br>Zlínský kraj</span>
</li>
<li class="flex items-center">
<ion-icon name="call-outline" class="text-sport-orange text-xl mr-3 flex-shrink-0"></ion-icon>
<div>
<div class="text-gray-400 cursor-pointer hover:text-white transition-colors" onclick="copyEmailAndRedirect('tel:+420778701838')">+420 778 701 838</div>
</div>
</li>
<li class="flex items-center">
<ion-icon name="mail-outline" class="text-sport-orange text-xl mr-2 mt-1"></ion-icon>
<div>
<div class="text-gray-400 cursor-pointer hover:text-white transition-colors" onclick="copyEmailAndRedirect('info@sportcreative.eu')">info@sportcreative.eu</div>
<div class="text-sm text-sport-orange">Odpovídáme do 24 hodin</div>
</div>
</li> </li>
<li class="flex items-start"> <li class="flex items-start">
<ion-icon name="call-outline" class="mr-2 mt-1"></ion-icon> <ion-icon name="time-outline" class="text-sport-orange text-xl mt-1 mr-2"></ion-icon>
<a href="tel:+420775247633" class="hover:text-white transition">+420 775 247 633</a> <span class="text-gray-400">Po-Ne: 8:00 - 20:00</span>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400"> </div>
<p>&copy; 2024 SportCreative. Všechna práva vyhrazena.</p>
<!-- Copyright -->
<div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<p class="text-gray-400 text-sm mb-4 md:mb-0">
&copy; <span id="currentYear"></span> SportCreative. Všechna práva vyhrazena.
</p>
<div class="flex space-x-4 text-sm text-gray-400">
<a href="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
<a href="gdpr.html" class="hover:text-white transition duration-150">Ochrana soukromí</a>
<a href="cookies.html" class="hover:text-white transition duration-150">Cookies</a>
</div>
</div> </div>
</div> </div>
</footer> </footer>
<!-- Back to Top Button -->
<button class="fixed bottom-6 right-6 bg-sport-orange rounded-full shadow-lg opacity-0 invisible transition-all duration-300 hover:bg-sport-purple hover:scale-110 p-3 z-50" id="backToTop">
<ion-icon name="arrow-up-outline" class="text-white text-xl"></ion-icon>
</button>
<!-- Ionicons Script -->
<script type="module" src="https://cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons/ionicons.esm.js"></script>
<!-- JavaScript -->
<script> <script>
// Portfolio Filtering // Copy email to clipboard and redirect to contact page
function copyEmailAndRedirect(email) {
navigator.clipboard.writeText(email).then(function() {
window.location.href = 'kontakt.html';
}).catch(function(err) {
window.location.href = 'kontakt.html';
});
}
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
// Back to Top Button
const backToTopButton = document.getElementById('backToTop');
window.addEventListener('scroll', function() {
if (window.pageYOffset > 300) {
backToTopButton.classList.remove('opacity-0', 'invisible');
backToTopButton.classList.add('opacity-100', 'visible');
} else {
backToTopButton.classList.remove('opacity-100', 'visible');
backToTopButton.classList.add('opacity-0', 'invisible');
}
});
backToTopButton.addEventListener('click', function() {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
// Mobile Menu Toggle
const mobileMenuButton = document.querySelector('.mobile-menu-button');
const mobileMenu = document.querySelector('.mobile-menu');
let isMenuOpen = false;
if (mobileMenuButton && mobileMenu) {
mobileMenuButton.addEventListener('click', function() {
isMenuOpen = !isMenuOpen;
if (isMenuOpen) {
mobileMenu.classList.add('open');
mobileMenuButton.setAttribute('aria-expanded', 'true');
} else {
mobileMenu.classList.remove('open');
mobileMenuButton.setAttribute('aria-expanded', 'false');
}
});
}
// Portfolio Filtering
const filterButtons = document.querySelectorAll('.filter-btn'); const filterButtons = document.querySelectorAll('.filter-btn');
const portfolioItems = document.querySelectorAll('.portfolio-item'); const portfolioItems = document.querySelectorAll('.portfolio-item');
@@ -277,7 +494,6 @@
button.addEventListener('click', () => { button.addEventListener('click', () => {
const filterValue = button.getAttribute('data-filter'); const filterValue = button.getAttribute('data-filter');
// Update active button
filterButtons.forEach(btn => { filterButtons.forEach(btn => {
btn.classList.remove('active', 'bg-sport-purple', 'text-white'); btn.classList.remove('active', 'bg-sport-purple', 'text-white');
btn.classList.add('bg-gray-100', 'hover:bg-gray-200'); btn.classList.add('bg-gray-100', 'hover:bg-gray-200');
@@ -285,16 +501,10 @@
button.classList.add('active', 'bg-sport-purple', 'text-white'); button.classList.add('active', 'bg-sport-purple', 'text-white');
button.classList.remove('bg-gray-100', 'hover:bg-gray-200'); button.classList.remove('bg-gray-100', 'hover:bg-gray-200');
// Filter items
portfolioItems.forEach(item => { portfolioItems.forEach(item => {
const categories = item.getAttribute('data-categories').split(' '); const categories = item.getAttribute('data-categories').split(' ');
if (filterValue === 'all' || categories.includes(filterValue)) { if (filterValue === 'all' || categories.includes(filterValue)) {
item.style.display = 'block'; item.style.display = 'block';
item.classList.add('animate-fade-in');
setTimeout(() => {
item.classList.remove('animate-fade-in');
}, 500);
} else { } else {
item.style.display = 'none'; item.style.display = 'none';
} }
@@ -303,5 +513,36 @@
}); });
}); });
</script> </script>
<!-- Cookie Consent -->
<style>
.cookie-consent { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; padding: 16px; display: flex; justify-content: center; transition: transform 0.3s ease; }
.cookie-consent.hidden { transform: translateY(100%); }
.cookie-consent-banner { background: white; border-radius: 15px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1); padding: 1.5rem; max-width: 800px; width: 100%; display: flex; align-items: center; gap: 1rem; }
.cookie-message { flex: 1; font-size: 1rem; line-height: 1.5; color: #333; }
.cookie-link { color: #6c38d9; text-decoration: none; font-weight: 600; margin-left: 0.25rem; }
.cookie-link:hover { text-decoration: underline; }
.cookie-button { border: none; border-radius: 9999px; padding: 0.6rem 1.75rem; font-weight: 600; font-size: 0.95rem; background: linear-gradient(135deg, #6c38d9 0%, #8a5ad1 100%); color: white; cursor: pointer; transition: all 0.3s; }
.cookie-button:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
@media (max-width: 767px) { .cookie-consent-banner { flex-direction: column; text-align: center; } .cookie-button { width: 100%; margin-top: 1rem; } }
</style>
<div id="cookieConsent" class="cookie-consent hidden">
<div class="cookie-consent-banner">
<p class="cookie-message">Pro zajištění nejlepšího zážitku používáme cookies. Pokračováním souhlasíte s naším <a href="cookies.html" class="cookie-link" target="_blank">sběrem a používáním dat</a></p>
<button id="cookieConsentButton" class="cookie-button">Rozumím</button>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const cookieConsent = document.getElementById('cookieConsent');
const consentButton = document.getElementById('cookieConsentButton');
const consentKey = 'cookieConsentAccepted';
if (!localStorage.getItem(consentKey)) cookieConsent.classList.remove('hidden');
consentButton.addEventListener('click', function() {
localStorage.setItem(consentKey, 'true');
cookieConsent.classList.add('hidden');
});
});
</script>
</body> </body>
</html> </html>
portfolio/bizoni.html
+1 -1
View File
@@ -841,7 +841,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
portfolio/krnov.html
+1 -1
View File
@@ -815,7 +815,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
portfolio/winnersport.html
+1 -1
View File
@@ -809,7 +809,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
qan.html
+1 -1
View File
@@ -790,7 +790,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
script.js
+6
View File
@@ -242,4 +242,10 @@ document.addEventListener('DOMContentLoaded', function() {
behavior: 'smooth' behavior: 'smooth'
}); });
}); });
// Set current year in footer
const currentYearElement = document.getElementById('currentYear');
if (currentYearElement) {
currentYearElement.textContent = new Date().getFullYear();
}
}); });
sitemap.xml
+82 -17
View File
@@ -7,43 +7,79 @@
<!-- Main Pages --> <!-- Main Pages -->
<url> <url>
<loc>https://sportcreative.cz/</loc> <loc>https://sportcreative.cz/</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<!-- Services --> <url>
<loc>https://sportcreative.cz/o-nas.html</loc>
<lastmod>2026-04-19</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
<!-- Services Overview -->
<url> <url>
<loc>https://sportcreative.cz/sluzby.html</loc> <loc>https://sportcreative.cz/sluzby.html</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.9</priority> <priority>0.9</priority>
</url> </url>
<!-- Individual Services -->
<url> <url>
<loc>https://sportcreative.cz/sluzby/web.html</loc> <loc>https://sportcreative.cz/sluzby/video-editing.html</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.8</priority> <priority>0.8</priority>
</url> </url>
<url> <url>
<loc>https://sportcreative.cz/sluzby/design.html</loc> <loc>https://sportcreative.cz/sluzby/sociální-sítě.html</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.8</priority> <priority>0.8</priority>
</url> </url>
<url> <url>
<loc>https://sportcreative.cz/sluzby/tvorba-reels.html</loc> <loc>https://sportcreative.cz/sluzby/tvorba-reels.html</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.8</priority> <priority>0.8</priority>
</url> </url>
<url> <url>
<loc>https://sportcreative.cz/sluzby/fotografie-video.html</loc> <loc>https://sportcreative.cz/sluzby/fotografie-video.html</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>weekly</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>https://sportcreative.cz/sluzby/web.html</loc>
<lastmod>2026-04-19</lastmod>
<changefreq>weekly</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>https://sportcreative.cz/sluzby/design.html</loc>
<lastmod>2026-04-19</lastmod>
<changefreq>weekly</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>https://sportcreative.cz/sluzby/marketing.html</loc>
<lastmod>2026-04-19</lastmod>
<changefreq>weekly</changefreq>
<priority>0.8</priority>
</url>
<url>
<loc>https://sportcreative.cz/sluzby/mesta-obce.html</loc>
<lastmod>2026-04-19</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.8</priority> <priority>0.8</priority>
</url> </url>
@@ -51,15 +87,37 @@
<!-- Portfolio --> <!-- Portfolio -->
<url> <url>
<loc>https://sportcreative.cz/portfolio.html</loc> <loc>https://sportcreative.cz/portfolio.html</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.8</priority> <priority>0.8</priority>
</url> </url>
<!-- Portfolio Detail Pages -->
<url>
<loc>https://sportcreative.cz/portfolio/bizoni.html</loc>
<lastmod>2026-04-19</lastmod>
<changefreq>monthly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://sportcreative.cz/portfolio/krnov.html</loc>
<lastmod>2026-04-19</lastmod>
<changefreq>monthly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://sportcreative.cz/portfolio/winnersport.html</loc>
<lastmod>2026-04-19</lastmod>
<changefreq>monthly</changefreq>
<priority>0.6</priority>
</url>
<!-- FAQ Page --> <!-- FAQ Page -->
<url> <url>
<loc>https://sportcreative.cz/faq.html</loc> <loc>https://sportcreative.cz/qan.html</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.6</priority> <priority>0.6</priority>
</url> </url>
@@ -67,22 +125,29 @@
<!-- Contact --> <!-- Contact -->
<url> <url>
<loc>https://sportcreative.cz/kontakt.html</loc> <loc>https://sportcreative.cz/kontakt.html</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>monthly</changefreq> <changefreq>monthly</changefreq>
<priority>0.7</priority> <priority>0.7</priority>
</url> </url>
<!-- Legal Pages --> <!-- Legal Pages -->
<url>
<loc>https://sportcreative.cz/obchodni-podminky.html</loc>
<lastmod>2026-04-19</lastmod>
<changefreq>yearly</changefreq>
<priority>0.3</priority>
</url>
<url> <url>
<loc>https://sportcreative.cz/gdpr.html</loc> <loc>https://sportcreative.cz/gdpr.html</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>yearly</changefreq> <changefreq>yearly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
</url> </url>
<url> <url>
<loc>https://sportcreative.cz/cookies.html</loc> <loc>https://sportcreative.cz/cookies.html</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>yearly</changefreq> <changefreq>yearly</changefreq>
<priority>0.3</priority> <priority>0.3</priority>
</url> </url>
@@ -90,8 +155,8 @@
<!-- Error Page --> <!-- Error Page -->
<url> <url>
<loc>https://sportcreative.cz/404.html</loc> <loc>https://sportcreative.cz/404.html</loc>
<lastmod>2024-06-24</lastmod> <lastmod>2026-04-19</lastmod>
<changefreq>monthly</changefreq> <changefreq>yearly</changefreq>
<priority>0.1</priority> <priority>0.1</priority>
</url> </url>
sluzby.html
+26 -1
View File
@@ -714,6 +714,31 @@
</div> </div>
</div> </div>
</a> </a>
<!-- Service 8 - Plán rozvoje sportu pro města a obce -->
<a href="sluzby/mesta-obce.html" class="block hover:no-underline">
<div id="plan-rozvoje-sportu" class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition duration-300 h-full">
<div class="h-48 bg-gradient-to-br from-sport-purple to-sport-purple-dark relative overflow-hidden flex items-center justify-center">
<div class="bg-white/20 backdrop-blur-sm rounded-full w-24 h-24 flex items-center justify-center">
<ion-icon name="business-outline" class="text-white text-6xl"></ion-icon>
</div>
<div class="absolute inset-0 bg-cover opacity-30" style="background-image: url('assets/images/overlay.png');"></div>
</div>
<div class="p-6">
<div class="flex items-center mb-4">
<ion-icon name="business-outline" class="text-sport-purple text-2xl"></ion-icon>
<h3 class="ml-2 text-xl font-semibold text-gray-900">Plán rozvoje sportu</h3>
</div>
<p class="text-gray-600 mb-2">
Pomáháme městům a obcím vytvářet strategické dokumenty pro rozvoj sportu. Zmapujeme stav, navrhneme řešení, pomůžeme s dotacemi.
</p>
<ul class="list-disc list-inside text-gray-500 text-sm mb-2">
<li>Analýza a pasportizace sportovišť</li>
<li>Strategický plán na 5–6 let</li>
<li>Podpora pro získání dotací</li>
</ul>
</div>
</div>
</a>
</div> </div>
</div> </div>
</section> </section>
@@ -832,7 +857,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
sluzby/design.html
+1 -1
View File
@@ -334,7 +334,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
sluzby/fotografie-video.html
+1 -1
View File
@@ -328,7 +328,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
sluzby/marketing.html
+1 -1
View File
@@ -319,7 +319,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
sluzby/mesta-obce.html
+541
View File
@@ -0,0 +1,541 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Plán rozvoje sportu pro města a obce | SportCreative</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ionicons/7.1.0/esm/ionicons.min.js"></script>
<script src="../script.js" defer></script>
<link rel="stylesheet" href="../style.css">
<link rel="icon" href="../logo.ico" type="image/x-icon">
<meta name="description" content="Plán rozvoje sportu pro města a obce. Pomáháme vytvářet strategické dokumenty pro rozvoj sportu, efektivní využití rozpočtů a získání dotací.">
<meta name="keywords" content="plán rozvoje sportu, sport město, sport obec, strategický dokument sport, dotace sport, pasportizace sportovišť, koncepce sportu, rozvoj sportovní infrastruktury">
<meta name="author" content="SportCreative">
<meta name="robots" content="index, follow, max-image-preview:large">
<link rel="canonical" href="https://sportcreative.cz/sluzby/mesta-obce.html" />
<link rel="alternate" hreflang="cs" href="https://sportcreative.cz/sluzby/mesta-obce.html" />
<link rel="alternate" hreflang="x-default" href="https://sportcreative.cz/sluzby/mesta-obce.html" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="article">
<meta property="og:url" content="https://sportcreative.cz/sluzby/mesta-obce.html">
<meta property="og:title" content="Plán rozvoje sportu pro města a obce | SportCreative">
<meta property="og:description" content="Strategické dokumenty pro rozvoj sportu ve městech a obcích. Zmapujeme stav, navrhneme řešení, pomůžeme s dotacemi.">
<meta property="og:image" content="https://sportcreative.cz/page-prev.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:locale" content="cs_CZ">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://sportcreative.cz/sluzby/mesta-obce.html">
<meta property="twitter:title" content="Plán rozvoje sportu pro města a obce | SportCreative">
<meta property="twitter:description" content="Strategické dokumenty pro rozvoj sportu ve městech a obcích. Zmapujeme stav, navrhneme řešení, pomůžeme s dotacemi.">
<meta property="twitter:image" content="https://sportcreative.cz/page-prev.png">
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Service",
"name": "Plán rozvoje sportu pro města a obce",
"provider": {
"@type": "ProfessionalService",
"name": "SportCreative",
"url": "https://sportcreative.cz/",
"logo": "https://sportcreative.cz/logo.png",
"telephone": "+420775247633",
"email": "info@sportcreative.cz"
},
"serviceType": "Strategické plánování sportu",
"areaServed": {
"@type": "Country",
"name": "Česká republika"
},
"description": "Pomáháme městům a obcím vytvářet strategické dokumenty pro rozvoj sportu. Zmapujeme stav, navrhneme řešení, pomůžeme s dotacemi.",
"offers": {
"@type": "Offer",
"itemOffered": {
"@type": "Service",
"name": "Plán rozvoje sportu",
"description": "Kompletní zpracování strategického dokumentu pro rozvoj sportu ve městě nebo obci"
}
}
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&display=swap" rel="stylesheet">
<script
src="https://rybbit.tdvorak.dev/api/script.js"
data-site-id="893de12949b8"
defer
></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
'sport-purple': {
DEFAULT: '#6c38d9',
light: '#8a5ad1',
dark: '#5a2cbf'
},
'sport-orange': {
DEFAULT: '#ff9933',
light: '#ffb366',
dark: '#e6892d'
}
},
fontFamily: {
sans: ['Inter', 'sans-serif'],
},
}
}
}
</script>
</head>
<body class="font-sans antialiased">
<!-- Header Section -->
<header class="bg-white shadow-sm sticky top-0 z-50">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center py-4">
<div class="flex items-center">
<a href="../index.html" class="logo">
<img src="../header-logo.png" alt="SportCreative" class="logo">
</a>
</div>
<nav class="hidden md:flex space-x-8">
<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-sport-purple font-medium transition duration-150">Služby</a>
<a href="../portfolio.html" class="text-gray-700 hover:text-sport-purple font-medium transition duration-150">Portfolio</a>
<a href="../o-nas.html" 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>
<div class="hidden md:block">
<a href="../kontakt.html" class="bg-sport-purple text-white px-6 py-2 rounded-full font-medium hover:shadow-lg transition duration-300">
Nezávazná konzultace
</a>
</div>
<div class="md:hidden">
<button type="button" class="mobile-menu-button text-gray-700 hover:text-sport-purple focus:outline-none p-2" aria-label="Menu" aria-expanded="false">
<ion-icon name="menu-outline" class="h-8 w-8 transition-transform duration-300"></ion-icon>
</button>
</div>
</div>
<div class="mobile-menu w-full absolute top-full left-0 bg-white shadow-lg" style="transform: translateY(-10px); opacity: 0; visibility: hidden; transition: all 0.2s ease-out;">
<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-sport-purple bg-gray-50 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="../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">
<a href="../kontakt.html" class="block w-full text-center px-6 py-3 border border-transparent rounded-full text-base font-medium text-white bg-sport-purple hover:bg-sport-orange transition-all duration-300 hover:shadow-lg hover:-translate-y-0.5">
Nezávazná konzultace
</a>
</div>
</div>
</div>
</header>
<!-- Hero Banner -->
<section class="bg-white py-16">
<div class="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex flex-col md:flex-row items-center justify-between">
<div class="md:w-1/2 mb-8 md:mb-0" style="margin-right: 80px;">
<h1 class="text-4xl md:text-5xl font-bold mb-6 text-gray-800">Plán rozvoje sportu<br><span class="text-sport-purple">pro města a obce</span></h1>
<p class="text-xl text-gray-600 mb-8">Pomáháme městům a obcím vytvářet strategické dokumenty, které dávají sportu jasný směr, efektivně využívají rozpočty a otevírají dveře k dotacím.</p>
<a href="../kontakt.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">
Nezávazná konzultace
</a>
</div>
<div class="md:w-1/2 flex justify-center">
<div class="bg-gradient-to-br from-sport-purple to-sport-purple-dark rounded-2xl p-6 shadow-xl">
<div class="bg-white/20 backdrop-blur-sm rounded-full w-16 h-16 flex items-center justify-center">
<ion-icon name="business-outline" class="text-white text-3xl"></ion-icon>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Introduction Section -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4 max-w-4xl">
<div class="bg-white p-8 rounded-xl shadow-md">
<p class="text-lg text-gray-700 leading-relaxed mb-6">
Plán rozvoje sportu není jen formální dokument do šuplíku. Je to praktický nástroj, díky kterému město ví:
</p>
<div class="grid md:grid-cols-3 gap-6 mb-6">
<div class="text-center p-4 bg-sport-purple/10 rounded-lg">
<ion-icon name="cash-outline" class="text-4xl text-sport-purple mb-3"></ion-icon>
<p class="font-semibold text-gray-800">kam investovat</p>
</div>
<div class="text-center p-4 bg-sport-orange/10 rounded-lg">
<ion-icon name="trending-up-outline" class="text-4xl text-sport-orange mb-3"></ion-icon>
<p class="font-semibold text-gray-800">co rozvíjet</p>
</div>
<div class="text-center p-4 bg-sport-purple/10 rounded-lg">
<ion-icon name="people-outline" class="text-4xl text-sport-purple mb-3"></ion-icon>
<p class="font-semibold text-gray-800">jak podpořit sport napříč všemi generacemi</p>
</div>
</div>
</div>
</div>
</section>
<!-- Benefits Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Co vám přinese kvalitní plán</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
<div class="flex items-start space-x-4">
<div class="bg-sport-purple text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="map-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Jasnou strategii</h3>
<p class="text-gray-600 text-sm">Rozvoj sportu na 5–6 let s konkrétními cíli a prioritami</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-sport-orange text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="wallet-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Efektivní rozdělení financí</h3>
<p class="text-gray-600 text-sm">Optimální využití rozpočtu a plánování investic</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-sport-purple text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="document-text-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Vyšší šance na dotace</h3>
<p class="text-gray-600 text-sm">Kvalitní podklad pro získání grantů a dotací</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-sport-orange text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="shield-checkmark-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Podpora klubů a škol</h3>
<p class="text-gray-600 text-sm">Systémová podpora sportovních klubů, škol i veřejnosti</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-sport-purple text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="heart-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Rozvoj komunitního života</h3>
<p class="text-gray-600 text-sm">Podpora zdravého životního stylu a sousedských vztahů</p>
</div>
</div>
<div class="flex items-start space-x-4">
<div class="bg-sport-orange text-white w-12 h-12 rounded-full flex items-center justify-center flex-shrink-0">
<ion-icon name="star-outline" class="text-xl"></ion-icon>
</div>
<div>
<h3 class="font-semibold text-lg mb-2">Zvýšení atraktivity</h3>
<p class="text-gray-600 text-sm">Přitažlivější město pro občany i nové obyvatele</p>
</div>
</div>
</div>
</div>
</section>
<!-- Services Grid -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Co všechno zajistíme</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto">
<!-- Service 1 -->
<div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300">
<div class="bg-sport-purple text-white w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto">
<ion-icon name="search-outline" class="text-2xl"></ion-icon>
</div>
<h3 class="text-xl font-semibold mb-4 text-center">Analytická část</h3>
<p class="text-gray-600 text-sm mb-4">Detailně zmapujeme aktuální stav sportu ve městě:</p>
<ul class="text-gray-500 text-sm space-y-1">
<li>• sportovní infrastrukturu</li>
<li>• sportovní kluby a spolky</li>
<li>• zapojení škol a mládeže</li>
<li>• potřeby obyvatel</li>
</ul>
</div>
<!-- Service 2 -->
<div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300">
<div class="bg-sport-orange text-white w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto">
<ion-icon name="location-outline" class="text-2xl"></ion-icon>
</div>
<h3 class="text-xl font-semibold mb-4 text-center">Pasportizace</h3>
<p class="text-gray-600 text-sm mb-4">Kompletní přehled sportovišť:</p>
<ul class="text-gray-500 text-sm space-y-1">
<li>• přehled všech sportovišť</li>
<li>• mapový podklad</li>
<li>• letecké snímky z dronu</li>
<li>• technický stav</li>
</ul>
</div>
<!-- Service 3 -->
<div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300">
<div class="bg-sport-purple text-white w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto">
<ion-icon name="bulb-outline" class="text-2xl"></ion-icon>
</div>
<h3 class="text-xl font-semibold mb-4 text-center">Návrhová část</h3>
<p class="text-gray-600 text-sm mb-4">Konkrétní kroky pro rozvoj:</p>
<ul class="text-gray-500 text-sm space-y-1">
<li>• strategické cíle</li>
<li>• konkrétní opatření</li>
<li>• doporučení financování</li>
<li>• plán realizace</li>
</ul>
</div>
<!-- Service 4 -->
<div class="bg-white p-8 rounded-lg shadow-md hover:shadow-xl transition-shadow duration-300">
<div class="bg-sport-orange text-white w-16 h-16 rounded-full flex items-center justify-center mb-6 mx-auto">
<ion-icon name="chatbubbles-outline" class="text-2xl"></ion-icon>
</div>
<h3 class="text-xl font-semibold mb-4 text-center">Participace</h3>
<p class="text-gray-600 text-sm mb-4">Zapojení všech zúčastněných:</p>
<ul class="text-gray-500 text-sm space-y-1">
<li>• jednání s vedením města</li>
<li>• zapojení škol a klubů</li>
<li>• veřejné konzultace</li>
<li>• průběžné schůzky</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Process Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Jak probíhá spolupráce</h2>
<div class="max-w-4xl mx-auto">
<div class="space-y-6">
<div class="flex flex-row items-start space-x-4">
<div class="bg-sport-purple text-white w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-sm">1</div>
<div>
<h3 class="text-lg font-semibold mb-1">Úvodní schůzka</h3>
<p class="text-gray-600 text-sm">Nastavení priorit, stanovení harmonogramu a definice očekávání</p>
</div>
</div>
<div class="flex flex-row items-start space-x-4">
<div class="bg-sport-orange text-white w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-sm">2</div>
<div>
<h3 class="text-lg font-semibold mb-1">Analýza a sběr dat</h3>
<p class="text-gray-600 text-sm">Dotazníkové šetření, mapování stávající situace, jednání se zainteresovanými stranami</p>
</div>
</div>
<div class="flex flex-row items-start space-x-4">
<div class="bg-sport-purple text-white w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-sm">3</div>
<div>
<h3 class="text-lg font-semibold mb-1">Návrhová část</h3>
<p class="text-gray-600 text-sm">Vypracování strategie, společná konzultace a úpravy</p>
</div>
</div>
<div class="flex flex-row items-start space-x-4">
<div class="bg-sport-orange text-white w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 font-bold text-sm">4</div>
<div>
<h3 class="text-lg font-semibold mb-1">Finální dokument</h3>
<p class="text-gray-600 text-sm">Prezentace městu, předání kvalitního, srozumitelného a realizovatelného dokumentu</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Why Us Section -->
<section class="py-16 bg-gray-50">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Proč spolupracovat s námi</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 max-w-5xl mx-auto">
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="bg-sport-purple/10 w-16 h-16 rounded-full flex items-center justify-center mb-4">
<ion-icon name="location-outline" class="text-3xl text-sport-purple"></ion-icon>
</div>
<h4 class="font-semibold text-lg mb-2">Známe prostředí</h4>
<p class="text-gray-600 text-sm">Známe prostředí českých měst a sportovních klubů</p>
</div>
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="bg-sport-orange/10 w-16 h-16 rounded-full flex items-center justify-center mb-4">
<ion-icon name="fitness-outline" class="text-3xl text-sport-orange"></ion-icon>
</div>
<h4 class="font-semibold text-lg mb-2">Přímá zkušenost</h4>
<p class="text-gray-600 text-sm">Máme přímou zkušenost ze sportu i jeho řízení</p>
</div>
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="bg-sport-purple/10 w-16 h-16 rounded-full flex items-center justify-center mb-4">
<ion-icon name="hammer-outline" class="text-3xl text-sport-purple"></ion-icon>
</div>
<h4 class="font-semibold text-lg mb-2">Praktický přístup</h4>
<p class="text-gray-600 text-sm">Dokumenty tvoříme prakticky – ne teoreticky</p>
</div>
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="bg-sport-orange/10 w-16 h-16 rounded-full flex items-center justify-center mb-4">
<ion-icon name="people-circle-outline" class="text-3xl text-sport-orange"></ion-icon>
</div>
<h4 class="font-semibold text-lg mb-2">Osobní přístup</h4>
<p class="text-gray-600 text-sm">Osobní přístup a přímá komunikace</p>
</div>
<div class="bg-white p-8 rounded-xl shadow-md hover:shadow-lg transition-shadow">
<div class="bg-sport-purple/10 w-16 h-16 rounded-full flex items-center justify-center mb-4">
<ion-icon name="flash-outline" class="text-3xl text-sport-purple"></ion-icon>
</div>
<h4 class="font-semibold text-lg mb-2">Rychlost a cena</h4>
<p class="text-gray-600 text-sm">Rychlejší a cenově dostupnější řešení než velké agentury</p>
</div>
</div>
</div>
</section>
<!-- References Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4">
<h2 class="text-3xl font-bold text-center mb-12">Reference</h2>
<p class="text-center text-gray-600 mb-8 max-w-3xl mx-auto">Máme zkušenosti se zpracováním strategických dokumentů pro města:</p>
<div class="grid md:grid-cols-2 gap-8 max-w-4xl mx-auto">
<div class="bg-gray-50 p-6 rounded-xl border-l-4 border-sport-purple">
<div class="flex flex-col md:flex-row md:items-center md:justify-between mb-2">
<h3 class="text-xl font-bold text-gray-800">Staré Město</h3>
<a href="https://staremesto.uh.cz/files/staremesto/gallery/6171/6941583d7171d_Plan-rozvoje-sportu-2026-31.pdf" target="_blank" class="text-sport-purple hover:underline text-sm mt-2 md:mt-0 flex items-center gap-1">Plán 2026–2031 <ion-icon name="open-outline" class="text-xs"></ion-icon></a>
</div>
<ul class="text-gray-600 space-y-1">
<li>• Plán rozvoje sportu 2020–2025</li>
<li>• Plán rozvoje sportu 2026–2031</li>
</ul>
</div>
<div class="bg-gray-50 p-6 rounded-xl border-l-4 border-sport-orange">
<h3 class="text-xl font-bold text-gray-800 mb-2">Kunovice</h3>
<ul class="text-gray-600 space-y-1">
<li>• Plán rozvoje sportu 2027–2032</li>
</ul>
</div>
</div>
<p class="text-center text-gray-600 mt-8 max-w-3xl mx-auto">Naše výstupy jsou navržené tak, aby nebyly pouze formálním dokumentem, ale skutečným podkladem pro rozhodování vedení města, investice i získávání dotací.</p>
</div>
</section>
<!-- CTA Section -->
<section class="py-16 bg-gradient-to-r from-sport-purple to-sport-purple-dark text-white">
<div class="container mx-auto px-4 text-center">
<h2 class="text-3xl font-bold mb-6">Pojďme probrat váš projekt</h2>
<p class="text-xl mb-8 max-w-2xl mx-auto">Rádi vám připravíme konkrétní návrh řešení pro vaše město.</p>
<a href="../kontakt.html" class="inline-block bg-white text-sport-purple font-bold py-3 px-8 rounded-full hover:bg-gray-100 transition duration-300">Kontaktujte nás</a>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-900 text-white">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-12">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
<div>
<div class="text-2xl font-bold mb-4">
<span class="text-sport-purple">Sport</span><span class="text-sport-orange">Creative</span>
</div>
<p class="text-gray-400 mb-4">Digitální marketingová agentura specializovaná na sportovní týmy a organizace.</p>
<div class="flex space-x-4">
<a href="https://www.instagram.com/sportcreative_cz/" target="_blank" class="text-gray-400 hover:text-white transition">
<ion-icon name="logo-instagram" class="text-xl"></ion-icon>
</a>
<a href="https://www.linkedin.com/company/sportcreative-eu" target="_blank" class="text-gray-400 hover:text-white transition">
<ion-icon name="logo-linkedin" class="text-xl"></ion-icon>
</a>
</div>
</div>
<div>
<h3 class="text-lg font-semibold mb-4 text-white">Služby</h3>
<ul class="space-y-2">
<li><a href="video-editing.html" class="text-gray-400 hover:text-white transition">Video Editing</a></li>
<li><a href="sociální-sítě.html" class="text-gray-400 hover:text-white transition">Sociální sítě</a></li>
<li><a href="tvorba-reels.html" class="text-gray-400 hover:text-white transition">Tvorba Reels</a></li>
<li><a href="mesta-obce.html" class="text-gray-400 hover:text-white transition">Plán rozvoje sportu</a></li>
<li><a href="web.html" class="text-gray-400 hover:text-white transition">Správa Webu</a></li>
<li><a href="design.html" class="text-gray-400 hover:text-white transition">Grafický Design</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4 text-white">Rychlé odkazy</h3>
<ul class="space-y-2">
<li><a href="../index.html" class="text-gray-400 hover:text-white transition">Domů</a></li>
<li><a href="../o-nas.html" class="text-gray-400 hover:text-white transition">O nás</a></li>
<li><a href="../portfolio.html" class="text-gray-400 hover:text-white transition">Portfolio</a></li>
<li><a href="../kontakt.html" class="text-gray-400 hover:text-white transition">Kontakt</a></li>
</ul>
</div>
<div>
<h3 class="text-lg font-semibold mb-4 text-white">Kontakt</h3>
<ul class="space-y-3">
<li class="flex items-start">
<ion-icon name="call-outline" class="text-sport-orange text-xl mt-1 mr-2"></ion-icon>
<span class="text-gray-400">+420 775 247 633</span>
</li>
<li class="flex items-start">
<ion-icon name="mail-outline" class="text-sport-orange text-xl mt-1 mr-2"></ion-icon>
<span class="text-gray-400">info@sportcreative.cz</span>
</li>
</ul>
</div>
</div>
</div>
<!-- Copyright -->
<div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<p class="text-gray-400 text-sm mb-4 md:mb-0">
&copy; <span id="currentYear"></span> SportCreative. Všechna práva vyhrazena.
</p>
<div class="flex space-x-4 text-sm text-gray-400">
<a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
<a href="../gdpr.html" class="hover:text-white transition duration-150">Ochrana soukromí</a>
<a href="../cookies.html" class="hover:text-white transition duration-150">Cookies</a>
</div>
</div>
</div>
</footer>
<script type="module" src="https://cdn.jsdelivr.net/npm/ionicons@latest/dist/ionicons/ionicons.esm.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Set current year in footer
document.getElementById('currentYear').textContent = new Date().getFullYear();
// Mobile menu toggle
const mobileMenuButton = document.querySelector('.mobile-menu-button');
const mobileMenu = document.querySelector('.mobile-menu');
let isMenuOpen = false;
if (mobileMenuButton && mobileMenu) {
mobileMenuButton.addEventListener('click', function() {
isMenuOpen = !isMenuOpen;
if (isMenuOpen) {
mobileMenu.style.transform = 'translateY(0)';
mobileMenu.style.opacity = '1';
mobileMenu.style.visibility = 'visible';
mobileMenuButton.setAttribute('aria-expanded', 'true');
} else {
mobileMenu.style.transform = 'translateY(-10px)';
mobileMenu.style.opacity = '0';
mobileMenu.style.visibility = 'hidden';
mobileMenuButton.setAttribute('aria-expanded', 'false');
}
});
}
});
</script>
</body>
</html>
sluzby/sociální-sítě.html
+1 -1
View File
@@ -319,7 +319,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
sluzby/tvorba-reels.html
+1 -1
View File
@@ -319,7 +319,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
sluzby/video-editing.html
+1 -1
View File
@@ -319,7 +319,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>
sluzby/web.html
+1 -1
View File
@@ -334,7 +334,7 @@
<div class="border-t border-gray-800 py-6"> <div class="border-t border-gray-800 py-6">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 flex flex-col md:flex-row justify-between items-center">
<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; <span id="currentYear"></span> 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="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a> <a href="../obchodni-podminky.html" class="hover:text-white transition duration-150">Podmínky použití</a>