<!doctype html>
<html lang="en">
   <head>
      <title>Simon Huck - E-Commerce und weclapp Berater</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
                     
      <link rel="stylesheet" href="css/devicon.min.css">
      <link rel="stylesheet" href="css/all.min.css">
      <link rel="stylesheet" href="css/bootstrap.min.css">
      <link rel="stylesheet" href="css/swiper-bundle.min.css">
      <link rel="stylesheet" href="css/animate.min.css">
      <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
      <link rel="stylesheet" href="css/style.css">
      <!-- CSS Skin File -->
      <link rel="stylesheet" href="css/skins/yellow.css">

      <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">

   </head>
   <body>
      <!-- PRELOADER STARTS -->
      <div id="preloader">
         <div class="line"></div>
      </div>
      <script>
         (function() {
            function hidePreloader() {
               var preloader = document.getElementById('preloader');
               if (!preloader) return;
               preloader.classList.add('preloaded');
               setTimeout(function() {
                  if (preloader && preloader.parentNode) {
                     preloader.style.display = 'none';
                  }
               }, 1500);
            }

            if (document.readyState === 'loading') {
               document.addEventListener('DOMContentLoaded', hidePreloader, { once: true });
            } else {
               hidePreloader();
            }

            setTimeout(hidePreloader, 3000);
         })();
      </script>
      <!-- PRELOADER ENDS -->
      <!-- WRAPPER STARTS -->
      <div class="page-content">
         <!-- HEADER STARTS -->
         <header>
            <!-- Desktop Menu Starts -->
            <div class="header-inner hide-mobile">
               <!-- MENU STARTS -->
               <div class="menu">
                  <nav>
                     <ul>
                        <li><span class="active" id="home-link">Home</span></li>
                        <li><span id="about-link">Über mich</span></li>
                        <li><span id="portfolio-link">Portfolio</span></li>
                        <li><span id="contact-link">Kontakt</span></li>
                        <li><span id="blog-link">Rechtliches</span></li>
                     </ul>
                  </nav>
               </div>
               <!-- MENU ENDS -->
               <!-- FREELANCE STARTS -->
               <div class="mail">
                  <p>
                    E-Mail : 
                     <span>hello@simon-huck.de</span>
                  </p>
               </div>
               <!-- FREELANCE ENDS -->
            </div>
            <!-- Desktop Menu Ends -->
            <!-- Mobile Menu Starts -->
            <nav class="mobile-menu">
               <div id="menuToggle">
                  <input type="checkbox" id="checkboxmenu">
                  <span></span>
                  <span></span>
                  <span></span>
                  <ul class="list-unstyled" id="menu">
                     <li><a href="#home"><span>Home</span></a></li>
                     <li><a href="#my-photo"><span>Über mich</span></a></li>
                     <li><a href="#portfolio"><span>Portfolio</span></a></li>
                     <li><a href="#contact"><span>Kontakt</span></a></li>
                     <li><a href="#blog"><span>Rechtliches</span></a></li>
                  </ul>
               </div>
            </nav>
            <!-- Mobile Menu Ends -->
         </header>
         <!-- HEADER ENDS -->
         <div id="wrapper">
            <main class="flex-column-mobile">
               <!-- HOME SECTION STARTS -->
               <section class="home image" id="home">
                  <div>
                     <div class="position-relative">
                        <h1>
                           <span>
                              <span class="animated-layer">
                                 Simon Huck<span>.</span>
                              </span>
                           </span>
                           <span class="position-relative">
                              <span class="animated-layer">
                                &nbsp;
                              </span>
                              <span class="intro animated-layer">
                                 <div>E-Commerce / weclapp / Automatisierung</div>
                                 <div style="margin-top: 10px;">seit 25 Jahren</div>
                              </span>
                           </span>
                        </h1>
                     </div>
                  </div>
                  <!-- CALL TO ACTION STARTS -->
                  <span class="animated-layer animated-btn cta" id="cta">
                     <span>
                     </span>
                  </span>
                  <!-- CALL TO ACTION ENDS -->
               </section>
               <!-- HOME SECTION ENDS -->
               <!-- ABOUT SECTION STARTS -->
               <section class="about main-section flex-column-mobile" id="about">
                  <!-- INFO HOLDER STARTS -->
                  <div class="info flex-column-mobile">
                     <!-- IMAGE STARTS -->
                     <div class="img-container animated-layer image-animation my-photo-container fadeInUp wow" data-wow-offset="200" id="my-photo">
                        <div>
                           <div>
                              <img class="my-photo" src="assets/img/simon-huck-2024.png" alt="Portrait Simon Huck">
                           </div>
                        </div>
                     </div>
                     <!-- IMAGE ENDS -->
                     <!-- INFO STARTS -->
                     <div>
                        <h2>
                           <span>
                           <span class="animated-layer fade-in-up-animation fadeInUp wow">
                           Simon
                           </span>
                           </span>
                           <span>
                           <span class="animated-layer fade-in-up-animation fadeInUp wow">
                           Huck
                           </span>
                           </span>
                        </h2>
                        <div class="infos">
                            <ul>
                                <li>
                                    <span>
                                        <span class="animated-layer fade-in-up-animation fadeInUp wow">
                                            <span>
                                             <a href="weclapp.html" style="text-decoration: underline; color: inherit;">Einführung und Betrieb von weclapp</a>
                                            </span>
                                            <span>&nbsp;</span>
                                        </span>
                                    </span>
                                </li>
                                <li>
                                    <span>
                                        <span class="animated-layer fade-in-up-animation fadeInUp wow">
                                            <span>
                                             <a href="e-commerce.html" style="text-decoration: underline; color: inherit;">E-Commerce Beratung</a>
                                            </span>
                                            <span>&nbsp;</span>
                                        </span>
                                    </span>
                                </li>
                                <li>
                                    <span>
                                        <span class="animated-layer fade-in-up-animation fadeInUp wow">
                                            <span>
                                             <a href="e-commerce.html" style="text-decoration: underline; color: inherit;">Implementierung Tracking und Consent Tools</a>
                                            </span>
                                            <span>&nbsp;</span>
                                        </span>
                                    </span>
                                </li>
                                <li>
                                    <span>
                                        <span class="animated-layer fade-in-up-animation fadeInUp wow">
                                            <span>
                                             <a href="bi.html" style="text-decoration: underline; color: inherit;">Reporting / BI (mit KI)</a>
                                            </span>
                                            <span>&nbsp;</span>
                                        </span>
                                    </span>
                                </li>
                                <li>
                                    <span>
                                        <span class="animated-layer fade-in-up-animation fadeInUp wow">
                                            <span>
                                            <a href="prozess-automatisierung.html" style="text-decoration: underline; color: inherit;">Prozess-Automatisierung</a>
                                            </span>
                                            <span>&nbsp;</span>
                                        </span>
                                    </span>
                                </li>
                            </ul>
                        </div>
                    
                     </div>
                     <!-- INFO ENDS -->
                  </div>
                  <!-- INFO HOLDER ENDS -->
                  <!-- SKILLS STARTS -->
                  <div class="skills flex-column-mobile">
                     <!-- TITLE STARTS -->
                     <div class="custom-title">
                        <!-- MAIN TITLE STARTS -->
                        <h3>
                           <span>
                           <span class="animated-layer fade-in-left-animation fadeInUp wow">
                           Fähigkeiten
                           </span>
                           </span>
                        </h3>
                        <!-- MAIN TITLE ENDS -->
                     </div>
                     <!-- TITLE ENDS -->
                     <div class="skills-content">
                        <div>
                           <!-- SKILL ITEM STARTS -->
                           <div class="animated-layer fade-in-down-animation fadeInLeft wow">
                              <span>
                              <i class="fa fa-shopping-cart"></i>
                              </span>
                              <h4>
                                 weclapp
                              </h4>
                           </div>
                           <!-- SKILL ITEM ENDS -->
                           <!-- SKILL ITEM STARTS -->
                           <div class="animated-layer fade-in-up-animation fadeInRight wow">
                              <span>
                              <i class="fa fa-shopping-bag"></i>
                              </span>
                              <h4>
                                 Shopify
                              </h4>
                           </div>
                           <!-- SKILL ITEM ENDS -->
                        </div>

                        <div>
                            <!-- SKILL ITEM STARTS -->
                            <div class="animated-layer fade-in-down-animation fadeInLeft wow">
                               <span>
                               <i class="devicon-wordpress-plain"></i>
                               </span>
                               <h4>
                                  Wordpress
                               </h4>
                            </div>
                            <!-- SKILL ITEM ENDS -->
                            <!-- SKILL ITEM STARTS -->
                            <div class="animated-layer fade-in-up-animation fadeInRight wow">
                               <span>
                               <i class="devicon-woocommerce-plain"></i>
                               </span>
                               <h4>
                                  WooCommerce
                               </h4>
                            </div>
                            <!-- SKILL ITEM ENDS -->
                         </div>

                         <div>
                            <!-- SKILL ITEM STARTS -->
                            <div class="animated-layer fade-in-down-animation fadeInLeft wow">
                               <span>
                               <i class="devicon-magento-original"></i>
                               </span>
                               <h4>
                                  Magento
                               </h4>
                            </div>
                            <!-- SKILL ITEM ENDS -->
                            <!-- SKILL ITEM STARTS -->
                            <div class="animated-layer fade-in-up-animation fadeInRight wow">
                               <span>
                               <i class="devicon-shopware-original"></i>
                               </span>
                               <h4>
                                  Shopware
                               </h4>
                            </div>
                            <!-- SKILL ITEM ENDS -->
                         </div>

                        <div>
                           <!-- SKILL ITEM STARTS -->
                           <div class="animated-layer fade-in-down-animation fadeInLeft wow">
                              <span>
                              <i class="fa fa-thumbs-up"></i>
                              </span>
                              <h4>
                                 Consent&nbsp;Tool
                              </h4>
                           </div>
                           <!-- SKILL ITEM ENDS -->
                           <!-- SKILL ITEM STARTS -->
                           <div class="animated-layer fade-in-up-animation fadeInRight wow">
                              <span>
                              <i class="fa fa-globe"></i>
                              </span>
                              <h4>
                                 Marktplätze
                              </h4>
                           </div>
                           <!-- SKILL ITEM ENDS -->
                        </div>
                        <div>
                           <!-- SKILL ITEM STARTS -->
                           <div class="animated-layer fade-in-down-animation fadeInLeft wow">
                              <span>
                              <i class="fa fa-line-chart"></i>
                              </span>
                              <h4>
                                 Analytics
                              </h4>
                           </div>
                           <!-- SKILL ITEM ENDS -->
                           <!-- SKILL ITEM STARTS -->
                           <div class="animated-layer fade-in-up-animation fadeInRight wow">
                              <span>
                              <i class="devicon-google-plain"></i>
                              </span>
                              <h4>
                                 Tag&nbsp;Manager
                              </h4>
                           </div>
                           <!-- SKILL ITEM ENDS -->
                        </div>
                        
                     </div>
                  </div>
                  <!-- SKILLS ENDS -->
                  <img alt="" class="separator hide-mobile" src="assets/separator.png">
               </section>
               <!-- ABOUT SECTION ENDS -->
               <img alt="" class="separator-mobile-down hide-desktop z-1" src="assets/separator-mobile-down.png">
               <!-- FACTS SECTION STARTS -->
               <section class="facts">
                  <div class="flex-column-mobile">
                     <!-- SINGE FACT ITEM STARTS -->
                     <div class="animated-layer fade-in-right-animation fadeInLeft wow" data-wow-offset="200">
                        <div>
                           <div>
                              <h3>25</h3>
                              <p>Jahre<span>Erfahrung</span></p>
                           </div>
                        </div>
                     </div>
                     <!-- SINGE FACT ITEM ENDS -->
                     <!-- SINGE FACT ITEM STARTS -->
                     <div class="animated-layer fade-in-right-animation fadeInRight wow" data-wow-offset="200">
                        <div>
                           <div>
                              <h3>20</h3>
                              <p>zufriedene<span>Kunden</span></p>
                           </div>
                        </div>
                     </div>
                     <!-- SINGE FACT ITEM ENDS -->
                     <!-- SINGE FACT ITEM STARTS -->
                     <div class="animated-layer fade-in-right-animation fadeInLeft wow" data-wow-offset="200">
                        <div>
                           <div>
                              <h3>200</h3>
                              <p >abgeschlossene<span>Projekte</span></p>
                           </div>
                        </div>
                     </div>
                     <!-- SINGE FACT ITEM ENDS -->
                     <!-- SINGE FACT ITEM STARTS -->
                     <div class="animated-layer fade-in-right-animation fadeInRight wow" data-wow-offset="200">
                        <div>
                           <div>
                              <h3>4</h3>
                              <p>Jahre<span>Dozent</span></p>
                           </div>
                        </div>
                     </div>
                     <!-- SINGE FACT ITEM ENDS -->
                  </div>
                  <img alt="" class="z-1 hide-mobile opposite-separator" src="assets/separator-opposite.png">
                  
               </section>
               <!-- FACTS SECTION ENDS -->
               <img alt="" class="separator-mobile-up hide-desktop z-1" src="assets/separator-mobile-up.png">
               <!-- PORTFOLIO SECTION STARTS -->
               <section class="portfolio main-section flex-column-mobile" id="portfolio">
                  <!-- TITLE STARTS -->
                  <div class="custom-title">
                     <!-- MAIN TITLE STARTS -->
                     <h3>
                        <span>
                        <span class="animated-layer fade-in-left-animation fadeInUp wow">
                        <!--Mein Portfolio-->
                        Projektauszug
                        </span>
                        </span>
                     </h3>
                     <!-- MAIN TITLE ENDS -->
                  </div>
                  <!-- TITLE ENDS -->
                  <div class="swiper swiper-portfolio animated-layer fade-in-right-animation fadeInUp wow" data-wow-offset="200">
                     <div class="swiper-wrapper">
                        <!-- PORTFOLIO ITEM STARTS -->
                        <div class="single-item swiper-slide">
                            <!-- ITEM MAIN CONTENT STARTS -->
                            <div class="main-content">
                               <img class="img-fluid" src="assets/portfolio/automatisierung.png" alt="Automatisierung - Infobild" loading="lazy">
                            </div>
                            <!-- ITEM MAIN CONTENT ENDS -->
                            <!-- ITEM DETAILS STARTS -->
                            <div class="details">
                               <h4>Automatisierung</h4>
                               <div>
                                  <ul>
                                     <li>
                                        <span>
                                        <i class="fa-regular fa-file-lines"></i> Projekt :
                                        </span>
                                        <span>Datenanreicherung</span>
                                     </li>

                                     <li> 
                                        <span><i class="fa-solid fa-code-branch"></i> Aufgaben :</span>
                                        <span>Datenabgleich ERP und Mail System </span>
                                     </li>
                                     <li>
                                       <span><i class="fa-regular fa-user"></i> Kunde :</span>
                                       <span>Hagen Grote GmbH</span>
                                    </li>
                                     <li> 
                                         <span><i class="fa-solid fa-calendar"></i> Zeitraum :</span>
                                         <span>Seit 2025</span>
                                      </li>
                                  </ul>
                               </div>
                               
                               <a href="prozess-automatisierung.html" class="custom-btn">
                               <span>mehr <i class="fa-solid fa-arrow-up-right-from-square"></i></span>
                               </a>
                               
                            </div>
                            <!-- ITEM DETAILS ENDS -->
                         </div>
                         <!-- PORTFOLIO ITEM ENDS -->
                                                  <!-- PORTFOLIO ITEM STARTS -->
                        <div class="single-item swiper-slide">
                           <!-- ITEM MAIN CONTENT STARTS -->
                           <div class="main-content">
                              <img class="img-fluid" src="assets/portfolio/hagen-grote-screenshot-1.png" alt="Hagen Grote - Screenshot der Webseite" loading="lazy">
                           </div>
                           <!-- ITEM MAIN CONTENT ENDS -->
                           <!-- ITEM DETAILS STARTS -->
                           <div class="details">
                              <h4>E-Commerce</h4>
                              <div>
                                 <ul>
                                    <li>
                                       <span>
                                       <i class="fa-regular fa-file-lines"></i> Projekt :
                                       </span>
                                       <span>Optimierung von Shop / Marktplätzen</span>
                                    </li>

                                    <li> 
                                       <span><i class="fa-solid fa-code-branch"></i> Aufgaben :</span>
                                       <span>Consent Tool, Artikeloptimierung, BI </span>
                                    </li>
                                    <li>
                                       <span><i class="fa-regular fa-user"></i> Kunde :</span>
                                       <span>Hagen Grote GmbH</span>
                                    </li>
                                    <li> 
                                        <span><i class="fa-solid fa-calendar"></i> Zeitraum :</span>
                                        <span>Seit 2021</span>
                                     </li>
                                 </ul>
                              </div>
                              
                              <a href="https://www.hagengrote.de/hagen-grote" target="_blank" class="custom-btn">
                              <span>Webseite <i class="fa-solid fa-arrow-up-right-from-square"></i></span>
                              </a>
                              
                           </div>
                           <!-- ITEM DETAILS ENDS -->
                        </div>
                        <!-- PORTFOLIO ITEM ENDS -->
                        <!-- PORTFOLIO ITEM STARTS -->
                        <div class="single-item swiper-slide">
                           <!-- ITEM MAIN CONTENT STARTS -->
                           <div class="main-content">
                              <div class="swiper swiper-portfolio-item">
                                 <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                       <img src="assets/portfolio/diashop-screenshot-1.png" title="img" alt="Diashop - Screenshot 1 der Webseite" loading="lazy">
                                    </div>
                                    <div class="swiper-slide">
                                       <img src="assets/portfolio/diashop-screenshot-2.png" title="img" alt="Diashop - Screenshot 2 der Webseite" loading="lazy">
                                    </div>
                                    <div class="swiper-slide">
                                       <img src="assets/portfolio/diashop-screenshot-3.png" title="img" alt="Diashop - Screenshot 3 der Webseite" loading="lazy">
                                    </div>
                                 </div>
                                 <div class="swiper-pagination"></div>
                              </div>
                           </div>
                           <!-- ITEM MAIN CONTENT ENDS -->
                           <!-- ITEM DETAILS STARTS -->
                           <div class="details">
                              <h4>E-Commerce</h4>
                              <div>
                                 <ul>
                                    <li>
                                       <span>
                                       <i class="fa-regular fa-file-lines"></i> Projekt :
                                       </span>
                                       <span>Relaunch</span>
                                    </li>

                                    <li>
                                       <span><i class="fa-regular fa-calendar"></i> Zeitraum :</span>
                                       <span>seit 10-2024</span>
                                    </li>
                                    <li>
                                       <span><i class="fa-regular fa-user"></i> Kunde :</span>
                                       <span>DIASHOP GmbH</span>
                                    </li>
                                    <li> 
                                       <span><i class="fa-solid fa-code-branch"></i> Lösung :</span>
                                       <span>Magento 2</span>
                                    </li>
                                 </ul>
                              </div>
                              <a href="https://www.diashop.de/" target="_blank" class="custom-btn">
                                <span>Webseite <i class="fa-solid fa-arrow-up-right-from-square"></i></span>
                                </a>
                           </div>
                           <!-- ITEM DETAILS ENDS -->
                        </div>
                        <!-- PORTFOLIO ITEM ENDS -->

                        <!-- PORTFOLIO ITEM STARTS -->
                        <div class="single-item swiper-slide">
                            <!-- ITEM MAIN CONTENT STARTS -->
                            <div class="main-content">
                               <img class="img-fluid" src="assets/portfolio//mnstry-screenshot.png" alt="MNSTRY - Screenshot der Webseite" loading="lazy">
                            </div>
                            <!-- ITEM MAIN CONTENT ENDS -->
                            <!-- ITEM DETAILS STARTS -->
                            <div class="details">
                               <h4>Google Integration</h4>
                               <div>
                                  <ul>
                                     <li>
                                        <span>
                                        <i class="fa-regular fa-file-lines"></i> Projekt :
                                        </span>
                                        <span>GTM & Consent Tools</span>
                                     </li>

                                     <li>
                                        <span><i class="fa-regular fa-hourglass"></i> Laufzeit :</span>
                                        <span>1 Monat</span>
                                     </li>
                                     <li> 
                                        <span><i class="fa-solid fa-code-branch"></i> Lösung :</span>
                                        <span>Shopify</span>
                                     </li>
                                     <li>
                                       <span><i class="fa-regular fa-user"></i> Kunde :</span>
                                       <span>MNSTRY GmbH</span>
                                    </li>
                                     <li> 
                                         <span><i class="fa-solid fa-calendar"></i> Zeitraum :</span>
                                         <span>Frühling 2024</span>
                                      </li>
                                  </ul>
                               </div>
                               
                               <a href="https://mnstry.com/" target="_blank" class="custom-btn">
                               <span>Webseite <i class="fa-solid fa-arrow-up-right-from-square"></i></span>
                               </a>
                               
                            </div>
                            <!-- ITEM DETAILS ENDS -->
                         </div>
                         <!-- PORTFOLIO ITEM ENDS -->
                           <!-- PORTFOLIO ITEM STARTS -->
                        <div class="single-item swiper-slide">
                           <!-- ITEM MAIN CONTENT STARTS -->
                           <div class="main-content">
                              <img class="img-fluid" src="assets/portfolio//mnstry-screenshot.png" alt="MNSTRY - Screenshot der Webseite">
                           </div>
                           <!-- ITEM MAIN CONTENT ENDS -->
                           <!-- ITEM DETAILS STARTS -->
                           <div class="details">
                              <h4>BI</h4>
                              <div>
                                 <ul>
                                    <li>
                                       <span>
                                       <i class="fa-regular fa-file-lines"></i> Projekt :
                                       </span>
                                       <span>Zentrales BI aufsetzen</span>
                                    </li>
                                    <li> 
                                       <span><i class="fa-solid fa-code-branch"></i> Lösung :</span>
                                       <span>PowerBI</span>
                                    </li>
                                    <li>
                                      <span><i class="fa-regular fa-user"></i> Kunde :</span>
                                      <span>MNSTRY GmbH</span>
                                   </li>
                                    <li> 
                                        <span><i class="fa-solid fa-calendar"></i> Zeitraum :</span>
                                        <span>Seit 07-2025</span>
                                     </li>
                                 </ul>
                              </div>
                              
                              <a href="https://mnstry.com/" target="_blank" class="custom-btn">
                              <span>Webseite <i class="fa-solid fa-arrow-up-right-from-square"></i></span>
                              </a>
                              
                           </div>
                           <!-- ITEM DETAILS ENDS -->
                        </div>
                        <!-- PORTFOLIO ITEM ENDS -->
                     <!-- PORTFOLIO ITEM STARTS -->
                     <div class="single-item swiper-slide">
                        <!-- ITEM MAIN CONTENT STARTS -->
                        <div class="main-content">
                           <img class="img-fluid" src="assets/portfolio//poljot24-screenshot.png" alt="Poljot24 - Screenshot der Webseite" loading="lazy">
                        </div>
                        <!-- ITEM MAIN CONTENT ENDS -->
                        <!-- ITEM DETAILS STARTS -->
                        <div class="details">
                           <h4>E-Commerce / weclapp</h4>
                           <div>
                              <ul>
                                 <li>
                                    <span>
                                    <i class="fa-regular fa-file-lines"></i> Projekt :
                                    </span>
                                    <span>Betreuung weclapp und Magento 2</span>
                                 </li>

                                 <li> 
                                    <span><i class="fa-solid fa-code-branch"></i> Lösung :</span>
                                    <span>weclapp / Magento 2</span>
                                 </li>
                                 <li>
                                    <span><i class="fa-regular fa-user"></i> Kunde :</span>
                                    <span>Poljot24</span>
                                 </li>
                                 <li> 
                                     <span><i class="fa-solid fa-calendar"></i> Zeitraum :</span>
                                     <span>Seit 2011</span>
                                  </li>
                              </ul>
                           </div>
                           
                           <a href="https://www.poljot24.de" target="_blank" class="custom-btn">
                           <span>Webseite <i class="fa-solid fa-arrow-up-right-from-square"></i></span>
                           </a>
                           
                        </div>
                        <!-- ITEM DETAILS ENDS -->
                    </div>
                     <!-- PORTFOLIO ITEM ENDS -->
                      <!-- PORTFOLIO ITEM STARTS -->
                     <div class="single-item swiper-slide">
                        <!-- ITEM MAIN CONTENT STARTS -->
                        <div class="main-content">
                           <img class="img-fluid" src="assets/portfolio//homeroyal-screenshot.png" alt="Homeroyal - Screenshot der Webseite" loading="lazy">
                        </div>
                        <!-- ITEM MAIN CONTENT ENDS -->
                        <!-- ITEM DETAILS STARTS -->
                        <div class="details">
                           <h4>E-Commerce</h4>
                           <div>
                              <ul>
                                 <li>
                                    <span>
                                    <i class="fa-regular fa-file-lines"></i> Projekt :
                                    </span>
                                    <span>Shop Relaunch / ERP Anbindung</span>
                                 </li>

                                 <li> 
                                    <span><i class="fa-solid fa-code-branch"></i> Lösung :</span>
                                    <span>WooCommerce / Collmex</span>
                                 </li>
                                 <li>
                                    <span><i class="fa-regular fa-user"></i> Kunde :</span>
                                    <span>HOMEROYAL</span>
                                 </li>
                                 <li> 
                                     <span><i class="fa-solid fa-calendar"></i> Zeitraum :</span>
                                     <span>Seit 10-2024</span>
                                  </li>
                              </ul>
                           </div>
                           
                           <a href="https://www.home-royal.de/" target="_blank" class="custom-btn">
                           <span>Webseite <i class="fa-solid fa-arrow-up-right-from-square"></i></span>
                           </a>
                           
                        </div>
                        <!-- ITEM DETAILS ENDS -->
                     </div>
                     <!-- PORTFOLIO ITEM ENDS -->
                      <!-- PORTFOLIO ITEM STARTS -->
                     <div class="single-item swiper-slide">
                        <!-- ITEM MAIN CONTENT STARTS -->
                        <div class="main-content">
                           <img class="img-fluid" src="assets/portfolio/consent.png" alt="E-Commerde - Darstellung Consent Tools" loading="lazy">
                        </div>
                        <!-- ITEM MAIN CONTENT ENDS -->
                        <!-- ITEM DETAILS STARTS -->
                        <div class="details">
                           <h4>E-Commerce</h4>
                           <div>
                              <ul>
                                 <li>
                                    <span>
                                    <i class="fa-regular fa-file-lines"></i> Projekt :
                                    </span>
                                    <span>Consent und Tracking</span>
                                 </li>

                                 <li> 
                                    <span><i class="fa-solid fa-code-branch"></i> Aufgabe :</span>
                                    <span>Optimierung GTM, Consent-Tool, Tracking</span>
                                 </li>
                                 <li>
                                    <span><i class="fa-regular fa-user"></i> Kunde :</span>
                                    <span>Diverse Kunden</span>
                                 </li>
                                 <li> 
                                     <span><i class="fa-solid fa-calendar"></i> Zeitraum :</span>
                                     <span>seit 04-2024</span>
                                  </li>
                              </ul>
                           </div>
                           </a>
                           
                        </div>
                        <!-- ITEM DETAILS ENDS -->
                     </div>
                     <!-- PORTFOLIO ITEM ENDS -->
                      <!-- PORTFOLIO ITEM STARTS -->
                     <div class="single-item swiper-slide">
                        <!-- ITEM MAIN CONTENT STARTS -->
                        <div class="main-content">
                           <img class="img-fluid" src="assets/portfolio/weclapp.png" alt="weclapp- Bild mit Zertifikaten" loading="lazy">
                        </div>
                        <!-- ITEM MAIN CONTENT ENDS -->
                        <!-- ITEM DETAILS STARTS -->
                        <div class="details">
                           <h4>weclapp</h4>
                           <div>
                              <ul>
                                 <li>
                                    <span>
                                    <i class="fa-regular fa-file-lines"></i> Projekt :
                                    </span>
                                    <span>Optimierung und Automatisierung weclapp</span>
                                 </li>

                                 <li> 
                                    <span><i class="fa-solid fa-code-branch"></i> Aufgabe :</span>
                                    <span>Support, Automatisierung, APIs</span>
                                 </li>
                                 <li>
                                    <span><i class="fa-regular fa-user"></i> Kunde :</span>
                                    <span>Diverse Kunden</span>
                                 </li>
                                 <li> 
                                     <span><i class="fa-solid fa-calendar"></i> Zeitraum :</span>
                                     <span>seit 5-2024</span>
                                  </li>
                              </ul>
                           </div>
                           </a>

                           <a href="weclapp.html" class="custom-btn">
                              <span>mehr <i class="fa-solid fa-arrow-up-right-from-square"></i></span>
                              </a>
                           
                        </div>
                        <!-- ITEM DETAILS ENDS -->
                     </div>
                     <!-- PORTFOLIO ITEM ENDS -->
                 </div>
                     <div class="nav-item next-item animated-btn"><span></span></div>
                     <div class="nav-item prev-item animated-btn"><span></span></div>
                  </div>
                  <img alt="" class="separator hide-mobile" src="assets/separator.png">
               </section>
               <!-- PORTFOLIO SECTION ENDS -->
               <img alt="" class="separator-mobile-down hide-desktop z-1" src="assets/separator-mobile-down.png">
                           <!-- TESTIMONIALS SECTION STARTS -->
                           <section class="testimonials">
                            <div class="testimonials-container flex-column-mobile">
                               <!-- TESTIMONIAL ITEM STARTS -->
                               <div class="quote-container animated-layer fade-in-right-animation fadeInUp wow">
                                  <div>
                                     <p>
                                        <span class="quote">
                                        "Ich arbeite seit 8 Jahren mit Simon Huck zusammen und schätze seine tiefgreifende Expertise im E-Commerce."
                                        </span>
                                        <span class="person">Ahmet Baydan - Head of Marketing/E-Commerce</span>
                                        <span class="job">Eurotops</span>
                                     </p>
                                     <img src="assets/clients/Ahmet_Baydan.jpg" alt="Ahmet Baydan Portrait" loading="lazy">
                                  </div>
                               </div>
                               <!-- TESTIMONIAL ITEM ENDS -->
                                <!-- TESTIMONIAL ITEM STARTS -->
                               <div class="quote-container animated-layer fade-in-right-animation fadeInUp wow">
                                <div>
                                   <p>
                                      <span class="quote">
                                      "In den letzten Jahren hat Simon Huck mit seinem außergewöhnlichen Fachwissen und seiner Professionalität maßgeblich zum Erfolg unserer gemeinsamen Projekte beigetragen – eine Zusammenarbeit, die durch Vertrauen, Qualität und ausgezeichnete Ergebnisse geprägt ist."
                                      </span>
                                      <span class="person">Christina Beriault - Teamleitung Marketing & E-Commerce</span>
                                      <span class="job">Hagen Grote</span>
                                   </p>
                                   <img src="assets/clients/Christina-Beriault.jpg" alt="Christina Beriault Portrait" loading="lazy">
                                </div>
                             </div>
                             <!-- TESTIMONIAL ITEM ENDS -->
                               <!-- TESTIMONIAL ITEM STARTS -->
                               <div class="quote-container animated-layer fade-in-right-animation fadeInUp wow">
                                  <div>
                                     <p>
                                        <span class="quote">
                                        " Simon Huck und sein Team unterstützen uns seit vielen Jahren bei unseren E-Commerce Plattformen. 
                                        Besonders schätze ich die tolle Reaktionszeit und schnelle Problemlösung."
                                        </span>
                                        <span class="person">Tina Severa - Leitung Digital</span>
                                        <span class="job">DIASHOP</span>
                                     </p>
                                     <img src="assets/clients/Tina_Severa_color.jpg" alt="Tina Severa Portrait" loading="lazy">
                                  </div>
                               </div>
                               <!-- TESTIMONIAL ITEM ENDS -->
                                <!-- TESTIMONIAL ITEM STARTS -->
                               <div class="quote-container animated-layer fade-in-right-animation fadeInUp wow">
                                <div>
                                   <p>
                                      <span class="quote">
                                      "Ich schätze an Simon Huck, als Berater, seine praxisnahen und pragmatischen Lösungsansätze. Und, dass er diese in der Regel auch direkt selbst umsetzen kann."
                                      </span>
                                      <span class="person">Peter Höschl - CEO</span>
                                      <span class="job">MNSTRY</span>
                                   </p>
                                   <img src="assets/clients/Peter_Hoeschl.jpg" alt="Peter Höschl Portrait" loading="lazy">
                                </div>
                             </div>
                             <!-- TESTIMONIAL ITEM ENDS -->
                            </div>
                            <img alt="" class="z-1 hide-mobile opposite-separator" src="assets/separator-opposite.png">
                         </section>
                         <!-- TESTIMONIALS SECTION ENDS -->
                         <img alt="" class="separator-mobile-up hide-desktop z-1" src="assets/separator-mobile-up.png">



               <!-- CONTACT SECTION STARTS -->
               <section class="contact main-section flex-column-mobile" id="contact">
                  <!-- TITLE STARTS -->
                  <div class="custom-title">
                     <!-- MAIN TITLE STARTS -->
                     <h3>
                        <span>
                        <span class="animated-layer fade-in-left-animation fadeInUp wow">
                        Get in touch
                        </span>
                        </span>
                     </h3>
                     <!-- MAIN TITLE ENDS -->
                  </div>
                  <!-- TITLE ENDS -->
                  <!-- CONTACTS STARTS -->
                  <div class="boxes">
                     <div>
                        <!-- CONTACT ITEM STARTS -->
                        <div class="animated-layer fade-in-down-animation fadeInUp wow">
                           <i class="fa fa-phone"></i>
                           <p> 
                              <span class="small-text">telefon</span>
                              +49 8171 482 90 17
                           </p>
                        </div>
                        <!-- CONTACT ITEM ENDS -->
                        <!-- CONTACT ITEM STARTS -->
                        
                        <div class="animated-layer fade-in-up-animation fadeInUp wow">
                            <i class="fa fa-calendar-check"></i>
                            <p> 
                            <span class="small-text">Anfrage</span>
                            <a href="kontakt.html">Kontaktformular</a>
                            </p>
                         </div>
                        <!-- CONTACT ITEM ENDS -->
                     </div>
                     <div>
                        <!-- CONTACT ITEM STARTS -->
                        <div class="animated-layer fade-in-down-animation fadeInUp wow">
                           <i class="fa fa-envelope"></i>
                           <p> 
                              <span class="small-text">E-Mail</span>
                              <a href="mailto:hello@simon-huck.de">hello@simon-huck.de</a>
                           </p>
                        </div>
                        <!-- CONTACT ITEM ENDS -->
                        <!-- CONTACT ITEM STARTS -->
                        <div class="animated-layer fade-in-up-animation fadeInUp wow">
                           <i class="fa fa-share-nodes"></i>
                           <p> 
                           <span class="small-text">follow me</span>
                           <a href="https://www.linkedin.com/in/simonhuck" target="_blank">LinkedIN</a>
                           </p>
                        </div>
                        <!-- CONTACT ITEM ENDS -->
                    </div>
                  </div>
                  <!-- CONTACTS ENDS -->
                  <img alt="" class="separator hide-mobile" src="assets/separator.png">
                </section>
                <!-- CONTACT SECTION ENDS -->
                <img alt="" class="separator-mobile-down hide-desktop z-1" src="assets/separator-mobile-down.png">
                   <!-- CLIENTS SECTION STARTS -->
               <section class="clients">
                <div class="clients-container animated-layer fade-in-right-animation fadeInUp wow">
                   <h3>
                      Kundenauszug
                   </h3>
                   <div class="swiper swiper-clients fadeInUp wow">
                      <div class="swiper-wrapper">
                         <!-- SWIPER ITEM STARTS -->
                         <div class="swiper-slide">
                            <div>
                               MNSTRY
                            </div>
                            <div>
                               Eurotops
                            </div>
                         </div>
                         <!-- SWIPER ITEM ENDS -->
                         <!-- SWIPER ITEM STARTS -->
                         <div class="swiper-slide">
                            <div>
                               das-buswerk.de (bwc GmbH)
                            </div>
                            <div>Hagen Grote GmbH
                            </div>
                         </div>
                         <!-- SWIPER ITEM ENDS -->
                          <!-- SWIPER ITEM STARTS -->
                         <div class="swiper-slide">
                            <div>
                               KNOLL Maschinenbau
                            </div>
                            <div>
                               Poljot24
                            </div>
                         </div>
                         <!-- SWIPER ITEM ENDS -->
                         <!-- SWIPER ITEM STARTS -->
                         <div class="swiper-slide">
                            <div>
                               Home Royal
                            </div>
                            <div>
                               Kasprick 
                            </div>
                         </div>
                         <!-- SWIPER ITEM ENDS -->
                         <!-- SWIPER ITEM STARTS -->
                         <div class="swiper-slide">
                            <div>
                               Evivamed
                            </div>
                            <div>
                               SpielundLern.de e.K.
                            </div>
                         </div>
                         <!-- SWIPER ITEM ENDS -->
                         
                         <!-- SWIPER ITEM STARTS -->
                         <div class="swiper-slide">
                            <div>
                                Storer Handels GmbH 
                            </div>
                            <div>
                               DIASHOP GmbH
                            </div>
                         </div>
                         <!-- SWIPER ITEM ENDS -->
                      </div>
                      <div class="swiper-pagination"></div>
                   </div>
                </div>
                <img alt="" class="z-1 hide-mobile opposite-separator" src="assets/separator-opposite.png">
             </section>
             <!-- CLIENTS SECTION ENDS -->


               <img alt="" class="separator-mobile-up hide-desktop z-1" src="assets/separator-mobile-up.png">
               <!-- BLOG SECTION STARTS -->
               <section class="blog main-section flex-column-mobile" id="blog">
                  <!-- TITLE STARTS -->
                  <div class="custom-title">
                     <!-- MAIN TITLE STARTS -->
                     <h3>
                        <span>
                        <span class="animated-layer fade-in-left-animation fadeInUp wow">
                        Rechtliches
                        </span>
                        </span>
                     </h3>

                     <!-- MAIN TITLE ENDS -->
                  </div>
                  <!-- TITLE ENDS -->
                  <!-- LATEST POSTS STARTS -->
                  <div class="latestposts flex-column-mobile">
                     <!-- POST ITEM STARTS -->
                     <div class="animated-layer fade-in-right-animation fadeInUp wow">
                        <a >
                           <span class="img-holder">
                           <img src="assets/img/impressum.jpg" alt="Impressum" loading="lazy">
                           </span>
                           <div class="content">
                              <span class="category">Impressum</span>
                              <p>
                                Simon Huck<br>
                                Karwendelstr. 14<br>
                                DE- 82538 Gelting<br>
                                +49 8171 482 90 17<br>
                                hello@simon-huck.de<br>
                                USTID: DE368233812<br>
                                Verantwortliche/r i.S.d. § 18 Abs. 2 MStV:<br>
                                 Simon Huck
                              </p>
      
                           </div>
                        </a>
                     </div>
                     <!-- POST ITEM ENDS -->
                      <!-- POST ITEM STARTS -->
                     <div class="animated-layer fade-in-right-animation fadeInUp wow">
                        <a href="datenschutz.html">
                           <span class="img-holder">
                           <img src="assets/img/datenschutz.jpg" alt="Datenschutz" loading="lazy">
                           </span>
                           <div class="content">
                              <span class="category">Datenschutz</span>
                              <p>
                                Sie finden hier die Datenschutzerklärung.
                              </p>
                           </div>
                        </a>
                     </div>
                     <!-- POST ITEM ENDS -->
                       <!-- POST ITEM STARTS -->
                     <div class="animated-layer fade-in-right-animation fadeInUp wow">
                        <a >
                           <span class="img-holder">
                           <img src="assets/img/bildnachweis.jpg" alt="Bildnachweis" loading="lazy">
                           </span>
                           <div class="content">
                              <span class="category">Bildnachweise</span>
                                <p>
                                  Die Bilder der Webseite mit Dank erhalten von:<br>
                                  Tina Severa, Ahmet Baydan, Peter Höschl, Christina Beriault<br>
                                </ul>
                                </p>
      
                           </div>
                        </a>
                     </div>
                     <!-- POST ITEM ENDS -->

                  </div>
                  <!-- LATEST POSTS ENDS -->
                  
               </section>
               <!-- BLOG SECTION ENDS -->
               <img alt="Copyright" class="hide-desktop z-1" src="assets/separator-copyright-mobile.png">
               <!-- COPYRIGHT SECTION STARTS -->
               <section class="copyright">
                  <img alt="Copyright" class="z-1 hide-mobile" src="assets/separator-copyright.png">
                  <div>
                     <span>&#169; 2024-2025 Simon Huck
                     </span>
                  </div>
                  
               </section>
               <!-- COPYRIGHT SECTION ENDS -->
            </main>
         </div>
         <!-- SCROLL BAR STARTS -->
         <div class="scroll-progress hide-mobile">
            <div>
               <div></div>
            </div>
         </div>
         <!-- SCROLL BAR ENDS -->
      </div>
      <!-- WRAPPER ENDS -->
      <script src="js/jquery-3.6.3.min.js"></script>
      <script src="js/jquery.mCustomScrollbar.min.js"></script>
      <script src="js/swiper-bundle.min.js"></script>
      <script src="js/wow.min.js"></script>
      <script src="js/custom.js"></script>
                     
      <script data-cookieconsent="ignore">    window.dataLayer = window.dataLayer || [];    function gtag() {        dataLayer.push(arguments);    }    gtag("consent", "default", {        ad_personalization: "denied",        ad_storage: "denied",        ad_user_data: "denied",        analytics_storage: "denied",        functionality_storage: "denied",        personalization_storage: "denied",        security_storage: "granted",        wait_for_update: 500,    });    gtag("set", "ads_data_redaction", true);    gtag("set", "url_passthrough", false);</script>
   
      <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="19c03193-d72b-4030-8785-4e7437815df6" data-blockingmode="auto" type="text/javascript" async>
         $.noConflict();
         </script>

       <script async src="https://www.googletagmanager.com/gtag/js?id=G-72LQYX5S0L">
         $.noConflict();
         </script>
       <script>
         $.noConflict();
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
         gtag('js', new Date());
       
         gtag('config', 'G-72LQYX5S0L');
         gtag('config', 'AW-17523896240');
       </script>

      <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/145327216.js"></script>
     
   </body>
</html>
