241 lines
9.0 KiB
HTML
241 lines
9.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ja">
|
|
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=35933&path=livereload" data-no-instant defer></script>
|
|
<meta charset="utf-8">
|
|
<title>DJ & Eventservice Fabian Ecke | Über mich</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 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 property="og:site_name" content="DJ & Eventservice Fabian Ecke" />
|
|
<meta property="og:title" content="Über mich | DJ & Eventservice Fabian Ecke" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="http://localhost:35933/about/" />
|
|
<meta property="og:locale" content="ja_JP" />
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta property="twitter:title" content="Über mich">
|
|
|
|
|
|
<meta property="og:image" content="http://localhost:35933/">
|
|
<meta property="og:image:url" content="http://localhost:35933/">
|
|
|
|
<meta property="og:description" content="Selbstvorstellung von Fabian Ecke" />
|
|
<meta property="twitter:description" content="Selbstvorstellung von Fabian Ecke" />
|
|
|
|
|
|
</head>
|
|
|
|
<body class="flex flex-col min-h-screen">
|
|
<main class="flex-grow"><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="/events/">
|
|
<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:35933/"><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="/events/"
|
|
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="mx-auto my-10 max-w-6xl">
|
|
<div class="mx-3 col-span-3 lg:col-span-2 px-2">
|
|
<h1 class="title text-5xl mb-4 text-white-custom">Über mich</h1>
|
|
<hr style="border-color: #00ad8e;">
|
|
<div class="content a-green md:prose-lg lg:prose-xl max-w-none py-1 text-white-custom"><style>
|
|
.about-profile-pic img {
|
|
display: block;
|
|
margin: 0 auto 20px auto;
|
|
width: 400px;
|
|
max-width: 100%;
|
|
}
|
|
@media (min-width: 576px) {
|
|
.about-profile-pic img {
|
|
float: left;
|
|
margin: 0px 20px 10px 0;
|
|
}
|
|
}
|
|
</style>
|
|
<br>
|
|
<picture class="about-profile-pic">
|
|
<img src="/img/about/thumb.webp" alt="Fabian Ecke">
|
|
</picture>
|
|
<h2>Hi,</h2>
|
|
ich bin Fabian Ecke und meine Mission ist es, Ihre Vision von einem perfekten Event mit der passenden Musik und professionellem Service zum Leben zu erwecken.
|
|
<br>
|
|
<h3>Mein Weg</h3>
|
|
Das Interesse für Musik und Technik, das ich entwickelt habe, war kein reiner Zufall. Mein Vater ist schon seit vielen Jahren als DJ und Veranstaltungsdienstleister unterwegs und hat mich zum ein oder anderen Aufbau mitgenommen. So habe ich als Kind schon mit dem Lichtpult gespielt oder Techniker vor Ort über ihren Job ausgefragt. <br>
|
|
Mit 12 Jahren habe ich angefangen im kleinen Rahmen bei Freunden oder Familienfeiern selbst aufzulegen und Technik (mit Unterstützung) aufzubauen. Bei diesen Feiern lernte ich viele Genres kennen, entwickelte ein Gefühl für der Stimmung angepasste Musikauswahl und auch, dass keine Feier wie die andere ist. Nicht nur eine volle Tanzfläche ist wichtig, sondern auch ein schöner technischer Aufbau und die Zufriedenheit derjenigen, die auch nur zuhören, anstatt zu Tanzen.
|
|
Mit der Zeit erhielt ich auch Anfragen, die über den Bekanntenkreis hinaus gingen. So fing ich mit 18 Jahren an allein Geburtstage oder Hochzeiten von Menschen zu begleiten, die ich nicht kannte. Auch half ich meinem Vater dabei größere Veranstaltungen wie den jährlichen Pfingsttanz in Ahlsdorf oder andere Events mit größerem Aufwand zum Erfolg zu bringen.</div>
|
|
</div>
|
|
</div>
|
|
|
|
</main><footer class="bg-tlgray-100">
|
|
|
|
<script src='/js/clipboard.min.js'></script>
|
|
<script src='/js/highlight.min.js'></script>
|
|
<script src='/js/highlightjs-line-numbers.min.js'></script>
|
|
<script src='/js/sweetalert2.min.js'></script>
|
|
<script>
|
|
hljs.initHighlightingOnLoad();
|
|
hljs.initLineNumbersOnLoad();
|
|
new ClipboardJS('.url');
|
|
|
|
function OnClickURL() {
|
|
Swal.fire({
|
|
icon: 'success',
|
|
title: 'Copied!',
|
|
text: 'Copied the URL and title.'
|
|
})
|
|
}
|
|
</script>
|
|
|
|
<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>
|
|
</body>
|
|
|
|
</html> |