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

<head>
    <meta charset="UTF-8">
    <meta name="google-site-verification" content="Rgb4rTO_XGF44y-XXsDn1fmvT5OJ37V-mhbcx5P8Eok" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE11" />
    <meta name="description" content="transform your creative retail processes into fully
digitalised, intuitive and rapid workflows | digital business solutions | digital services |
postproduction services | digitalisation | automation | innovation">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/styles_desktop.css">
    <link rel="stylesheet" href="./css/styles_mobile1000px.css">
    <link rel="stylesheet" href="./css/styles_mobile894px.css">
    <link rel="icon" type="image/png" href="./img/icons/favicon.png" />
    <title>UNDERDOCK: join the retail revolution.</title>
    <script src="./js/main.js" defer></script>
    <script src="./js/send_mail.js" defer></script>
    <!-- external -->
    <script src="./splide/js/splide.min.js" defer></script>
    <link rel="stylesheet" href="./splide/css/splide.min.css">

</head>
<style>
    /* Wahl des Backgrounds */
    .root__background{background: url(./img/backgrounds/background-home-desktop.jpg) top center no-repeat}    /* Ende Wahl des Backgrounds */

    #splide01 .slide__footer span {
        position: absolute;
        bottom: -40px;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 15px);
    }

    .splide__footer__p--less-height {
        color: #DBE2FC;
    }
</style>

<body>
    <div class="root root__background">
        <!-- einbinden des overlays für die navigation -->
        
<div class="navigation-overlay">
    <div class="header">
        <div class="header--left-aligned--mobile">
            <img src="./img/corporate/underdock-logo.png" alt="Underdock" class="corporate-logo">
        </div>
        <div class="header--right-aligned--mobile">
            <div class="burger-container active" onclick="closeModal(this)">
                <div class="bar1"></div>
                <div class="bar2"></div>
                <div class="bar3"></div>
            </div>
        </div>
        <div class="navigation-links__wrapper--mobile">
            <ul>
                <li class="navigation-li--active" onclick="window.location.href='./index.php'">Home</li>
                <li class="" onclick="window.location.href='./business.php'">Business Services</li>
                <li class="" onclick="window.location.href='./about.php?route=c'">About</li>
                <li class="" onclick="window.location.href='./legal.php'">Privacy/Legal</li>
            </ul>
        </div>
    </div>
</div>        <!-- div mit vorgegebener Breite, immer zentriert -->
        <div class="center">
            <!-- ------------------------------------------------------------------------ -->
            <!-- zentrierter div im oberen div mit vorgegebener Breite -->
            <div class="center--centered">
                <div class="header">
                    <!-- einbinden der Header -->
                    <div class="header--left-aligned--desktop" onclick="window.location.href='./index.php'">
    <img src="./img/corporate/underdock-logo.png" alt="Underdock" class="corporate-logo">
</div>
<div class="header--center-aligned--desktop">
    <div class="navigation-links__wrapper--desktop">
        <ul>
            <li class="navigation-li--active" onclick="window.location.href='./index.php'">Home</li>
            <li class="" onclick="window.location.href='./business.php'">Business Services</li>
            <li class="" onclick="window.location.href='./about.php?route=c'">About</li>
        </ul>
    </div>
</div>
<div class="header--right-aligned--desktop">
    <div class='free-demo-btn'>Contact us</div>
</div>                    <div class="header--left-aligned--mobile">
    <img src="./img/corporate/underdock-logo.png" alt="Underdock" class="corporate-logo">
</div>
<div class="header--right-aligned--mobile">
    <div class='free-demo-btn'>Contact us</div>    <div class="burger-container" onclick="openModal(this)">
        <div class="bar1"></div>
        <div class="bar2"></div>
        <div class="bar3"></div>
    </div>
