forked from realNiklas/Menschenrechte
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
164 lines (151 loc) · 7.62 KB
/
Copy pathabout.html
File metadata and controls
164 lines (151 loc) · 7.62 KB
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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Über mich - Menschenrechte</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="container">
<div class="nav-content">
<a href="index.html" class="logo">🌍 Menschenrechte</a>
<ul class="nav-links">
<li><a href="index.html">Home</a></li>
<li><a href="rights.html">Rechte</a></li>
<li><a href="challenges.html">Herausforderungen</a></li>
<li><a href="rules.html">Spielregeln</a></li>
<li><a href="action.html">Handeln</a></li>
<li><a href="about.html">Über mich</a></li>
<li><a href="sources.html">Quellen</a></li>
</ul>
</div>
</div>
</nav>
<main>
<section class="page-header">
<div class="container">
<h1>Über dieses Projekt</h1>
<p>Erfahre mehr über den Autor und die Entstehung dieser Website</p>
</div>
</section>
<!-- Author Section -->
<section class="about-section">
<div class="container">
<div class="about-content">
<div class="about-text">
<h2>Über mich</h2>
<p>Hallo! Mein Name ist Leon F. und ich bin Schüler der 8. Klasse. Für einen Schulwettbewerb habe ich mich für das Thema Menschenrechte entschieden, weil ich denke, dass es wichtig ist, sich damit auseinanderzusetzen, wie Menschen auf der ganzen Welt leben und welche Rechte ihnen zustehen.</p>
<h3>Warum Menschenrechte?</h3>
<p>Ich habe gemerkt, dass viele Menschen nicht wissen, welche Menschenrechte es gibt und wie wichtig sie sind. Deshalb wollte ich eine Website machen, auf der man das schnell verstehen kann. Mit dieser Website möchte ich zeigen, was Menschenrechte sind, welche Probleme es gibt und was man dagegen tun kann.</p>
<h3>Was ich gelernt habe</h3>
<p>Bei diesem Projekt habe ich viel gelernt: zum einen über Menschenrechte und aktuelle Probleme in der Welt, zum anderen aber auch, wie man eine Website mit HTML und CSS erstellt. Es war spannend, mehr über Kinderarbeit, Sklaverei und andere wichtige Themen zu recherchieren.</p>
</div>
<div class="about-sidebar">
<div class="info-box">
<h3>📋 Über dieses Projekt</h3>
<ul>
<li><strong>Autor:</strong> Leon F.</li>
<li><strong>Klasse:</strong> 8. Klasse</li>
<li><strong>Thema:</strong> Menschenrechte</li>
<li><strong>Datum:</strong> Januar 2026</li>
</ul>
</div>
<div class="info-box">
<h3>📚 Was ich gemacht habe</h3>
<ul>
<li>Recherche zu Menschenrechten</li>
<li>Website mit HTML & CSS</li>
<li>Sammlung von Quellen</li>
<li>Strukturierung der Inhalte</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Project Process -->
<section class="process-section">
<div class="container">
<h2>So bin ich vorgegangen</h2>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-marker">1</div>
<div class="timeline-content">
<h3>Idee und Planung</h3>
<p>Zuerst habe ich mir überlegt, was ich zum Thema Menschenrechte machen möchte. Dann habe ich geplant, welche Inhalte auf die Website sollen.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker">2</div>
<div class="timeline-content">
<h3>Recherche</h3>
<p>Ich habe im Internet nach Informationen über Menschenrechte, die UN und aktuelle Probleme gesucht. Dafür habe ich verschiedene Websites und Quellen genutzt.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker">3</div>
<div class="timeline-content">
<h3>Erstellung der Website</h3>
<p>Mit HTML und CSS habe ich die Website aufgebaut. Ich habe verschiedene Seiten erstellt und alles so gestaltet, dass es gut aussieht.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker">4</div>
<div class="timeline-content">
<h3>Überprüfung</h3>
<p>Abschließend habe ich alles überprüft: ob alle Inhalte stimmen, ob alle Links funktionieren und ob die Website auf allen Geräten gut aussieht.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Contact -->
<section class="contact-section">
<div class="container">
<h2>Fragen oder Feedback?</h2>
<p>Wenn du Fragen zu diesem Projekt hast oder Verbesserungsvorschläge, kontaktiere mich gerne!</p>
<p>Dieses Projekt wurde für einen Schulwettbewerb erstellt.</p>
</div>
</section>
</main>
<!-- AI Notice -->
<section class="ai-notice">
<div class="container">
<p>⚙️ <strong>Hinweis:</strong> Diese Website wurde mit Unterstützung von künstlicher Intelligenz (KI) erstellt. Die Inhalte wurden von Schülern recherchiert und mit KI-Unterstützung strukturiert.</p>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<div class="footer-grid">
<div>
<h3>Über uns</h3>
<p>Eine Website zur Aufklärung über Menschenrechte für Schulen und Lernende.</p>
</div>
<div>
<h3>Navigation</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="rights.html">Rechte</a></li>
<li><a href="challenges.html">Herausforderungen</a></li>
<li><a href="action.html">Handeln</a></li>
</ul>
</div>
<div>
<h3>Weitere Info</h3>
<ul>
<li><a href="about.html">Über den Autor</a></li>
<li><a href="sources.html">Quellenverzeichnis</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2026 Menschenrechte Projekt. Alle Rechte vorbehalten.</p>
</div>
</div>
</footer>
</body>
</html>