LiveLocker - Home

<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>LiveLocker - Home</title> <meta name="LiveLocker Onlineportal" content="Eine Plattform von Weiss+Appetito" /> <meta name="description" content="Your digital locker platform. Reserve or instantly book a locker using your mobile phone."> <meta name="keywords" content="locker, locker system, book a locker, reserve a locker, handover in locker, click & collect, collection from locker"> <meta name="author" content="Weiss+Appetito">  <link rel="stylesheet" type="text/css" href="/static/style/style.7345a3eb5fca.css" />  <link rel="stylesheet" type="text/css" href="/static/customerwebapp/style/materialBootstrapCustom.f57d12eebacb.css" /> <link rel="stylesheet" type="text/css" href="/static/customerwebapp/style/spacing.0f5cac020d47.css" /> <link rel="stylesheet" type="text/css" href="/static/customerwebapp/style/style.4a059347bdbc.css" />  <link rel="stylesheet" type="text/css" href="/static/style/googleapis_font.08c89d4f798c.css" />  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-material-design@4.1.3/dist/css/bootstrap-material-design.min.css" integrity="sha256-7W08WnUhcf0hU4KuP6vKXgPJ7LM2AViNeYnKtEeLIz4=" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />  <link rel="stylesheet" type="text/css" href="/static/cookielaw/css/cookielaw.5c82f57c91c2.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css" integrity="sha512-07I2e+7D8p6he1SIM+1twR5TIrhUQn9+I6yjqD53JQjFiMf8EtC93ty0/5vJTZGF8aAocvHYNEDJajGdNx1IsQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" type="text/css" href="/static/customerwebapp/style/index/start.3185cfe40e6a.css" /> <link rel="apple-touch-icon" sizes="57x57" href="/static/img/favicon/apple-icon-57x57.1629fbe41ae1.png"> <link rel="apple-touch-icon" sizes="60x60" href="/static/img/favicon/apple-icon-60x60.6d2255225569.png"> <link rel="apple-touch-icon" sizes="72x72" href="/static/img/favicon/apple-icon-72x72.96327a01f4b3.png"> <link rel="apple-touch-icon" sizes="76x76" href="/static/img/favicon/apple-icon-76x76.fee6d961f03b.png"> <link rel="apple-touch-icon" sizes="114x114" href="/static/img/favicon/apple-icon-114x114.6f1825fb9e6c.png"> <link rel="apple-touch-icon" sizes="120x120" href="/static/img/favicon/apple-icon-120x120.d16b588f48ee.png"> <link rel="apple-touch-icon" sizes="144x144" href="/static/img/favicon/apple-icon-144x144.5985a8c621fd.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static/img/favicon/apple-icon-152x152.a7a1daedc68b.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicon/apple-icon-180x180.6ce80124418e.png"> <link rel="icon" type="image/png" sizes="192x192" href="/static/img/favicon/android-icon-192x192.c273b58aacae.png"> <link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon/favicon-32x32.1933f8da673c.png"> <link rel="icon" type="image/png" sizes="96x96" href="/static/img/favicon/favicon-96x96.eec39836c912.png"> <link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon/favicon-16x16.f3bb7ed7b647.png"> <link rel="manifest" href="/static/img/favicon/manifest.b58fcfa7628c.json"> <meta name="msapplication-config" content="/static/img/favicon/browserconfig.653d077300a1.xml" /> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="/static/img/favicon/ms-icon-144x144.5985a8c621fd.png"> <meta name="theme-color" content="#ffffff"> </head> <body>  <nav class="navbar navbar-expand-lg navbar-light bgSurface navbar-fixed-top"> <a class="navbar-brand" href="/">  <img src="/static/img/Logo_LiveLocker.c5fc0501ad17.png" height="50" class="d-inline-block align-top logo-top" alt=""> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav mr-auto active-parent-class"> <li class="nav-item active "> <a class="nav-link" href="/">Homepage</a> </li> <li class="nav-item "> <a class="nav-link" href="/map/">Map</a> </li> <li class="nav-item "> <a class="nav-link" href="/faq/">FAQ</a> </li> <li class="nav-item "> <a class="nav-link" href="/imprint/">Imprint</a> </li> <li class="nav-item "> <a class="nav-link" href="/terms/">GTC</a> </li> <li class="nav-item "> <a class="nav-link" href="/privacy/">Privacy Policy</a> </li> </ul> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> en </a> <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> <form action="/accounts/set-language/" method="post"> <input type="hidden" name="csrfmiddlewaretoken" value="exPTEB0yzECFxJt3JvBfbAGNFnTR77Bnl1KmrDQPe3IbSTqKrxa2YsUVvGFrdpvj"> <input type="hidden" name="language" value="de" > <button type="submit" class="btn-language pl-4 w-100 py-2">German</button> </form> </div> </li> </ul> <div class="btn-group" role="group" aria-label="Basic example"> <button type="button" class="btn btn-raised btn-primary mr-1" id="btn_login" data-url="/accounts/login/" data-toggle="modal" data-target="#LoginRegModal"> Sign In </button> </div> </div> </nav> <div class="modal modal-not-close-outside-click remove-input-focus-when-scroll" tabindex="-1" id="CookieModal" role="dialog"> <div class="modal-dialog" role="document">  <div class="modal-content"> <div class="modal-header bgPrimary"> <h5 class="modal-title text-white">Cookies disclaimer</h5> </div> <div class="modal-body "> Our site saves small pieces of information (cookies) on your device only to deliver a smooth and functional system. We do not use cookies for analytics or advertisments and we do not share data with others. </div> <div class="modal-footer "> <button type="button" class="btn btn-raised btn-primary" id="CookieAccept">I agree</button> </div> </div> </div> </div>  <div class="container-fluid"> <div class="row"> <div class="col-12 p-0 w-100 home-background-image-div" style="margin-bottom: -6.3rem"> <img src="/static/customerwebapp/img/homepage-backgroud.367fcaad8d34.jpeg" class="img-fluid w-100 home-background-image" alt="Responsive image"> </div> </div> </div> <div class="container px-sm-1"> <div class="row m-lg-3"> <div class="col-12 col-sm-12 col-md-5"> <div class="row"> <div class="col-12 col-sm-5 col-md-12 my-1"> <div class="card"> <div class="card-body"> <h5 class="card-title">LiveLocker</h5> <h6 class="card-subtitle mb-2 text-muted">Digital, Innovative, Secure, Simple</h6> <p class="card-text"> Would you like to safely stow away your <strong>luggage</strong>? Then sign in, book a locker and enjoy your freedom. </p> </div> </div> </div> <div class="col-12 col-sm-7 col-md-12 my-1"> <div class="card "> <div class="card-body"> <h5 class="card-title">Getting started</h5> <h6 class="card-subtitle mb-2 text-muted">Three simple steps</h6> <p class="card-text"> <ul class="list-group list-group-flush"> <li class="list-group-item"> 1. Navigate to the map, decide whether you would like to reserve or book now and then select the desired lockersystem. </li> <li class="list-group-item"> 2. Select a free locker you want. </li> <li class="list-group-item"> 3. Confirm your booking/reservation on the checkout page. </li> </ul> </p> </div> </div> </div> </div> </div> <div class="col-12 col-sm-12 col-md-7"> <div class="card my-1"> <a href="/map/"> <div class="card-body"> <div class="col-12" id="map2" style="height: 40vh;"> </div> <div class="col-12 bgSurfaceTransparent text-center" id="mapoverlay"> <div class="px-sm-3" style="padding-top: 14vh"> <div class="card "> <div class="card-body"> <h6 class="card-subtitle text-muted">Click to start</h6> <button type="button" class="btn btn-raised btn-primary btn-sm">Search a locker</button> </div> </div> </div> </div> </div> </a> </div> <div class="col-12 mt-3"> <div class="container-fluid"> <div class="row"> <div class="col-6 "> <fieldset> <h6 class="card-subtitle text-muted">Follow us</h6> <a target="_blank" class="btn btn-secondary bmd-btn-icon" href="https://www.linkedin.com/showcase/live-locker" title="LinkedIn" rel="noopener"> <i class="fab fa-linkedin social-icons-custom"></i> </a> <a target="_blank" class="btn btn-secondary bmd-btn-icon" href="https://www.instagram.com/we.digitize_" title="Instagram" rel="noopener"> <i class="fab fa-instagram social-icons-custom"></i> </a> </fieldset> </div> </div> </div> </div> </div> </div> </div> <div class="modal remove-input-focus-when-scroll" tabindex="-1" id="common-modal" role="dialog"> <div class="modal-dialog" role="document">  <div class="modal-content"> </div> </div> </div> <div class="modal modal-not-close-outside-click remove-input-focus-when-scroll" tabindex="-1" id="please-wait-modal-content" role="dialog"> <div class="modal-dialog" role="document">  <div class="modal-content"> <div class="modal-header bgPrimary"> <h5 class="modal-title text-white">Please wait...</h5> </div> <div class="modal-body "> <div class="d-flex justify-content-center w-100 h-100px loader-division"> <div class="ajax-load-git"> </div> </div> </div> </div> </div> </div> <div class="modal remove-input-focus-when-scroll" tabindex="-1" id="logged-some-where-else" role="dialog"> <div class="modal-dialog" role="document">  <div class="modal-content"> <div class="modal-header bgPrimary"> <h5 class="modal-title text-white">Refresh needed</h5> <button type="button" class="close close-button popup-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body "> <p class="lead"> You logged in on a different tab. The page will refresh in 5 seconds... </p> </div> </div> </div> </div> <div class="modal remove-input-focus-when-scroll" tabindex="-1" id="unexpected_error_modal_div" role="dialog"> <div class="modal-dialog" role="document">  <div class="modal-content"> <div class="modal-header bgPrimary"> <h5 class="modal-title text-white">Error!</h5> <button type="button" class="close close-button popup-close-button" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body "> <p class="lead mt-3">Something went wrong</p> <p class="text-secondary"> An unexpected error occured. Please refresh the page and try again. </p> </div> </div> </div> </div> <div class="modal remove-input-focus-when-scroll" tabindex="-1" id="LoginRegModal" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> </div> </div> </div> <script> let next = false; </script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script type="text/javascript" src="/jsi18n/"></script> <script type="text/javascript" src="/static/js/navbar.8e0a19703aec.js" ></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/snackbarjs/1.1.0/snackbar.min.js" integrity="sha512-Knad2JJvcddGNKm03ySDgeTKXQfBjH0XPrFqUyzM0BuJhKkVfLzoOK5Ii9jsLmbZTXM8YNqn42suHyIEbQXboQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha512-5WvZa4N7Jq3TVNCp4rjcBMlc6pT3lZ7gVxjtI6IkKW+uItSa+rFgtFljvZnCxQGj8SUX5DHraKE6Mn/4smK1Cg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap-material-design@4.1.3/dist/js/bootstrap-material-design.min.js" integrity="sha256-jWrnHQrkwGT/+cWSN3z+x0nnf53P7yLfoZ3H83X4J2U=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/arrive/2.4.1/arrive.min.js" integrity="sha512-wkU3qYWjenbM+t2cmvw2ADRRh4opbOYBjkhrPGHV7M6dcE/TR0oKpoDkWXfUs3HrulI2JFuTQyqPLRih1V54EQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script>$(document).ready(function() { $('body').bootstrapMaterialDesign(); });</script> <script type="text/javascript" src="/static/cookielaw/js/cookielaw.6fe3d95f94b3.js"></script> <script type="text/javascript" src="/static/customerwebapp/js/base.74a016f881a2.js"></script> <script type="text/javascript" src="/static/customerwebapp/js/action_request.e668d4eb85cf.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js" integrity="sha512-A7vV8IFfih/D732iSSKi20u/ooOfj/AGehOKq0f4vLT1Zr2Y+RX7C+w8A1gaSasGtRUZpF/NZgzSAu4/Gc41Lg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script type="text/javascript" src="/static/customerwebapp/js/index/startMap.220b67b91ad4.js"></script> </body> </html>

CINXE.COM

LiveLocker - Home