index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="GitLab Pages">
    <title>IQG4iCity</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">IQG4iCity</h1>
      <h2 class="text-muted">Digitization of Heating Networks for AI-based Operational Optimization</h2>
      <div class="col-lg-6 mx-auto">
        <p class="lead mb-4">
          <br><br>
          Digitization of heating networks can reduce the increased heat losses in particularly networks causing by inefficient operation, low spread between supply and return, high power consumption of network pumps.
        </p>
        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
          <a href="application/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="application/img/demo1.jpg" class="img-fluid border rounded-3 shadow-lg mb-4" alt="Example image" width="700" height="500" loading="lazy">
        </div>
      </div>
    </div>
    <div class="container mt-4 mb-2">
      <h3>About Us</h3>
      Climate change will continue to affect well-being and public health in cities through high pollution and noise emissions. Significant amounts of energy are wasted through building envelopes and heat networks. Facades also contribute to the uncontrolled distribution and absorption of noise emissions. In the context of further digitalization of urban life, new future information networks, and densification of urban areas, additional requirements for cities are emerging.
      <a href="https://www.hft-stuttgart.com/research/projects/current/icity-2-iqg4icity-project">Read more ...</a>
      <div class="text-center">
        <img src='application/img/iCity_Banner_Logos.webp' alt='Innovative Hochschule' style='height:180px'/>
      </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>