index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="GitLab Pages">
    <title>Urban Data Platform</title>
    <!-- <link rel="stylesheet" href="style.css"> -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="shortcut icon" href="favicon.ico" />

  </head>
  <body>
    <div id="topbar" style="display: none;">
        <div id="menu" class="navbar"></div>
    </div>
    <header>
      <div class="navbar navbar-light shadow-sm" style="background-color: #ffffff;">
        <div class="container d-flex justify-content-between">
          <img src="https://www.hft-stuttgart.de/typo3conf/ext/hft_sitepackage/Resources/Public/img/hft_logo_footer.svg" class="hftlogo" width="100px" >
        </div>
      </div>
    </header>
    <div class="px-4 pt-5 my-5 text-center border-bottom">
      <h1 class="display-4 fw-bold">Urban Data Platform</h1>
      <h2 class="text-muted">Prototype Application of the Project ICT4iCity</h2>
      <div class="col-lg-6 mx-auto">
        <p class="lead mb-4">
          <br><br>
          Urban data ranges from geospatial data for environment and construction to geometry data of buildings and information from the Internet of Things. How can a city's heterogeneous data sets be made available in a uniform manner via open interfaces and standards? Previous communication networks for data transmission are currently being expanded by new radio technologies such as 5G. What potential do these technologies have for use in buildings and cities? The increasing volume of data also requires automated processing to make the data valuable. How can new methods such as deep learning contribute to this? Finally yet importantly, how can data collected in the city and its buildings contribute to a better use of public resources, for example via new services for citizens?
        </p>
        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
          <a href="dashboard/index.html" type="button" class="btn btn-outline-secondary btn px-4">To the Application</a>
        </div>
      </div>
      <div class="overflow-hidden" style="max-height: 30vh;">
        <div class="container px-5">
          <img src="img/iCity2.webp" class="img-fluid border rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy">
        </div>
      </div>
    </div>

    <footer class="footer mt-auto py-3">
      <div class="container d-flex justify-content-between">
        <div class="mb-3 text-secondary">
          <p class="fs-sm mb-0"><span class="opacity-50 me-1">© All rights reserved. 2022 HFT Stuttgart <br>
          Contact Person: </span><a href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich" target="_blank">Joe Thunyathep S.</a></p>
        </div>
      </div>
    </footer>
  </body>
</html>