fte-Homepage/public/about/index.html

<!DOCTYPE html>
<html lang="ja">

<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=37149&amp;path=livereload" data-no-instant defer></script>
<meta charset="utf-8">
<title>DJ &amp; 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 &amp; Eventservice Fabian Ecke" />
<meta property="og:title" content="Über mich | DJ &amp; Eventservice Fabian Ecke" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:37149/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:37149/">
<meta property="og:image:url" content="http://localhost:37149/">

<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:37149/"><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 Leidenschaft ist es tolle Events mit passender Musik und professionellem Service für Sie zum Leben zu erwecken.
<br>
<h3>Mein Weg</h3>
Die Begeisterung für Musik und Technik liegt in meiner Familie.
Mein Vater ist schon seit vielen Jahren selbst 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 mich weiter zu entwickeln und gründete mein eigenes Gewerbe. Mittlerweile begleite ich nun eigenständig unterschiedlichste Events, wie Vereinsfeiern, Hochzeiten oder Abschlussbälle. Weiterhin arbeite ich auch bei größeren Veranstaltungen, wie dem jährlichen Pfingsttanz in Ahlsdorf vor ca. 1000 Gästen, mit meinem Vater zusammen, um einen gelungenen Abend zu gestalten. 
<h3>Zum aktuellen Zeitpunkt</h3>
Aktuell studiere ich Elektrotechnik in Jena. Gleichzeitig habe ich aber auch ein großes Interesse an Themen wie Brandschutz und bin deshalb in einer Freiwilligen Feuerwehr aktiv. Dies hilft mir dabei auch eigenständig private oder größere Veranstaltungen zu betreuen. Dabei werden meine technischen Aufbauten anspruchsvoller, aber auch gezielt schlicht, wenn es so gewollt ist.
<p>Mein Interesse an Veranstaltungstechnik und die Leidenschaft für Musik treiben mich weiterhin an, für Sie ein gelungenes Event zu ermöglichen.</p>
</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">
      &copy; DJ &amp; Eventservice Fabian Ecke 2026 &nbsp; &nbsp; 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 &amp; Datenschutzerklärung
          
        </a>
        
      </div>
    </div>
  </div>
</footer>
</body>

</html>