Merge branch 'master' into master

Author: w3schools-test

index.html

@@ -101,7 +101,18 @@ <h3>Contribute</h3>
             </div>
 
 	        <!-- Insert your message below here -->
-
+            <!-- Message from Abdulkadir A. -->
+            <div style="margin: 0; font-family: 'Segoe UI', sans-serif; background: linear-gradient(to bottom right, #ffc107, #28a745, #dc3545); color: white; height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center;">
+                <div style="background-color: rgba(0,0,0,0.6); padding: 40px; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.3); max-width: 600px;">
+                  <h1 style="font-size: 2.5em; margin-bottom: 20px;">Thank You, W3Schools!</h1>
+                  <p style="font-size: 1.2em; line-height: 1.6;">
+                    From the first <strong>HTML tag</strong> to building fullstack applications,<br>
+                    W3Schools has been my guide from scratch to becoming a <strong>Fullstack Instructor</strong>.<br><br>
+                    I am Abdulkadir Akmel from <span style="color: #ffc107;">Ethiopia</span> 🇪🇹, and I am truly grateful.<br><br>
+                    <em>Keep inspiring the world!</em>
+                  </p>
+                </div>
+              </div>
 
             <!-- Message from FarisCihuyy -->
             <div class="w3-panel w3-leftbar w3-light-grey">
@@ -110,7 +121,35 @@ <h3>Contribute</h3>
             </div>
             <!-- End Message from FarisCihuyy -->
 
-			 <!-- Message from EfratA -->
+            <!-- Message from Gabriel (GitHub username: gabriel-1607) -->
+            <div style="display: flex; align-items: center; justify-content: center; height: 13rem; width: auto;">
+                <div style="width: 30%; height: 100%; overflow-y: auto; background-color: rgb(200, 255, 200); border: 1rem solid rgb(200, 255, 200); border-radius: 1rem;">
+                    <style>
+                        .gabriel-1607-paragraph {
+                            text-align: center;
+                            font-size: 1rem;
+                            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+                        }
+                    </style>
+                    <p class="gabriel-1607-paragraph" style="text-align: left; padding-left: 1rem;">Dear W3Schools,</p>
+                    <p class="gabriel-1607-paragraph"> An amazing tutorial and so with all other tutorials!</p>
+                    <p class="gabriel-1607-paragraph">Thank you from Ecuador,</p>
+                    <p class="gabriel-1607-paragraph" style="text-align: right; padding-right: 1rem;">- Gabriel Ambrosini</p>
+                </div>
+            </div>
+            <!-- End of message from Gabriel-->
+	 
+          <!-- Message from Skybagel -->
+          <div class="w3-container w3-padding">
+            <div class="w3-panel w3-pale-blue w3-leftbar w3-border-blue">
+              <h3>Dear w3schools,</h3>
+              <p>Thank you for the excellent tutorials!</p>
+              <p class="w3-text-black w3-left"</p>
+            </div>
+          </div>
+          <!-- End Message from Skybagel -->
+		
+		      <!-- Message from EfratA -->
             <div class="w3-container w3-padding">
                 <div class="w3-panel w3-pale-blue w3-leftbar w3-border-blue">
                     <h4>Dear w3schools,</h4>
@@ -120,6 +159,15 @@ <h4>Dear w3schools,</h4>
                 </div>
             </div>
             <!-- End Message from EfratA -->
+
+            <!-- Message from James.r-->
+            <div class="w3-container w3-padding">
+                <div class="w3-panel w3-pale-blue w3-leftbar w3-border-blue">
+                    <p>Thanks for the great, accessible tutorials! From Cambridge, England</p>
+                    <p class="w3-text-black w3-left"></p>
+                </div>
+            </div>
+            <!-- End Message from James.r-->
 
             <!-- Message from david.alvs -->
             <div style="max-width: 600px; margin: 20px auto; padding: 30px; border-radius: 15px; background: linear-gradient(135deg, #007bff, #00d4ff); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); font-family: 'Arial', sans-serif; text-align: center; color: #fff; border: 5px solid rgba(255, 255, 255, 0.5);">
@@ -203,6 +251,18 @@ <h2>Sauti Was Here.</h2>
                 <p>Albert Einstein</p>
             </div>
             <!-- End of message from TXW4326 -->
+            
+            <!-- Message from Theon -->
+            <div class="w3-container w3-padding">
+                <div class="w3-panel w3-pale-green w3-leftbar w3-border-green">
+                    <h4>Dear W3Schools,</h4>
+                    <p>Thank you for this tutorial and the many other tutorials you provide! Great job!</p>
+                    <p>Sincerely,<p>
+                    <p>Theon</p>
+                    <p class="w3-text-black w3-left"></p>
+                </div>
+            </div>
+            <!-- End message from Theon -->
 
 
 		<!--Message from Ragnaslav, cool cards BTW -->
@@ -16179,6 +16239,21 @@ <h1><marquee>Thank you !!!<marquee></h1>
                     Hallo, how is everyone, just a short msg :P hope everyone has fun, also how is everyones day going?
                 </h1>
             <!--End Message from Thomas W Humphreys-->
+            
+            <!-- Message from Shreyas B -->
+            
+            <h1 style="color: #FFFFFF"> 
+            I liked this tutorial very much, I was curious to learn these concepts to strengthen my collaboration 
+            skills. Thank You W3 Shools for this Tutorial.
+            </h1>
+            <!-- End Message from Shreyas B -->
+
+            <!-- Message from Yuri -->
+            <div style="background-color: hsl(0, 0%, 25%); border-radius: 5px; display: flex; flex-direction: column; justify-content: center; align-items: center;">
+                <p style="font: white; font-family: Arial, Helvetica, sans-serif; font-size: 1.5rem;">Thank you for the tutorial</p>
+            </div>
+
+            <!-- End of Message from Yuri -->
 
             <!-- End user messages -->