diff --git a/Medien/BDL1.jpg b/Medien/BDL1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..828411af7a2be5acd1776aa3b13500c6d9544eea
Binary files /dev/null and b/Medien/BDL1.jpg differ
diff --git a/Medien/BL1.jpg b/Medien/BL1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e5f532a2fcbcc908b721bfe87e7650a014015844
Binary files /dev/null and b/Medien/BL1.jpg differ
diff --git a/Medien/BL2.jpg b/Medien/BL2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8311aa990a586207411bbf20dbdae5f1a5ac396c
Binary files /dev/null and b/Medien/BL2.jpg differ
diff --git a/Medien/BL3.jpg b/Medien/BL3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..42c570c08dde1cb1caaf74e928d112509a913b73
Binary files /dev/null and b/Medien/BL3.jpg differ
diff --git a/Medien/BL4.jpg b/Medien/BL4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..3ff477c4118f51928baf0a78bfa55767ff73062f
Binary files /dev/null and b/Medien/BL4.jpg differ
diff --git a/Medien/BL5.mp4 b/Medien/BL5.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..2cdb8a9086a505d169e06a0e83619c473464e0e2
Binary files /dev/null and b/Medien/BL5.mp4 differ
diff --git a/Medien/BS1.jpg b/Medien/BS1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..5d1381c8b454f3d19216eb45ea035273a902d93d
Binary files /dev/null and b/Medien/BS1.jpg differ
diff --git a/Medien/BS2.jpg b/Medien/BS2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..de48611bde940c4d92bd2205782620e81a196097
Binary files /dev/null and b/Medien/BS2.jpg differ
diff --git a/Medien/Beschreibung.jpg b/Medien/Beschreibung.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f56c1d56ae614991219fa1dbd44cb32585c9045e
Binary files /dev/null and b/Medien/Beschreibung.jpg differ
diff --git a/Medien/PXL_20220513_123158724.jpg b/Medien/PXL_20220513_123158724.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..9d25969c1f3ef83cd4a665cafc99c553097d7f70
Binary files /dev/null and b/Medien/PXL_20220513_123158724.jpg differ
diff --git a/Medien/PXL_20220513_123159560.jpg b/Medien/PXL_20220513_123159560.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..c2d086dca11342480328a378d2dff869a323aaf0
Binary files /dev/null and b/Medien/PXL_20220513_123159560.jpg differ
diff --git a/Medien/PXL_20220513_123200688.jpg b/Medien/PXL_20220513_123200688.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..8a00dc4fbf5318571a75524dbc9e5675717f3bb9
Binary files /dev/null and b/Medien/PXL_20220513_123200688.jpg differ
diff --git a/Medien/PXL_20220513_123318555.mp4 b/Medien/PXL_20220513_123318555.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..c7de29238c2882beba9fad42fd2a03a0fa26b0ce
Binary files /dev/null and b/Medien/PXL_20220513_123318555.mp4 differ
diff --git a/Medien/VS1.mp4 b/Medien/VS1.mp4
new file mode 100644
index 0000000000000000000000000000000000000000..8b326cdd3ea59c39a3c9063452dbc41f988083e9
Binary files /dev/null and b/Medien/VS1.mp4 differ
diff --git a/index.html b/index.html
index e23ed307bcd266442e343f7e34679338209eb3ac..9d4001f6661adc36f50c7b6388d186d2f8d6b13b 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,21 @@
<title>Title</title>
</head>
<body>
- <h1>Title xd</h1>
+ <div class="zentriert">
+ <div>
+ <h1>SpeculativeAI</h1>
+ <p>Text über SpeculativeAI</p>
+ </div>
+ <div class="container">
+ <div class="item1">
+ <img class="Bild" src="Medien/BL1.jpg" alt="Bild">
+ <p>Text zu Bild 1</p>
+ </div>
+ <div class="item2">
+ <img class="Bild" src="Medien/BS1.jpg" alt="Bild">
+ <p>Text zu Bild 2</p>
+ </div>
+ </div>
+ </div>
</body>
</html>
diff --git a/style.css b/style.css
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..ef041c582a47c1a96b3591bc625049f0c7e851fa 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,29 @@
+* {
+ background-color: black;
+ color: white;
+}
+
+.zentriert {
+ text-align: center;
+}
+
+.Bild {
+ width: 25%;
+ /*height: 5%;*/
+}
+
+.container {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+}
+
+.item1 {
+ align-self: auto;
+ order: 1;
+}
+
+.item2 {
+ align-self: auto;
+ order: 2;
+}
\ No newline at end of file