From 3e697d1be65d4f4ce96302ed094470ce55e6b8a5 Mon Sep 17 00:00:00 2001
From: S170H <64917343+S170H@users.noreply.github.com>
Date: Wed, 18 Oct 2023 15:13:23 +0200
Subject: [PATCH] Finish 4

---
 M1/{ => beispiele}/logo-FH.png  | Bin
 M1/beispiele/m1_4c_bild.html    |  10 ++++++++++
 M1/beispiele/m1_4d_links.html   |  14 ++++++++++++++
 M1/beispiele/m1_4e_spandiv.html |  33 ++++++++++++++++++++++++++++++++
 4 files changed, 57 insertions(+)
 rename M1/{ => beispiele}/logo-FH.png (100%)
 create mode 100644 M1/beispiele/m1_4c_bild.html
 create mode 100644 M1/beispiele/m1_4d_links.html
 create mode 100644 M1/beispiele/m1_4e_spandiv.html
diff --git a/M1/logo-FH.png b/M1/beispiele/logo-FH.png
similarity index 100%
rename from M1/logo-FH.png
rename to M1/beispiele/logo-FH.png
diff --git a/M1/beispiele/m1_4c_bild.html b/M1/beispiele/m1_4c_bild.html
new file mode 100644
index 0000000..71a1e03
--- /dev/null
+++ b/M1/beispiele/m1_4c_bild.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Bild</title>
+</head>
+<body>
+<img src="logo-FH.png" alt="FH-Logo">
+</body>
+</html>
\ No newline at end of file
diff --git a/M1/beispiele/m1_4d_links.html b/M1/beispiele/m1_4d_links.html
new file mode 100644
index 0000000..35f6811
--- /dev/null
+++ b/M1/beispiele/m1_4d_links.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Links</title>
+</head>
+<body>
+<a href="https://www.fh-aachen.de/">FH Aachen</a>
+<br>
+<a href="https://www.fh-aachen.de/" target="_blank">FH Aachen</a>
+<br>
+<a href="mailto:safak.hazinedar@alumni.fh-aachen.de">E-Mail</a>
+</body>
+</html>
\ No newline at end of file
diff --git a/M1/beispiele/m1_4e_spandiv.html b/M1/beispiele/m1_4e_spandiv.html
new file mode 100644
index 0000000..3e38289
--- /dev/null
+++ b/M1/beispiele/m1_4e_spandiv.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Span Div</title>
+</head>
+<body>
+<!-- <span style="background: beige"> -->
+<div style="color: darkorange">
+    <p>
+        <span style="background: aqua">Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
+        sed diam nonumy eirmod tempor invidunt ut labore et dolore
+        magna aliquyam erat, sed diam voluptua. </span> At vero eos et accusam
+        et justo duo dolores et ea rebum. Stet clita kasd gubergren,
+        no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    </p>
+    <p>
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
+        sed diam nonumy eirmod tempor invidunt ut labore et dolore
+        magna aliquyam erat, sed diam voluptua. At vero eos et accusam
+        et justo duo dolores et ea rebum. Stet clita kasd gubergren,
+        no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    </p>
+    <p>
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
+        sed diam nonumy eirmod tempor invidunt ut labore et dolore
+        magna aliquyam erat, sed diam voluptua. At vero eos et accusam
+        et justo duo dolores et ea rebum. Stet clita kasd gubergren,
+        no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    </p>
+</div>
+</body>
+</html>
\ No newline at end of file
