mirror of
https://github.com/Dvorinka/sportcreative.git
synced 2026-07-29 05:23:46 +00:00
added icon and started work on sluzby.html
This commit is contained in:
Tomas Dvorak
+41
-14
@@ -9,6 +9,12 @@
|
||||
<!-- Custom JS will be included here -->
|
||||
<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="SportCreative - Profesionální digitální marketing pro sportovní týmy a organizace. Specializujeme se na video editing, správu sociálních.">
|
||||
<meta name="keywords" content="sport, marketing, video editing, sociální sítě, webdesign, fotografie, grafický design, digitální marketing"></meta>
|
||||
<meta name="author" content="SportCreative"></meta>
|
||||
<meta property="og:title" content="SportCreative - Digitální Marketing pro Sport">
|
||||
<meta property="og:description" content="SportCreative - Profesionální digitální marketing pro sportovní týmy a organizace. Specializujeme se na video editing, správu sociálních sítí, webdesign a další služby.">
|
||||
<!-- Add Montserrat font -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;900&display=swap" rel="stylesheet">
|
||||
<script>
|
||||
@@ -164,10 +170,10 @@
|
||||
<!-- 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="#" 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="#" 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="#" 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="#" 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="index.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">Domů</a>
|
||||
<a href="sluzby.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">Služby</a>
|
||||
<a href="portfolio.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">Portfolio</a>
|
||||
<a href="o-nas.html" class="block px-4 py-3 text-base font-medium text-gray-700 hover:bg-gray-50 hover:text-sport-purple rounded-lg transition-colors duration-200">O nás</a>
|
||||
<a href="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">
|
||||
@@ -191,10 +197,10 @@
|
||||
Pomáháme sportovním organizacím růst v digitálním světě pomocí profesionálního obsahu, kreativních strategií a působivé prezentace.
|
||||
</p>
|
||||
<div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4">
|
||||
<a href="#" 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
|
||||
</a>
|
||||
<a href="#" class="inline-flex items-center justify-center px-6 py-3 border border-gray-300 text-base font-medium rounded-full shadow-sm text-gray-700 bg-white hover:bg-gray-50 transition duration-300">
|
||||
<a href="portfolio.html" class="inline-flex items-center justify-center px-6 py-3 border border-gray-300 text-base font-medium rounded-full shadow-sm text-gray-700 bg-white hover:bg-gray-50 transition duration-300">
|
||||
Naše portfolio
|
||||
<ion-icon name="arrow-forward-outline" class="ml-2"></ion-icon>
|
||||
</a>
|
||||
@@ -234,7 +240,7 @@
|
||||
<p class="text-gray-600">
|
||||
Profesionální střih videí ze sportovních utkání, tréninků a akcí s využitím DaVinci Resolve. Vytváříme dynamické a poutavé materiály pro vaši prezentaci.
|
||||
</p>
|
||||
<a href="#" class="mt-4 inline-flex items-center text-sport-purple hover:text-sport-orange font-medium">
|
||||
<a href="sluzby.html#video-editing" 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>
|
||||
@@ -255,7 +261,7 @@
|
||||
<p class="text-gray-600">
|
||||
Kompletní správa profilů na Instagramu a Facebooku, tvorba engagujícího obsahu, plánování příspěvků a analytika. Zvýšíme povědomí o vašem týmu.
|
||||
</p>
|
||||
<a href="#" class="mt-4 inline-flex items-center text-sport-purple hover:text-sport-orange font-medium">
|
||||
<a href="sluzby.html#socialni-site" 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>
|
||||
@@ -276,7 +282,7 @@
|
||||
<p class="text-gray-600">
|
||||
Atraktivní krátká videa pro Instagram a Facebook Reels, která zachytí klíčové momenty a zvýší váš dosah. Virální potenciál pro oslovení nových fanoušků.
|
||||
</p>
|
||||
<a href="#" class="mt-4 inline-flex items-center text-sport-purple hover:text-sport-orange font-medium">
|
||||
<a href="sluzby.html#tvorba-reels" 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>
|
||||
@@ -292,12 +298,12 @@
|
||||
<div class="p-6">
|
||||
<div class="flex items-center mb-4">
|
||||
<ion-icon name="camera-outline" class="text-sport-purple text-2xl"></ion-icon>
|
||||
<h3 class="ml-2 text-xl font-semibold text-gray-900">Profi Fotografie</h3>
|
||||
<h3 class="ml-2 text-xl font-semibold text-gray-900">Profesionální fotografie a videa</h3>
|
||||
</div>
|
||||
<p class="text-gray-600">
|
||||
Profesionální focení sportovních zápasů, akcí a týmových portrétů. Zachytíme emoce, dynamiku a jedinečné okamžiky vašeho sportovního příběhu.
|
||||
Profesionální fotografie a videa z vašich sportovních akcí. Od působivých momentek z utkání přes týmové fotografie až po propagační videa. Zachytíme emoce, dynamiku a jedinečné okamžiky vašeho sportovního příběhu v té nejlepší kvalitě.
|
||||
</p>
|
||||
<a href="#" class="mt-4 inline-flex items-center text-sport-purple hover:text-sport-orange font-medium">
|
||||
<a href="sluzby.html#fotografie-video" 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>
|
||||
@@ -318,7 +324,7 @@
|
||||
<p class="text-gray-600">
|
||||
Komplexní péče o váš web - od aktualizace obsahu přes technickou správu až po SEO optimalizaci. Zajistíme, aby váš online domov fungoval perfektně.
|
||||
</p>
|
||||
<a href="#" class="mt-4 inline-flex items-center text-sport-purple hover:text-sport-orange font-medium">
|
||||
<a href="sluzby.html#sprava-webu" 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>
|
||||
@@ -339,7 +345,28 @@
|
||||
<p class="text-gray-600">
|
||||
Tvorba vizuální identity, grafických prvků pro sociální sítě, plakátů a propagačních materiálů v Adobe Photoshop. Design, který podtrhne vaši značku.
|
||||
</p>
|
||||
<a href="#" class="mt-4 inline-flex items-center text-sport-purple hover:text-sport-orange font-medium">
|
||||
<a href="sluzby.html#graficky-design" 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>
|
||||
|
||||
<!-- Service Card 6 -->
|
||||
<div class="bg-white rounded-lg shadow-md overflow-hidden hover:shadow-xl transition duration-300">
|
||||
<div class="h-48 bg-gray-200 relative overflow-hidden">
|
||||
<img src="assets/images/marketing.png" alt="Graphic design" class="w-full h-full object-cover" />
|
||||
<div class="absolute inset-0 bg-cover" style="background-image: url('assets/images/overlay.png');"></div>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="flex items-center mb-4">
|
||||
<ion-icon name="brush-outline" class="text-sport-purple text-2xl"></ion-icon>
|
||||
<h3 class="ml-2 text-xl font-semibold text-gray-900">Digitální marketing</h3>
|
||||
</div>
|
||||
<p class="text-gray-600">
|
||||
Tvorba vizuální identity, grafických prvků pro sociální sítě, plakátů a propagačních materiálů v Adobe Photoshop. Design, který podtrhne vaši značku.
|
||||
</p>
|
||||
<a href="sluzby.html#marketing" 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>
|
||||
|
||||
Reference in New Issue
Block a user