fte-Homepage/public/about/index.html

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

<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=35933&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: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 Leidenschaft ist es tolle Events mit passender Musik und professionellem Service für Sie zum Leben zu erwecken.
<br>
<h3>Mein Weg</h3>
Das Interesse für Musik und Technik, das ich entwickelt habe, hat einen Grund: 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 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.
<h3>Im Hier & Jetzt</h3>
Aktuell studiere ich Elektrotechnik in Jena und bilde mich zusätzlich sowohl technisch aber auch in Sicherheitsfragen in der Veranstaltungstechnik weiter. So hege ich Beispielsweise ein reges Interesse für Brandschutz und bin 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. Mein Interesse an Veranstaltungstechnik und die Leidenschaft für Musik treiben mich weiterhin an für Sie ein gelungenes Event zu ermöglichen.</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>