</div>                </div>
            </div>

            <!-- -------------Ausgabe der HTML Elemente aus der Datenbank---------------- -->

            <div class="center--centered">
                <!-- Slogan -->
                <div class="content content__slogan">
                    <div class="greeting-slogan">
			<span>Join the <br>retail revolution.</span>
                    </div>
                </div>
            </div><div class="center--centered">
                <!-- Erster Text -->
                <div class="content content__text">
                    <div class="text-box">
			<span>Transform your creative retail processes into fully digitalised, intuitive and rapid workflows.</span>
                    </div>
                </div>
            </div><div class="splide">
                <div class="splide__track">
                    <ul class="splide__list">	

		 <!-- Erste Folie -->
                        <li class="splide__slide splide--purple">
                            <!-- Header -->
                            <div class="slide__header">
				<span>escape rigid workflows</span>
                            </div>
                            <!-- Body -->
                            <div class="slide__body">
                                <img class="slide_body__img" src="./img/illustrations/illu_workflows.svg" alt="Workflow">
                            </div>
                            <!-- Footer -->
                            <div class="slide__footer">
				<span>&#8220;Our process can be so complex, I wish it could be automated with fast, easy processes.&#8220;</span>
                            </div>
                        </li>



                        <!-- Zweite Folie -->
                        <li class="splide__slide splide--purple">
                            <!-- Header -->
                            <div class="slide__header">
				<span>Accelerate stakeholder communication</span>
                            </div>
                            <!-- Body -->
                            <div class="slide__body">
                                <img class="slide_body__img" src="./img/illustrations/illu_communication.svg" alt="Communication">
                            </div>
                            <!-- Footer -->
                            <div class="slide__footer">
				<span>&#8220;I need to create and finalise a report for my director, but I am missing data. I wish this was easier.&#8220;</span>
                            </div>
                        </li>

					

	                        <!-- Dritte Folie -->
                        <li class="splide__slide splide--purple">
                            <!-- Header -->
                            <div class="slide__header">
				<span>IMPROVE PROJECT SUSTAINABILITY</span>
                            </div>
                            <!-- Body -->
                            <div class="slide__body">
                                <img class="slide_body__img" src="./img/illustrations/illu_sustainability.svg" alt="Sustainability">
                            </div>
                            <!-- Footer -->
                            <div class="slide__footer">
				<span>&#8220;Each season we have about 20% of waste due to supplier limitations and incorrect data. How can we be more green?&#8220;</span>
                            </div>
                        </li>

                       <!-- Vierte Folie -->
                        <li class="splide__slide splide--purple">
                            <!-- Header -->
                            <div class="slide__header">
				                <span>RESOLVE OVERHEAD AND COMPLAINT COSTS</span>
                            </div>
                            <!-- Body -->
                            <div class="slide__body">
                                <img class="slide_body__img" src="./img/illustrations/complaint_costs.svg" alt="Sustainability">
                            </div>
                            <!-- Footer -->
                            <div class="slide__footer">
			                	<span>&#8220;I had to postpone the project, huge delays took much longer than expected. I need to re-do most of the project.&#8220;</span>
                            </div>
                        </li>


                          <!-- F�nfte Folie -->
                          <li class="splide__slide splide--purple">
                            <!-- Header -->
                            <div class="slide__header">
				                <span>DIGITALISE 
DIGITAL SIGNAGE</span>
                            </div>
                            <!-- Body -->
                            <div class="slide__body">
                                <img class="slide_body__img" src="./img/illustrations/digital_signage.svg" alt="Sustainability">
                            </div>
                            <!-- Footer -->
                            <div class="slide__footer">
			                	<span>&#8220;I waste so much time coordinating between different suppliers and platforms for digital signage. 
