https://kivima.eu/mitmachen.html

1<!doctype html>
2<html lang="de">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <title>KIVIMA – Mitmachen</title>
7  <link rel="stylesheet" href="styles.css" />
8  <link rel="icon" type="image/png" href="KIVIMA_ICON.png" />
9</head>
10<body>
11  <header>
12    <div class="nav">
13      <div class="brand">
14        <img src="KIVIMA_ICON.png" alt="KIVIMA-Logo" />
15        <span>KIVIMA • teutolab mathematik</span>
16      </div>
17      <div class="nav-right">
18        <button class="nav-toggle" type="button" aria-expanded="false" aria-label="Menü öffnen">
19          <span class="nav-toggle-bar" aria-hidden="true"></span>
20          <span class="nav-toggle-bar" aria-hidden="true"></span>
21          <span class="nav-toggle-bar" aria-hidden="true"></span>
22        </button>
23        <nav aria-label="Hauptnavigation">
24          <ul class="nav-list">
25            <li><a href="index.html" data-i18n="navStart">Start</a></li>
26            <li><a href="seminar.html" data-i18n="navSeminar">Seminar</a></li>
27            <li><a href="materialien.html" data-i18n="navMaterialien">Material</a></li>
28            <li><a href="mitmachen.html" aria-current="page" data-i18n="navMitmachen">Mitmachen</a></li>
29          </ul>
30        </nav>
31      </div>
32    </div>
33    <div class="hero">
34      <h1 data-i18n="mitHeroTitle">Mitmachen im Projekt</h1>
35      <p data-i18n="mitHeroText">Für interessierte Schulen, Lehrkräfte, Studierende und Projektpartner*innen.</p>
36    </div>
37  </header>
38
39  <main>
40    <div class="card">
41      <h2 data-i18n="mitInterestTitle">Interesse an einer Teilnahme?</h2>
42      <p data-i18n="mitInterestText">
43        Sie möchten mit Ihrer Klasse am Teutolab-Angebot teilnehmen oder sich über das Seminar informieren?
44        Dann melden Sie sich gerne beim Projektteam.
45      </p>
46      <p data-i18n="mitContactText">
47        Kontakt: <a href="mailto:[email protected]">[email protected]</a>
48      </p>
49    </div>
50
51    <h2 class="section-title" data-i18n="mitWhoTitle">Wer wir sind</h2>
52    <div class="team-grid">
53      <article class="card profile-card">
54        <img src="Impressum/Valentin_Katter_Kozma.png" alt="Portrait von Valentin Katter" />
55        <h3>Valentin Katter</h3>
56        <p data-i18n="mitValRole">Postdoc am Institut für Didaktik der Mathematik.</p>
57        <p data-i18n="mitValFocus"><strong>Schwerpunkte:</strong> KI im Mathematikunterricht, Trigonometrie, Grundvorstellungen, Lehrerbildung</p>
58        <p data-i18n="mitValMail"><strong>E-Mail:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
59        <p>
60          <a href="https://ekvv.uni-bielefeld.de/pers_publ/publ/PersonDetail.jsp?personId=78762114" target="_blank" rel="noopener noreferrer" data-i18n="mitUniPage">Uni-Seite</a>
61          ·
62          <a href="https://trompetenmann-arch.github.io/vkatter/" target="_blank" rel="noopener noreferrer" data-i18n="mitHomePage">Homepage</a>
63        </p>
64      </article>
65      <article class="card profile-card">
66        <img src="Impressum/Nicolas Alarcon.png" alt="Portrait von Nicolas Alarcón" />
67        <h3>Nicolás Alejandro Alarcón Relmucao</h3>
68        <p data-i18n="mitNicRole">Postdoc am Institut für Didaktik der Mathematik.</p>
69        <p data-i18n="mitNicFocus"><strong>Schwerpunkt:</strong> Grundvorstellung der Exponentialfunktion</p>
70        <p data-i18n="mitNicMail"><strong>E-Mail:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
71        <p>
72          <a href="https://ekvv.uni-bielefeld.de/pers_publ/publ/PersonDetail.jsp?personId=134662610" target="_blank" rel="noopener noreferrer" data-i18n="mitUniPage">Uni-Seite</a>
73        </p>
74      </article>
75    </div>
76
77    <h2 class="section-title" data-i18n="mitAudienceTitle">Für wen ist die Seite gedacht?</h2>
78    <div class="card">
79      <ul class="list-clean">
80        <li data-i18n="mitAudience1">Lehrkräfte und Schulen der Sekundarstufe I</li>
81        <li data-i18n="mitAudience2">Lehramtsstudierende im Fach Mathematik</li>
82        <li data-i18n="mitAudience3">Interessierte an KI-gestützter Materialentwicklung</li>
83      </ul>
84    </div>
85  </main>
86
87  <footer>
88    <div class="inner footer-content">

89      <span data-i18n="mitFooter">KIVIMA in Kooperation mit dem teutolab mathematik.</span>
90      <nav class="footer-links" aria-label="Rechtliche Hinweise">
91        <a href="datenschutzerklaerung.html" data-i18n="footerPrivacy">Datenschutzerklärung</a>
92        <a href="impressum.html" data-i18n="footerImprint">Impressum</a>
93      </nav>
94    </div>
95  </footer>
96  

96<script src="script.js"></script>

96
97</body>
98</html>