Merge pull request #3906 from hashan-athu/master

Leaved a message on Guestbook

Author: w3schools-test

index.html

@@ -101,7 +101,22 @@ <h3>Contribute</h3>
             </div>
 
 	        <!-- Insert your message below here -->
-         <!---Message from Anne-->
+
+            <!-- Message from hashan_athu-->
+            <div class="w3-card-4">
+                <header class="w3-container w3-light-grey">
+                    <h3>Hello, Everyone!</h3>
+                </header>
+                <div class="w3-container">
+                    <p>Greetings by Hashan Athurugiriya from Sri Lanka &#127473;&#127472; </p>
+                    <hr>
+                    <img src="https://st3.depositphotos.com/9998432/19048/v/600/depositphotos_190483894-stock-illustration-default-placeholder-fitness-trainer-in.jpg" alt="Avatar" width="82" height="100" class="w3-left w3-circle">
+                    <p>Thank you w3school for sharing this great knowledge. Learned so much from you, and helped with my coding skills a lot.</p>
+                </div>
+            </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>
@@ -126,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 {
@@ -16055,6 +16067,8 @@ <h1>Hello!</h1>
                 <p>I am Benny.</p>
             </div>
             <!-- End Message from benny -->
+
+
             <!-- End user messages -->
 
         </div>