downloads.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="generator" content="GitLab Pages">
  <title></title>
  <link rel="stylesheet" href="../assets/css/style.css">
  <link rel="stylesheet" href="../assets/css/mobile.css">
  <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="../assets/css/importet.css">

  <style>
    .cover {
      margin-top: 48px;
      display: flex
    }

    .cover img {
      width: 250px;
      object-fit: contain;
      margin-bottom: auto;
      box-shadow: 0 1px 4px -1px #00000069
    }

    .metadata {
      display: flex;
      flex-direction: column;
      margin-left: 1em
    }

    .title {
      flex-grow: 1;
      font-size: 2em;
      font-weight: 700
    }

    .metadata-item {
      display: flex;
      flex-direction: column;
      margin-top: 24px
    }

    .download-item {
      display: flex;
      margin-top: 24px
    }

    .metadata-name {
      border-bottom: 1px solid #cacaca;
      border-image: linear-gradient(to right, #cacaca, #ffffff00) 1;
      margin-bottom: 5px
    }

    .supervisors {
      display: flex;
      flex-direction: column
    }

    .button {
      background-color: #4caf50;
      border: none;
      color: #fff;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px
    }

    @media only screen and (max-width :450px) {
      .cover {
        flex-wrap: wrap
      }

      .cover img {
        width: 100%
      }
    }
  </style>

</head>

<body>
  <header id="header">
    <div class="row">
      <div class="logo" id="logo"></div>
      <div class="hamburger">
        <div class="line"></div>
        <div class="line"></div>
        <div class="line"></div>
      </div>
      <nav></nav>
    </div>
    <div id="projectlogo"></div>
    <div id="projectname"></div>
  </header>
  <a style="margin-left:50px; position: sticky;" target="_self" class="btn btn-sm btn btn-dark mt-1" href="index.html"
    target="_blank">
    <i class="fas fa-project-diagram" aria-hidden="true"></i> &#11164; Zurück zur Hauptseite</a>
  <div style="margin-top:-30px;" class="content">
    <h1>Download Links</h1>


    <p>
      Hier landen alle Download links für die einzelnen Projekte.
    </p><br>

    <h2>Downloads</h2>

    <div class="row">
      <div class="col-lg-4">
        <div class="card mb-4 shadow-sm extension overflow-auto">
          <h5>Download 1 <span class="content-subtitle text-muted">Partizipation?</span></h5>
          <img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
          <div class="card-body">
            <p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
              Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
                <i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a
                href="https://www.hft-stuttgart.de/p/sarah-lang" target="_blank"> Sarah Lang</a> <br><b>
                <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a
                class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/"
                target="_blank">
                <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a
                class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
                <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="card mb-4 shadow-sm extension overflow-auto">
          <h5>Mobilität <span class="content-subtitle text-muted"> iCity Project</span></h5>
          <img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
          <div class="card-body">
            <p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
              Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
                <i class="fas fa-user" aria-hidden="true"></i> Contact Person</b>: <a
                href="https://www.hft-stuttgart.de/p/tom-kwakman" target="_blank"> Tom Kwakman</a> <br><b>
                <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a
                class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/"
                target="_blank">
                <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a
                class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
                <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="card mb-4 shadow-sm extension overflow-auto">
          <h5>Energie <span class="content-subtitle text-muted"> iCity Project</span></h5>
          <img class="thumbimg" src="https://citydemonstrator.hft-stuttgart.de/assets/img/iCity_network_1.svg" alt="">
          <div class="card-body">
            <p class="card-text-lg small">Learn about Intelligent Cities with our City Demonstrator.
              Find out what makes our cities Liveable, Intelligent and Sustainable - the LIS city.<br><b>
                <i class="fas fa-user" aria-hidden="true"></i> Contact Persons</b>: <a
                href="https://www.hft-stuttgart.de/p/Keyu-bao" target="_blank"> Keyu Bao, </a><a
                href="https://www.hft-stuttgart.de/p/Eric-duminil" target="_blank"> Eric Duminil</a> <br><b>
                <i class="fas fa-star" aria-hidden="true"></i> Keywords</b>: Smart City, Participation, LIN Stadt<br><a
                class="btn btn-sm btn-outline-secondary mt-1" href="https://citydemonstrator.hft-stuttgart.de/"
                target="_blank">
                <i class="fas fa-search" aria-hidden="true"></i> Explore</a>&nbsp;&nbsp;&nbsp;<a
                class="btn btn-sm btn-outline-success mt-1" href="http://icity.hft-stuttgart.de/#/" target="_blank">
                <i class="fas fa-project-diagram" aria-hidden="true"></i> Project</a>&nbsp;&nbsp;&nbsp;</p>
          </div>
        </div>
      </div>
    </div>


  </div>

  <!-- <div class="footer"></div> -->
  <div class="legal"></div>

  <script src="../settings.js"> </script>
  <script src="../main.js"> </script>
  <script src="../assets/js/jquery-3.1.1.min.js"></script>
  <script src="../assets/js/bootstrap.min.js"></script>
  <!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.2/js/bootstrap-select.min.js"></script> -->
</body>

</html>