357 lines
13 KiB
HTML
357 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de_DE">
|
|
|
|
<head>
|
|
<meta name="generator" content="Hugo 0.131.0"><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<meta charset="utf-8">
|
|
<title>DJ & Eventservice Fabian Ecke</title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
|
<link rel="apple-touch-icon" sizes="180x180" href='/apple-touch-icon.png'>
|
|
<link rel="icon" type="image/png" sizes="32x32" href='/favicon-32x32.png'>
|
|
<link rel="icon" type="image/png" sizes="16x16" href='/favicon-16x16.png'>
|
|
<link rel="manifest" href='/site.webmanifest'>
|
|
|
|
<link href='/css/fa6.min.css' rel="stylesheet" type="text/css">
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="/css/style.css">
|
|
|
|
|
|
<link rel="stylesheet" href='/css/swiper-bundle.min.css'>
|
|
|
|
<link href='/css/style.min.css' rel="stylesheet" type="text/css">
|
|
<link rel="stylesheet" href='/css/custom.css'>
|
|
|
|
<script>
|
|
var _paq = window._paq = window._paq || [];
|
|
|
|
_paq.push(["disableCampaignParameters"]);
|
|
_paq.push(["setDoNotTrack", true]);
|
|
_paq.push(["disableCookies"]);
|
|
_paq.push(['trackPageView']);
|
|
_paq.push(['enableLinkTracking']);
|
|
(function() {
|
|
var u="//matomo.ftecke.de/";
|
|
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
|
_paq.push(['setSiteId', '3']);
|
|
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
|
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
|
})();
|
|
</script>
|
|
|
|
|
|
<meta name="description" content="Veranstaltungsservice in Eisleben, Jena und Umgebung" />
|
|
<meta property="og:title" content="DJ & Eventservice Fabian Ecke" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://www.ftecke.de" />
|
|
<meta property="og:image" content="" />
|
|
<meta property="og:description" content="Veranstaltungsservice in Eisleben, Jena und Umgebung" />
|
|
<meta name="twitter:card" content="" />
|
|
<meta name="twitter:site" content="" />
|
|
<meta name="twitter:creator" content="" />
|
|
</head>
|
|
|
|
<body><header>
|
|
<div id="overlay">
|
|
<ul class="text-center list-none text-white text-3xl">
|
|
|
|
<li class="p-2">
|
|
<a href="/">
|
|
<span>Startseite</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="p-2">
|
|
<a href="/blog/">
|
|
<span>Referenzen</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="p-2">
|
|
<a href="/products/">
|
|
<span>Verleih</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="p-2">
|
|
<a href="/about/">
|
|
<span>Über mich</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="p-2">
|
|
<a href="/contact/">
|
|
<span>Kontakt</span>
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<nav class="flex items-center justify-between flex-wrap bg-opacity-100 p-8">
|
|
<div class="flex items-center flex-shrink-0 text-xl text-grey-900 mr-6">
|
|
<a href="http://localhost:1313/"><img alt="FTE Logo"
|
|
class="h-14 mr-3" src="/img/logo/fte-logo.png"></a>
|
|
</div>
|
|
<div class="block lg:hidden">
|
|
<div id="hamburgerbtn" class="flex cursor-pointer items-center w-14 h-10 py-2 rounded mopen">
|
|
<span class="top"></span>
|
|
<span class="middle"></span>
|
|
<span class="bottom"></span>
|
|
</div>
|
|
</div>
|
|
<div class="hidden w-full block flex-grow lg:flex lg:items-center lg:w-auto" id="mobileMenu">
|
|
<div class="text-lg lg:flex-grow">
|
|
</div>
|
|
<div class="text-lg">
|
|
|
|
<a href="/"
|
|
class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
|
|
Startseite
|
|
</a>
|
|
|
|
<a href="/blog/"
|
|
class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
|
|
Referenzen
|
|
</a>
|
|
|
|
<a href="/products/"
|
|
class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
|
|
Verleih
|
|
</a>
|
|
|
|
<a href="/about/"
|
|
class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
|
|
Über mich
|
|
</a>
|
|
|
|
<a href="/contact/"
|
|
class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
|
|
Kontakt
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<div class="scroll-top rounded-full">
|
|
<span class="icon-keyboard_arrow_up text-2xl"></span>
|
|
</div><div class="swiper-container">
|
|
<div class="swiper-wrapper">
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="img/slide/teenieparty23.webp">
|
|
|
|
|
|
<div class="s-fade-txt">
|
|
<h1 class="text-4xl text-white">Tanzveranstaltungen</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="img/slide/pfingsten25.webp">
|
|
|
|
|
|
<div class="s-fade-txt">
|
|
<h1 class="text-4xl text-white">Events</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="img/slide/familienfeier25.webp">
|
|
|
|
|
|
<div class="s-fade-txt">
|
|
<h1 class="text-4xl text-white">Familienfeiern</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="swiper-slide">
|
|
|
|
<img src="img/slide/springreiten25.webp">
|
|
|
|
|
|
<div class="s-fade-txt">
|
|
<h1 class="text-4xl text-white">Beschallung</h1>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-button-next"></div>
|
|
</div>
|
|
<div class="mx-auto my-10 max-w-6xl">
|
|
<h2 class="text-4xl ml-2 text-white-custom" style="margin-bottom: 12px;">Pakete</h2>
|
|
<hr style="border-color: #00ad8e;">
|
|
<div class="features-box bg-tlgray-200 py-6 md:py-10">
|
|
<div class="container mx-auto max-w-7xl">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3">
|
|
|
|
|
|
<div
|
|
class="feature-box text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 transform h-full hover:-translate-y-1 hover:shadow-lg">
|
|
<div class="p-1">
|
|
|
|
<span class="fa-solid fa-compact-disc text-5xl"></span>
|
|
|
|
<h2 class="text-2xl">Paket S</h2>
|
|
<p class="sans">DJ, Basis-Licht und Ton für Feiern bis 80 Personen</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div
|
|
class="feature-box text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 transform h-full hover:-translate-y-1 hover:shadow-lg">
|
|
<div class="p-1">
|
|
|
|
<span class="fa-speaker text-5xl"></span>
|
|
|
|
<h2 class="text-2xl">Paket M</h2>
|
|
<p class="sans">Von Anfang bis Ende durchdachte Lösungen</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div
|
|
class="feature-box text-center mx-2 px-4 py-10 flex flex-row justify-center items-center duration-300 transform h-full hover:-translate-y-1 hover:shadow-lg">
|
|
<div class="p-1">
|
|
|
|
<span class="fa-solid fa-gantry text-5xl"></span>
|
|
|
|
<h2 class="text-2xl">Paket L</h2>
|
|
<p class="sans">Sorgfalt und Berücksichtigung vom Preis-Leistungsverhältnis</p>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="mx-auto my-10 max-w-6xl">
|
|
<h2 class="text-4xl ml-2 text-white-custom" style="margin-bottom: 12px;">Neuigkeiten</h2>
|
|
<hr style="border-color: #00ad8e;">
|
|
<a href="http://localhost:1313/blog/pfingsten26ahlsdorf/"><div
|
|
class="sans w-full px-2 lg:max-w-full lg:flex mt-3 lg:px-0 duration-500 transform hover:-translate-y-1 hover:shadow-md">
|
|
<img id="thumb" alt="Pfingstsonntag 2026 in Ahlsdorf" class="aspect-video object-cover w-auto lg:h-44"
|
|
src="/blog/pfingsten26ahlsdorf/thumb.webp" /><div
|
|
class="border-r border-b border-l border-green-custom lg:border-l-0 lg:border-t lg:border-green-custom relative pl-4 p-6 justify-between leading-normal max-w-full w-full">
|
|
<div class="text-green-custom font-bold text-xl mb-2">Pfingstsonntag 2026 in Ahlsdorf</div>
|
|
<p class="text-white-custom text-base pb-5">Auch dieses Jahr kam am Pfingstsonntag in Ahlsdorf mit DJ Ecke 2.0 wieder ordentliche Partystimmung auf🥳
|
|
Dabei im Einsatz:
|
|
-6x 7R ...</p>
|
|
<p class="text-sm text-lightgray-custom items-center">
|
|
<time>24.05.2026</time>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="http://localhost:1313/blog/markdown-syntax/"><div
|
|
class="sans w-full px-2 lg:max-w-full lg:flex mt-3 lg:px-0 duration-500 transform hover:-translate-y-1 hover:shadow-md">
|
|
<img id="thumb" alt="Neu entwickelter Absaug-Adapter" class="aspect-video object-cover w-auto lg:h-44"
|
|
src='/img/default.jpg'><div
|
|
class="border-r border-b border-l border-green-custom lg:border-l-0 lg:border-t lg:border-green-custom relative pl-4 p-6 justify-between leading-normal max-w-full w-full">
|
|
<div class="text-green-custom font-bold text-xl mb-2">Neu entwickelter Absaug-Adapter</div>
|
|
<p class="text-white-custom text-base pb-5">This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML ...</p>
|
|
<p class="text-sm text-lightgray-custom items-center">
|
|
<time>11.03.2019</time>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="http://localhost:1313/blog/rich-content/"><div
|
|
class="sans w-full px-2 lg:max-w-full lg:flex mt-3 lg:px-0 duration-500 transform hover:-translate-y-1 hover:shadow-md">
|
|
<img id="thumb" alt="Rich Content" class="aspect-video object-cover w-auto lg:h-44"
|
|
src='/img/default.jpg'><div
|
|
class="border-r border-b border-l border-green-custom lg:border-l-0 lg:border-t lg:border-green-custom relative pl-4 p-6 justify-between leading-normal max-w-full w-full">
|
|
<div class="text-green-custom font-bold text-xl mb-2">Rich Content</div>
|
|
<p class="text-white-custom text-base pb-5">Hugo ships with several Built-in Short...</p>
|
|
<p class="text-sm text-lightgray-custom items-center">
|
|
<time>10.03.2019</time>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
|
|
|
|
<div class="flex flex-wrap justify-center text-gray-300 my-5">
|
|
<a href="blog/"
|
|
class="duration-200 px-6 py-3 bg-darker-green-custom hover:opacity-80 hover:text-white relative block focus:outline-none text-md text-center text-white">
|
|
Alle Beiträge >
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<footer class="bg-tlgray-100">
|
|
|
|
<script>
|
|
function toggleNav() {
|
|
var hamburger = document.getElementById("hamburgerbtn");
|
|
var overlay = document.getElementById("overlay");
|
|
var body = document.body;
|
|
|
|
hamburger.addEventListener("click", function () {
|
|
overlay.classList.toggle("open");
|
|
hamburger.classList.toggle("is-open");
|
|
body.classList.toggle("scroll-lock");
|
|
});
|
|
}
|
|
toggleNav();
|
|
|
|
document.querySelector('.scroll-top').addEventListener('click', () => {
|
|
document.documentElement.scrollTop = 0;
|
|
});
|
|
</script>
|
|
|
|
<link href='/css/webfonts.min.css' rel="stylesheet" />
|
|
|
|
<div class="flex items-center justify-between flex-wrap bg-darkergrey-custom p-8 text-white">
|
|
<div class="items-center text-xl text-grey-900 mr-6">
|
|
© DJ & Eventservice Fabian Ecke 2026 Alle Rechte Vorbehalten.
|
|
</div>
|
|
<div class="w-full block flex-grow lg:flex lg:items-center lg:w-auto" id="mobileMenu">
|
|
<div class="text-lg lg:flex-grow">
|
|
</div>
|
|
<div class="flex flex-row items-center text-lg">
|
|
|
|
<a href="/impressum-datenschutzerklaerung" class="block mt-4 lg:inline-block lg:mt-0 text-gray-300 hover:text-white mr-8">
|
|
|
|
Impressum & Datenschutzerklärung
|
|
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script src="/js/swiper-bundle.min.js"></script>
|
|
<script>
|
|
var mySwiper = new Swiper(".swiper-container", {
|
|
direction: "horizontal",
|
|
loop: true,
|
|
speed: 550,
|
|
autoplay: {
|
|
delay: 6000,
|
|
},
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
},
|
|
navigation: {
|
|
nextEl: ".swiper-button-next",
|
|
prevEl: ".swiper-button-prev",
|
|
},
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|