Merge branch 'master' into master

Author: w3schools-test

index.html

@@ -116,6 +116,15 @@ <h3>Hello, Everyone!</h3>
             </div>
             <!-- End Message from hashan_athu -->
 
+           <!---Message from Anne-->
+            <div class="w3-container w3-padding">
+                <div class="w3-panel w3-pale-blue w3-leftbar w3-border-blue">
+                    <p>Thank you for wonderful tutorial</p>
+                    <p class="w3-text-black w3-left">
+                    /p>
+                </div>
+            </div>
+            <!---end of message-->
 
             <!---Message from Joseph Muiruri-->
             <div class="w3-container w3-padding">
@@ -132,40 +141,37 @@ <h3 class="w3-text-blue"><b><i><i>Dear W3Schools Founders, Developers, and Tutor
             <!-- Message from shakti-kc -->
             <div style="background-color: blue; color: #fff; padding: 20px; border-radius: 5px; margin: 2rem 0;">
                 <h1>Hellow World!!</h1>
-
                 <h2>Sauti Was Here.</h2>
-                
-    
             </div>
-        <!-- End Message from shakti-kc -->
+            <!-- End Message from shakti-kc -->
 
-        <!-- Message from TXW4326 -->
+            <!-- Message from TXW4326 -->
             <div class="w3-panel w3-leftbar w3-light-grey">
                 <p class="w3-xlarge w3-serif">
                 <i>"Make it as simple as possible, but not simpler."</i></p>
                 <p>Albert Einstein</p>
-              </div>
-        <!-- End of message from TXW4326 -->
+            </div>
+            <!-- End of message from TXW4326 -->
 
 
 		<!--Message from Ragnaslav, cool cards BTW -->
-<div class="container-DLL">
-    <div class="flip-card-DLL">
-        <div class="flip-card-inner-DLL" style="width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: relative;">
-            <div class="flip-card-front-DLL">
-                <h1 class="flip-card-front-DLL-h1">
-                    From <b>Ukraine</b> with peace!
-                </h1>     
-            </div>
-            <div class="flip-card-back-DLL">
-                <h1 class="flip-card-back-DLL-h1">
-                    Greetings from Odesa &#128076;
-                </h1>
-                <p>Peaceful sky to all of us</p>
+    <div class="container-DLL">
+        <div class="flip-card-DLL">
+            <div class="flip-card-inner-DLL" style="width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: relative;">
+                <div class="flip-card-front-DLL">
+                    <h1 class="flip-card-front-DLL-h1">
+                        From <b>Ukraine</b> with peace!
+                    </h1>     
+                </div>
+                <div class="flip-card-back-DLL">
+                    <h1 class="flip-card-back-DLL-h1">
+                        Greetings from Odesa &#128076;
+                    </h1>
+                    <p>Peaceful sky to all of us</p>
+                </div>
             </div>
         </div>
     </div>
-</div>
 
 <style>
 .flip-card-DLL:hover .flip-card-inner-DLL {
@@ -16054,7 +16060,15 @@ <h1>Hello from <strong>spyde3rx</strong></h1>
                 <h1>Hellow World!!</h1>
                 <h2>Ahmed Was Here.</h2>
             </div>
-            <!-- End Message from shakti-kc -->        
+            <!-- End Message from shakti-kc -->
+            <!-- Message from benny -->
+            <div style="background-color: lightblue; color: black; padding: 20px; border-radius: 5px; margin: 2rem 0;">
+                <h1>Hello!</h1>
+                <p>I am Benny.</p>
+            </div>
+            <!-- End Message from benny -->
+
+
             <!-- End user messages -->
 
         </div>