AIMS/imprint.html at main · SciCompMod/AIMS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>AI-driven modeling for preventing post-acute infection syndromes</title>
  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" />
  <style>
    /* Make header/navigation sticky and add hover fade for menu items */
    .navbar.sticky-top {
      box-shadow: 0 2px 10px rgba(0,0,0,.1);
      border-bottom: 3px solid #d3d3d3; /* lighter gray line */
      margin: 0px;
      padding: 0px;
    }
    .navbar .nav-link {
      border-radius: 0; /* no rounded corners */
      margin: 0 px;
      height: 100%;
      display: flex;
      align-items: center;
      transition: background-color .2s ease, color .2s ease;
    }
    .navbar .nav-link:hover {
      background-color: rgba(255,255,255,.15); /* lighter on dark bg */
      color: #fff;
    }
    .navbar .nav-link.active {
      background-color: rgba(255,255,255,.25);
      color: #fff;
    }

    /* Smooth scrolling experience and anchor offset so content isn't hidden under sticky nav */
    html { scroll-behavior: smooth; }
    section { scroll-margin-top: 84px; }

    /* Utility tweaks */
    .hero {
      background: linear-gradient(45deg, #0d6efd 0%, #9dfcff 100%);
      color: #fff;
    }
    .hero p { opacity: .9; }
  </style>
</head>
<body data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-smooth-scroll="true" tabindex="0">

  <!-- Navigation (sticky) -->
  <nav id="mainNav" class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
    <div class="container">
      <a class="navbar-brand fw-semibold" href="#start">AIMS</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav ms-auto gap-0">
          <li class="nav-item"><a class="nav-link active" href="index.html#start">Start</a></li>
          <li class="nav-item"><a class="nav-link" href="index.html#goal">Summary</a></li>
          <li class="nav-item"><a class="nav-link" href="index.html#work-packages">Work Packages</a></li>
          <li class="nav-item"><a class="nav-link" href="index.html#team">Team</a></li>
          <li class="nav-item"><a class="nav-link" href="index.html#publications">Publications</a></li>
          <li class="nav-item"><a class="nav-link" href="index.html#presentations">Presentations</a></li>
          <li class="nav-item"><a class="nav-link" href="index.html#software">Software</a></li>
          <li class="nav-item"><a class="nav-link" href="index.html#contact">Contact</a></li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Start / Hero Section -->
  <header id="start" class="hero py-5">
    <div class="container py-4">
      <div class="row align-items-center g-4">
        <div class="col-lg-7">
          <h1 class="display-5 fw-bold">AI-driven modeling for preventing post-acute infection syndromes</h1>
          <p class="lead mb-4">Leveraging artificial intelligence with mechanistic modeling and high-performance
computing</p>
          <!-- <a href="#goal" class="btn btn-light btn-lg">Learn More</a> -->
        </div>
        <div class="col-lg-5 text-lg-end">
          <!-- Optional illustration placeholder -->
          <div class="ratio ratio-16x9 bg-white bg-opacity-25 rounded-3"
                style="background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)),
                  url('bild_jonas.png') no-repeat center / cover;">
        </div>
      </div>
    </div>
  </header>

  <!-- Background Section -->
  <section id="goal" class="py-5">
    <div class="container">

<h1>Imprint</h1>

<h2>Contact:</h2>

Martin Kühn<br>
E-Mail: Martin.Kuehn@uni-bonn.de<br>
IRU Mathematics and Life Sciences, University of Bonn<br>
Endenicher Allee 64<br>
53115 Bonn<br>
Germany<p></p>

The University of Bonn is a corporation under public law. The statutory representative of the University is its current Rector. The current Rector in office is Prof. Dr. Dr. h. c. Michael Hoch.<p></p>

Competent supervisory authority: The Ministry of Culture and Science of the state of North Rhine-Westphalia, Völklinger Straße 49, 40221 Düsseldorf.<p></p>

Sales tax ID number per § 27 a of the Sales Tax Act: DE 122119125.<p></p>


Zur <a href="datenschutz.html">Datenschutzerklärung</a><p></p>

Zum <a href="https://www.disclaimer.de/disclaimer.htm?farbe=FFFFFF/000000/000000/000000%E2%80%B3">Disclaimer</a>
    </div>
  </section>


  <!-- Footer -->
  <footer class="bg-dark text-white text-center py-3">
    <div class="container">
      <p class="mb-0"><a href="imprint.html">Imprint</a></p>
    </div>
  </footer>

  <!-- Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
  <script>
    // Set current year in footer
    document.getElementById('year').textContent = new Date().getFullYear();
  </script>
</body>
</html>