<br>
One workflow?&#8220;</span>
                            </div>
                        </li>

                              <!-- Sechste Folie -->
                              <li class="splide__slide splide--purple">
                                <!-- Header -->
                                <div class="slide__header">
                                    <span>SPEED-UP ROLL-OUT PHASES</span>
                                </div>
                                <!-- Body -->
                                <div class="slide__body">
                                    <img class="slide_body__img" src="./img/illustrations/rollout.svg" alt="Sustainability">
                                </div>
                                <!-- Footer -->
                                <div class="slide__footer">
                                    <span>&#8220;I need to find the excel from the last project, so I can adapt it to the new one. All my files are a mess, I cant find it anywhere.&#8220;</span>
                                </div>
                            </li>


	

                    </ul>
                </div>
            </div><div class="center--centered">
                <div class="content content__text">
                    <div class="text-box text-box--less-margin">
                       <span> Our expertise in creativity driven retail processes bases on unique knowledge and understanding to solve complex retail needs.</span>
                    </div>
                </div>

                <div class="content content__text">
                    <div class="text-box text-box__minor-text--purple">
			<span>Underdock understands</span>
                    </div>
                </div>
            </div><div class="company-wrapper">
                <div class="company-wrapper__header"><span>40 YEARS RETAIL EXPERIENCE</span></div>
                <div class="company-wrapper__body">
		   <div class="company-name">
                        <img src="./img/companies/boss.png" alt="logo">
                    </div>
                    <div class="company-name">
                        <img src="./img/companies/ck.png" alt="logo">
                    </div>
                    <div class="company-name">
                        <img src="./img/companies/tommy.png" alt="logo">
                    </div>
                    <div class="company-name">
                        <img src="./img/companies/puma.png" alt="logo">
                    </div>
                    <div class="company-name">
                        <img src="./img/companies/soliver.png" alt="logo">
                    </div>
                    <div class="company-name">
                        <img src="./img/companies/beldona.png" alt="logo">
                    </div>
                </div>
                <div class="company-wrapper__footer">
                    <button class="default-btn default-btn--extra-width default default-btn--active" onclick="openLocation('business')"><span>See business services</span></button>
                </div>
            </div><!-- Bild Wrapper mit angeh�ngtem Video im mp4 format -->
            <div class="center--centered">
                <div class="content__gif">
			 <video width="100%" height="100%" autoplay loop muted playsinline>
				  <source src="./img/videos/WebsiteHomeTop.mp4" type="video/mp4">
				Your browser does not support the video tag.
			</video> 
                </div>
            </div><div class="content content__text">
                <div class="text-box text-box__minor-text--white">
		<span>Check out our Killer KPI's</span>
                </div>
            </div><div class="splide">
                <div class="splide__track">
                    <ul class="splide__list">
		<!-- Erste Folie -->
                        <li class="splide__slide splide--blue">
                            <!-- Header -->
                            <div class="slide__header">
                            </div>
                            <!-- Body -->
                            <div class="slide__body">
                                <img class="slide_body__img-kpi" src="./img/illustrations/Footprint_Dog.png" alt="Footprint_Dog">
                               
                            </div>
                            <!-- Footer -->
                            <div class="slide__footer slide__footer-small">
				<span>Decrease your <br> cost footprint</span>
                                <br>
				<span><p class="splide__footer__p--less-height">2020 average communication projects after DASHDOCK retailOS implementation</p></span>
                            </div>
                        </li>

                        <!-- Zweite Folie -->
                        <li class="splide__slide splide--blue">
                            <!-- Header -->
                            <div class="slide__header">
                            </div>
                            <!-- Body -->
                            <div class="slide__body">
                                <img class="slide_body__img-kpi" src="./img/illustrations/Hourglass.png" alt="Hourglass">
                            </div>
                            <!-- Footer -->
                            <div class="slide__footer slide__footer-small">
                                Improve your turnaround time and efficiency				<span><p class="splide__footer__p--less-height">2020 average communication projects after DASHDOCK retailOS implementation</p></span>
                            </div>
                        </li>

                        <!-- Dritte Folie -->
                        <li class="splide__slide splide--blue">
                            <!-- Header -->
                            <div class="slide__header">
                            </div>
                            <!-- Body -->
                            <div class="slide__body">
                                <img class="slide_body__img-kpi" src="./img/illustrations/Windmill.png" alt="Windmill">
                            </div>
                            <!-- Footer -->
                            <div class="slide__footer slide__footer-small">
                                Cut your order waste, <br> boost sustainability
				<span><p class="splide__footer__p--less-height">2020 average communication projects after DASHDOCK retailOS implementation</p></span>
                            </div>
                        </li>
			<!-- Vierte Folie -->
                        <li class="splide__slide splide--blue">
                            <!-- Header -->
                            <div class="slide__header">
                            </div>
                            <!-- Body -->
                            <div class="slide__body">
                                <img class="slide_body__img-kpi" src="./img/illustrations/smiley_complaints.png" alt="Smiley">
                                
                            </div>
                            <!-- Footer -->
                            <div class="slide__footer slide__footer-small">
				<span>Dramatically lower
your complaints rate</span>
                                <br>
				<span><p class="splide__footer__p--less-height">2020 average communication projects after DASHDOCK retailOS implementation</p></span>
                            </div>
                        </li>

   			<!-- F�nfte Folie -->
                        <li class="splide__slide splide--blue">
                            <!-- Header -->
                            <div class="slide__header">
                            </div>
                            <!-- Body -->
                            <div class="slide__body">
                                <img class="slide_body__img-kpi" src="./img/illustrations/magician.png" alt="Magician">
                            </div>
                            <!-- Footer -->
                            <div class="slide__footer slide__footer-small">
				<span>Boost your <br>
