index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="generator" content="GitLab Pages">
    <title>Home</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">
  </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" >
          <img src="https://www.ewi.uni-koeln.de/cms/wp-content/themes/neothink-ewi-2020/css/img/logo-en.svg" class="hftlogo" width="300px" >
        </div>
      </div>
    </header>
    <div class="px-4 pt-5 my-5 text-center border-bottom">
      <h1 class="display-4 fw-bold">EnSysLE Dashboard</h1>
      <div class="col-lg-6 mx-auto">
        <p class="lead mb-4">The application visualizes the simulation of energy supply scenarios in exemplary counties as well as of the electricity and heat system at the federal level in order to derive an assessment of selected forms of market organisation and regulation.</p>
        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mb-5">
          <a href="Ilm-Kreis/index.html" type="button" class="btn btn-outline-secondary btn px-4">Ilm Kries</a>
          <a href="Dithmarschen/index.html" type="button" class="btn btn-outline-secondary btn px-4">Dithmarschen</a>
          <!-- <a href="" type="button" class="btn btn-outline-secondary btn px-4">Cologne</a> -->
          <a href="Ludwigsburg/index.html" type="button" class="btn btn-outline-secondary btn px-4">Ludwigsburg</a>
        </div>
      </div>
      <div class="overflow-hidden" style="max-height: 30vh;">
        <div class="container px-5">
          <img src="img/2.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>
      EnSys-Le is the joint project between HFT Stuttgart with EWI Köln analyses local energy markets as a link
      between regional and central energy system transformation. The sub-project of the HFT Stuttgart is
      concerned with the model-based analysis of regional power generation systems based on the simulation
      platform SimStadt. EnSys-LE addresses the question of how local and national energy systems behave
      in relation to each other. For four representative districts in Germany, the potential for renewable
      energies is investigated and how it compares to the national targets for renewable energies.
      <a href="https://www.hft-stuttgart.com/research/projects/current/ensys-le">Read more ...</a>

      <div id="guide" style="display: none;">
        <h3 class="mt-4 mb-2">EnSysLE Dashboard Guide</h3>
        <img src="img/guide.jpg" alt="" class="img-fluid border rounded-3 shadow-lg mb-4" width="700">
      </div>

      <h3 class="mt-4 mb-2">Our Analysis Model</h3>
        <li><a href="https://insel.eu/en/home_en.html">INSEL</a></li>
        <li><a href="https://simstadt.hft-stuttgart.de/">SimStadt</a></li>
        <li><a href="https://re.jrc.ec.europa.eu/pvg_tools/en/tools.html">PV GIS</a></li>

      <!-- <img src="img/workflow.png" alt="" class="img-fluid border rounded-3 shadow-lg mb-4" width="700"> -->


    </div>
    <div class="content" style="display:none">
        <h1 id='projectname' ></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen-->
        <h1>EnSysLE</h1>
        <h2>Application Viewer</h2>
    </div>

    <footer class="footer mt-auto py-3">
      <div class="container d-flex justify-content-between">
        <img src='https://transfer.hft-stuttgart.de/img/footer/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.png' alt='Innovative Hochschule' style='height:90px'/>
        <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>
  <!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->  
  <script src="settings.js"> </script>
  </body>
</html>