Add files via upload

AlanLienhard · May 17, 2024 · 936c336 · 936c336
1 parent 5ef074a
commit 936c336
Show file tree

Hide file tree

Showing 4 changed files with 80 additions and 0 deletions.
diff --git a/html-boilerplate/images/dog.jpg b/html-boilerplate/images/dog.jpg
diff --git a/html-boilerplate/index.html b/html-boilerplate/index.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+
+<html lang="en">
+<head>
+<link rel="stylesheet" href="./styles.css">
+<meta charset="UTF-8">
+<title>Sebi</title>
+</head>
+
+<body>
+
+	<h1 id="top-text">Hello World</h1>
+	<p>Dieser Text ist hier nur als Beispiel.</p>
+
+	<h2> <a href="pages/about.html"> About </a> </h2>
+
+	<p class="main-text">Er zeigt, dass ich hier Abschnitte machen kann.</p>
+	<p><strong>Ich kann auch fetten Text schreiben.</strong></p>
+	<b>Filme</b>,die <i>ich<i> mag:
+	<ul>
+		<li>Rocky</li>
+		<li>Rocky3</li>
+		<li>Rocky2</li><link rel="styles" href="styles.css">
+
+	</ul>
+	<p>Meine <strong>Liebligsfilme</strong>:<p>
+	<ol>
+		<li>Rocky4</li>
+		<li><a href="https://www.theodinproject.com/about" target="_blank" rel="noopener noreferrer"> Rocky1 </a> </li>
+		<li><a href = "https://youtu.be/btPJPFnesV4?feature=shared" target="_blank" rel="noopener noreferrer">Rocky3</a></li>
+		<li>Rocky2</li>
+
+	</ol>
+	<!-- Die erste Liste war eine ohne Reihenfolge, die zweite war mit einer Reihenfolge -->
+	<p> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora nam, voluptatem corporis eveniet ipsa est earum doloremque aliquid cumque iure incidunt suscipit doloribus facilis nulla odit dolore eaque? Placeat, quasi.<div></p>
+
+</body>
+<!-- Kommentar im Code -->
+</html>
+
+
+
+
diff --git a/html-boilerplate/pages/about.html b/html-boilerplate/pages/about.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <link rel="stylesheet" href="../styles.css">
+    <meta charset="UTF-8">
+    <title>David</title>
+  </head>
+
+  <body>
+    <p> <h1 class="main-text">About</h1> </p>
+    <img src="../images/dog.jpg" alt="Hundebild, das ich vom theodinproject Kurs habe" height="500" width="300">
+  </body>
+</html>
diff --git a/html-boilerplate/styles.css b/html-boilerplate/styles.css
@@ -0,0 +1,24 @@
+
+
+img {
+height: auto;
+width: 20%;
+
+}
+
+.main-text {
+color: red;
+
+}
+
+div {
+    font-weight: 900;
+}
+
+#top-text {
+    background-color: green;
+}
+
+body {
+    background-color:aquamarine;
+}