team capacities</span>
                                <br>
				<span><p class="splide__footer__p--less-height">2020 average communication projects after DASHDOCK retailOS implementation</p></span>
                            </div>
                        </li>

			
                      </ul>
                </div>
            </div><div class="corporate-short-cards__container">
		<div class="full-width__center">
                <div class="corporate-short-cards__main-header">
		            <span>Best in field retail os</span>
                </div>
                <div class="corporate-short-cards__introduce-header">
	            	<span>Introducing Dashdock.</span>
                </div>
<!--
                <div class="corporate-short-cards__video">
                    <img src="./img/misc/video_placeholder.png" alt="Video">
                </div>
-->
                <div class="corporate-short-cards__cards-header">
	            	<span>Our retail OS &ldquo;Dashdock&rdquo; leads the industry 
with silo-breaking data insights, 
time saving infrastructure and user-friendly design.</span>
                </div>
                <div class="corporate-short-cards__wrapper">
                    <div class="corporate-short-cards">
                        <img src="./img/illustrations/Heart_Aim.svg" alt="">
                        <span class="corporate-short-cards-span">					
                            <span>One-stop solution</span>
                        </span>
                        <p><span>Highly accessible and intuitive design built by employees, for employees. Complex SAP structures made simple using data driven AI for intuitive design and user access. </span></p>
                    </div>
                    <div class="corporate-short-cards">
                        <img src="./img/illustrations/Spider.svg" alt="">
                        <span class="corporate-short-cards-span">					
                          <span>Decentralised approach</span>
                        </span>
                        <p><span>Sharing responsibility between HQ and creative teams, allowing freedom and leader-ship to co-exist! Share the success and be part of a united, forward thinking team. </span></p>
                    </div>
                    <div class="corporate-short-cards">
                        <img src="./img/illustrations/Bunny_Hat.svg" alt="">
                        <span class="corporate-short-cards-span">					
                            <span>Retail transformation</span>
                        </span>
                        <p><span>A digitalised and decentralised approach provides retailers with a turnaround acceleration of up to 300%. </span></p>
                    </div>
                    <div class="corporate-short-cards short-cards-span--less-margin">
                        <img src="./img/illustrations/Shape.svg" alt="">
                        <span class="corporate-short-cards-span ">					
                            <span>Interactive open platform</span>
                        </span>
                        <p><span>Experience an engaging online experience, laying the foundations for a robust metaverse retail space.</span></p>
                    </div>
                </div>
            </div>
</div>
            <!-- ------------------------------------------------------------------------ -->


            <div id="contact" class="contact-container">
    <div class="contact-container__header">Want to discover more? Get in touch…</div>
    <div class="contact-container__input-wrapper">
        <input class="send-email-inp" placeholder="I need help with…" type="text">
        <input class="send-email-inp" placeholder="First Name" type="text">
        <input class="send-email-inp" placeholder="Your company email…" type="text">
        <!-- <select class="send-email-inp--select">
            <option value="0" disabled selected>Further Requests...</option>
            <option value="1">Book a Demo</option>
            <option value="2">Discover Case studies</option>
        </select> -->
        <div class="validation-response-text"></div>
        <button type="button" class="send-email-btn default-btn">Send</button>
        <p>We care about protecting your data.
        <p class="privacy-policy-link--fat">
            Here‘s our privacy policy.
        </p>
        </p>
    </div>
</div>
            <div class="footer__container">
    <div class="footer__left-content">
        <img src="img/corporate/underdock-logo.png" alt="Logo" class="corporate-logo">
        <br>
        <br>
        <span class="footer__left-content__slogan">Intelligence and solutions</span>
        <div>

        </div>
        <p class="footer__container__copyright">&copy; Copyright 2022 <br> Underdock GmbH & Co. KG <br>
            All rights reserved.</p>
    </div>
    <div class="footer__center-content">
        <p onclick="window.location.href='./index.php'" class="footer__center-content__link-header">Company</p>
        <p onclick="window.location.href='./about.php?route=c'">About</p>
        <p onclick="window.location.href='./business.php'">Business services</p>
    </div>
    <div class="footer__right-content">
        <p onclick="window.location.href='./legal.php'" class="footer__center-content__link-header">Legal</p>
        <p onclick="window.location.href='./legal.php#privacy'">Privacy policy</p>
        <img src="img/icons/linked_in.svg" alt="" class="linked-in-icon" onclick="redirectToExternalURL(`www.linkedin.com/company/underdock-net`)">
    </div>
</div>

        </div>
    </div>
</body>

</html>