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

  <head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Corporate website of Medando UG">
    <meta name="author" content="Medando UG">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="theme-color" content="#eeeeee">

    <title>Medando</title>

    <!-- Bootstrap core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom fonts for this template -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
    <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">

    <!-- Plugin CSS -->
    <link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">

    <!-- Custom styles for this template -->
    <link href="css/freelancer.min.css" rel="stylesheet">

  </head>

  <body id="page-top">

    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg bg-secondary fixed-top" id="mainNav">
      <div class="container">
        <a class="navbar-brand js-scroll-trigger" href="#page-top">Medando</a>
        <button class="navbar-toggler navbar-toggler-right text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" style="font-size:20px">
          <i class="fa fa-bars"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item mx-0 mx-lg-1">
              <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#portfolio">Apps</a>
            </li>
            <li class="nav-item mx-0 mx-lg-1">
              <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about">About</a>
            </li>
            <li class="nav-item mx-0 mx-lg-1">
              <a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#privacy">Privacy</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- Header -->
    <header class="masthead text-white text-center">
      <div class="container">
        <img class="img-fluid mb-5 d-block mx-auto" src="img/profile.png" alt="">
        <h1 class="text-secondary mb-0">Medando</h1>
        <hr class="star-light">
        <h2 class="font-weight-light text-secondary mb-0">Health is vital. We build apps to help people to stay or become healthy.</h2>
      </div>
    </header>

    <!-- Portfolio Grid Section -->
    <section class="portfolio bg-primary" id="portfolio">
      <div class="container">
        <h2 class="text-center text-secondary mb-0">Apps</h2>
        <hr class="star-dark mb-5">
        <div class="row">
          <div class="col-md-6 col-lg-3">
            <a class="portfolio-item d-block mx-auto" href="#portfolio-modal-1">
              <div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
                <div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
                  <i class="fa fa-search-plus fa-1x"></i>
                </div>
              </div>
              <img class="img-fluid" src="img/portfolio/lc.png" alt="">
            </a>
          </div>
          <div class="col-md-6 col-lg-3">
            <a class="portfolio-item d-block mx-auto" href="#portfolio-modal-2">
              <div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
                <div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
                  <i class="fa fa-search-plus fa-1x"></i>
                </div>
              </div>
              <img class="img-fluid" src="img/portfolio/wc.png" alt="">
            </a>
          </div>
          <div class="col-md-6 col-lg-3">
            <a class="portfolio-item d-block mx-auto" href="#portfolio-modal-3">
              <div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
                <div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
                  <i class="fa fa-search-plus fa-1x"></i>
                </div>
              </div>
              <img class="img-fluid" src="img/portfolio/sc.png" alt="">
            </a>
          </div>
          <div class="col-md-6 col-lg-3">
            <a class="portfolio-item d-block mx-auto" href="#portfolio-modal-4">
              <div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
                <div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
                  <i class="fa fa-search-plus fa-1x"></i>
                </div>
              </div>
              <img class="img-fluid" src="img/portfolio/bpc.png" alt="">
            </a>
          </div>
        </div>
      </div>
    </section>

    <!-- About Section -->
    <section class="text-white mb-0" id="about">
      <div class="container">
        <h2 class="text-center text-secondary">About</h2>
        <hr class="star-light mb-5">
        <div class="row">
          <div class="col-lg-4 ml-auto">
            <p class="lead text-secondary">Medando is <a href="https://andreas-schreiber.net">Andreas Schreiber</a>, <a href="https://seider.berlin">Doreen Seider</a>, and <a href="https://baldo.dog">Baldo</a>.<br/><br/>Andreas had a stroke in 2009. He likes to have apps for recovering and to prevent it from happening again. Doreen likes to develop useful and appealing apps.</p>
          </div>
          <div class="col-lg-4 mr-auto">
            <p class="lead  text-secondary">We develop mobile apps for peventative and curative healthcare.<br/><br/>We design our apps for users: They have all necessary features, are intuitive, and create minimal effort at every day use.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- Privay Section -->
    <section class="text-white mb-0" id="privacy">
      <div class="container">
        <h2 class="text-center text-secondary">Privacy</h2>
        <hr class="star-light mb-5">
        <div class="row">
           <div class="col-lg-4 ml-auto">
            <p class="lead text-secondary">User data is only stored locally on the Android device in the storage that the Android OS assigns to the app.</p>
          </div>
          <div class="col-lg-4 mr-auto">
            <p class="lead  text-secondary">Users can export and backup their data to a location under their control.</p>
          </div>
        </div>
      </div>
    </section>

    <!-- Footer -->
    <footer class="footer text-center">
      <div class="container">
        <div class="row">
          <div class="col-md-4 mb-5 mb-lg-0">
            <p class="mb-0">Cologne, Germany<br/>post@medando.de</p>
          </div>
          <div class="col-md-4 mb-5 mb-lg-0">
            <ul class="list-inline mb-0">
              <li class="list-inline-item">
                <a class="btn btn-outline-light btn-social text-center rounded-circle" href="https://twitter.com/MedandoDE">
                  <i class="fa fa-fw fa-twitter"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a class="btn btn-outline-light btn-social text-center rounded-circle" href="https://www.linkedin.com/company/medando">
                  <i class="fa fa-fw fa-linkedin"></i>
                </a>
              </li>
              <li class="list-inline-item">
                <a class="btn btn-outline-light btn-social text-center rounded-circle" href="https://www.facebook.com/Medando">
                  <i class="fa fa-fw fa-facebook"></i>
                </a>
              </li>
            </ul>
          </div>
          <div class="col-md-4 mb-5 mb-lg-0">
            <p class="mb-0"><a class="portfolio-item imprint" href="#portfolio-modal-imprint">Imprint</a><br/>Copyright &copy; Medando 2024</p>
          </div>
        </div>
      </div>
    </footer>

    <!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
    <div class="scroll-to-top d-lg-none position-fixed ">
      <a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top">
        <i class="fa fa-chevron-up"></i>
      </a>
    </div>

    <!-- Portfolio Modals -->

    <!-- Portfolio Modal 1 -->
    <div class="portfolio-modal mfp-hide" id="portfolio-modal-1">
      <div class="portfolio-modal-dialog bg-white">
        <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
          <i class="fa fa-2x fa-window-close"></i>
        </a>
        <div class="container text-center">
          <div class="row">
            <div class="col-lg-8 mx-auto">
              <h2 class="text-secondary text-uppercase mb-0">Light Companion</h2>
              <hr class="star-dark mb-5">
              <img class="img-fluid mb-5" style="max-width: 60%;" src="img/portfolio/lc.png" alt="">
              <p class="mb-2">Light Companion gives you a sense for light intensity which influence our well-being. It displays the light intensity of your environment as an absolute number in Lux or Foot-candle.</p>
              <p class="mb-5"><a href="http://bit.ly/LichtBegleiter">Install Light Companion for Android</a></p>
              <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
                <i class="fa fa-close"></i>
                Close</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Portfolio Modal 2 -->
    <div class="portfolio-modal mfp-hide" id="portfolio-modal-2">
      <div class="portfolio-modal-dialog bg-white">
        <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
          <i class="fa fa-2x fa-window-close"></i>
        </a>
        <div class="container text-center">
          <div class="row">
            <div class="col-lg-8 mx-auto">
              <h2 class="text-secondary text-uppercase mb-0">Weight Companion</h2>
              <hr class="star-dark mb-5">
              <img class="img-fluid mb-5" style="max-width: 60%;" src="img/portfolio/wc.png" alt="">
              <p class="mb-2">Weight Companion allows you to enter, analyze, and share your body weight as well as your hip and waist circumferences without much effort.</p>
              <p class="mb-5"><a href="http://bit.ly/GewichtsBegleiter">Install Weight Companion for Android</a></p>
              <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
                <i class="fa fa-close"></i>
                Close</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Portfolio Modal 3 -->
    <div class="portfolio-modal mfp-hide" id="portfolio-modal-3">
      <div class="portfolio-modal-dialog bg-white">
        <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
          <i class="fa fa-2x fa-window-close"></i>
        </a>
        <div class="container text-center">
          <div class="row">
            <div class="col-lg-8 mx-auto">
              <h2 class="text-secondary text-uppercase mb-0">Speech Companion</h2>
              <hr class="star-dark mb-5">
              <img class="img-fluid mb-5"  style="max-width: 60%;" src="img/portfolio/sc.png" alt="">
              <p class="mb-2">Speech Companion helps you to improve your mouth and tongue motor skills with speech therapy exercises.</p>
              <p class="mb-5"><a href="http://bit.ly/speechcompanion">Install SpeechCompanion for Android</a></p>
              <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
                <i class="fa fa-close"></i>
                Close</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Portfolio Modal 4 -->
    <div class="portfolio-modal mfp-hide" id="portfolio-modal-4">
      <div class="portfolio-modal-dialog bg-white">
        <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
          <i class="fa fa-2x fa-window-close"></i>
        </a>
        <div class="container text-center">
          <div class="row">
            <div class="col-lg-8 mx-auto">
              <h2 class="text-secondary text-uppercase mb-0">Blood Pressure Companion</h2>
              <hr class="star-dark mb-5">
              <img class="img-fluid mb-5" style="max-width: 60%;" src="img/portfolio/bpc.png" alt="">
              <p class="mb-2">Blood Pressure Companion allows you to enter, analyze, and share your blood pressure measurements without much effort.</p>
              <p class="mb-5"><a href="http://bit.ly/BlutdruckBegleiter">Install Blood Pressure Companion for Android</a></p>
              <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
                <i class="fa fa-close"></i>
                Close</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Impressum Modal -->
    <div class="portfolio-modal mfp-hide" id="portfolio-modal-imprint">
      <div class="portfolio-modal-dialog bg-white">
        <a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
          <i class="fa fa-2x fa-window-close"></i>
        </a>
        <div class="container text-center">
          <div class="row">
            <div class="col-lg-8 mx-auto">
              <h2 class="text-secondary text-uppercase mb-0">Imprint</h2>
              <hr class="star-dark mb-5">
              <p class="mb-2">Responsible after §5 TMG:<br/><br/>Medando UG (haftungsbeschränkt)<br/>Krefelder Straße 20<br/>50670 Köln<br/><br/><u>Postal Address</u><br/>Postfach 13 02 05<br/>50496 Köln<br/><br/><u>Authorized representative:</u> Andreas Schreiber<br/><br/><u>Contact</u><br/>Phone: 0173-5231013 | E-Mail: info@medando.de<br/><br/><u>Commercial registration</u><br/>Court of registry: Amtsgericht Köln<br/> Register number: HRB 75978<br/><br/><u>German VAT identification number after §27 UStG:</u> DE278527275<br/><br/></p>
              <a class="btn btn-primary btn-lg rounded-pill portfolio-modal-dismiss" href="#">
                <i class="fa fa-close"></i>
                Close</a>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Bootstrap core JavaScript -->
    <script src="vendor/jquery/jquery.min.js"></script>
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
    <script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>

    <!-- Custom scripts for this template -->
    <script src="js/freelancer.min.js"></script>

  </body>

</html>
