awesome work by girls of group3

DieProduktMacher · Apr 25, 2024 · 6a05a0c · 6a05a0c
1 parent ee2a133
commit 6a05a0c
Show file tree

Hide file tree

Showing 10 changed files with 78 additions and 22 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/Resources/Zitrone.2.png b/Resources/Zitrone.2.png
diff --git a/Resources/Zitrone.jpg b/Resources/Zitrone.jpg
diff --git a/Resources/gänseblümchen.jpeg b/Resources/gänseblümchen.jpeg
diff --git a/Resources/gänseblümchen2.png b/Resources/gänseblümchen2.png
diff --git a/Resources/gänseblümchen3.png b/Resources/gänseblümchen3.png
diff --git a/Resources/gänseblümchen4.png b/Resources/gänseblümchen4.png
diff --git a/Resources/zironen.gif b/Resources/zironen.gif
diff --git a/index.html b/index.html
@@ -4,31 +4,69 @@
     </head>
 
 
-    <body style="background-color:white white">
+    <body style="background-color: rgb(150, 47, 240)">
 
-        <h1 style=" background-color:white; color: aliceblue;">
-            Hallo, ich bin Ginger
+        <h1 style=" background-color:rgb(150, 47, 240); color: rgb(255, 251, 0)">
+            Hallo, ich bin Mrs Lemon
         </h1>
-
-
         <img 
-        src="Resources/Cat_2.jpg" 
+        src="Resources/Rabbit_1.jpg" 
         alt="Ginger cat" 
         class="photo">
+        <img 
+        src="Resources/gänseblümchen2.png"
+        alt="Ginger cat" 
+        class="photo">
+        <img 
+        src="Resources/Rabbit_1.jpg" 
+        alt="Ginger cat" 
+        class="photo">
+        <img 
+        src="Resources/Zitrone.2.png" 
+        alt="Ginger cat" 
+        class="photo">
+        <img 
+        src="Resources/Rabbit_1.jpg" 
+        alt="Ginger cat" 
+        class="photo">
+        <img 
+        src="Resources/gänseblümchen4.png"
+        alt="Ginger cat" 
+        class="photo1">
+
+
 
-
-        <p style="background-color:white; color: aliceblue;">
-            Ich bin eine Hauskatze. Ich habe weiches Fell und scharfe Krallen. Ich liebe: 
-        </p>
+        <div class="container1">
+            <img 
+            src="Resources/zironen.gif"
+            alt="Ginger cat" 
+            class="photo2">
 
-
-        <ul style="background-color:white; color: aliceblue;">
-            <li>Mäuse jagen</li>
-            <li>Iss mein Essen und meine Leckereien</li>
-            <li>spielen</li>
-            <li>viel schlafen</li>
+        <div class="container2">
+            <p style="background-color:rgb(150, 47, 240); color:rgb(244, 246, 98); font-size: 30px;">
+                <b>!</b> Ich bin sehr 💛liebenswert💛 und brauche <b>SEHR</b> viel Aufmerksamkeit <b>!</b></p>
+
+             <p style="background-color:rgb(150, 47, 240); color: rgb(255, 240, 0);font-size: 20px; text-align: center;">
+                 Ich bin ein Häschen. Ich habe weiches Fell und eine schicke Sonnenbrille. Ich liebe:
+             </p>
+
+
+
+             <ul style="background-color:rgb(150, 47, 240); color: rgb(248, 240, 0);font-size: 20px;">
+                 <li>Gänseblümchen essen🌼</li>
+                 <li>Zitronen essen🍋✨</li>
+                 <li>spielen🥎</li>
+                 <li>viel schlafen💤</li>
+        </div>
+
+            <img 
+        src="Resources/zironen.gif"
+        alt="Ginger cat" 
+        class="photo2">
         </ul>
-
+    </div>
+
+
     </body>
 
 </html>
diff --git a/my_style.css b/my_style.css
@@ -9,25 +9,43 @@ h1 {
   text-align: center;
 }
 p {
+  text-align: center;
   margin-left: auto;
   margin-right: auto;
-  padding-left: 450px;
+
 
 }
 
 ul{
   display: block;
   list-style-position: inside;
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: 450px;
+  margin-left: 200;
+  margin-right: 200;
 }
 
 
 .photo {
-  display:block;
+  text-align: center;
   margin-left: auto;
   margin-right: auto;
   max-height: 400px;
   width: auto;
 }
+.photo1 {
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+  height: 400px;
+  width: 97px;
+}
+.photo2 {
+  margin-left: auto;
+  margin-right: auto;
+  height: 300px;
+  width: 300px;
+}
+
+.container1{
+  display: flex;
+  flex-direction: row;
+}