musi.html

<!doctype html>
<html lang="en" class="h-100">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <title>iCity - MUSI</title>

    <link rel="canonical" href="https://getbootstrap.com/docs/4.3/examples/sticky-footer/">
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>
    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="musi/homepage.css">
  </head>
  <body class="d-flex flex-column h-100">
    <!-- Begin page content -->
    <main role="main" class="flex-shrink-0">
      <div class="container">
        <div>
          <a href="https://www.hft-stuttgart.de/" target="_blank">
            <img src="musi/hft_logo.jpg" style="height: 13%; width: 13%; float: right;" />
          </a>
          <img src="musi/logo.png" style="height: 15%; width: 15%; float: left;" />
          <h1 class="mt-5">&nbsp;MUSI</h1>
        </div>
        <p class="lead" align="justify"><strong>M</strong>ulti-scale <strong>U</strong>rban <strong>S</strong>cenario <strong>I</strong>nterface offers the framework of i_city as a web-based,
          scalable software system for energy planning which allows both economic and energy analyzes for
          rehabilitation and energy efficiency measures. MUSI is based on a 3D city model from individual
          buildings to entire cities. MUSI addresses three of the six fields of action defined in the i_city project,
          supporting the most important drivers and challenges for the urban area: sustainable urban development
          and energetic neighborhood concepts, information platform and urban simulation systems and financing and acceptance.
          <em><small><a href="https://www.hft-stuttgart.de/forschung/projekte/aktuell/icity-musi" target="_blank">[Reference]</a></small></em></p>
        <!-- p>Use <a href="/docs/4.3/examples/sticky-footer-navbar/">the sticky footer with a fixed navbar</a> if need be, too.</p -->
        <hr />
        <h3>Demo Web-application</h3>
        <p><a href="http://icity.hft-stuttgart.de/musi/index.html" target="_blank">http://icity.hft-stuttgart.de/musi/index.html</a></p>
        <hr />
        <h3>Publication</h3>
        <ul>
          <li>i_city: Intelligent City <a href="musi/Poster-icity.pdf">[Poster]</a></li>
          <li>A Multi-Scale, Web-Based Interface for Strategic Planning of Low-Carbon City Quarters <a href="musi/Abstract-ICUI2019.pdf">[Abstract]</a> -
            <i>The 2nd International Conference on Urban Informatics, 24-26 June 2019, The Hong Kong Polytechnic University.</i></li>
        </ul>
        <hr />
        <h3>Funder</h3>
        <p> Bundesministerium für Bildung und Forschung (BMBF)</p>
        <img src="musi/BMBF.jpg" style="height: 25%; width: 25%;" />
        <!-- h3>Another Stuff</h3>
        <p><em>(to be added)</em></p -->
      </div>