Merge pull request #3342 from coded-writer/master

Updated index.html with a greeting message from the coded writer

index.html

@@ -95,6 +95,7 @@ <h3>Contribute</h3>
       </div>
 
       <!-- Insert your message below here -->
+
 	  <div>
 
           <p>Hello, I am Michael</p>
@@ -103,7 +104,6 @@ <h3>Contribute</h3>
 
       </div>
 
-
       <!--Message from IXVM-->
       <div class="ixvm-block" style="display: flex; flex-direction: column; align-items: center;">
         <div style="text-align: center; display: block; border: 2px; width: 200px; margin-bottom: 15px; border-radius: 5px; box-shadow: 0px 0px 20px; padding: 10px; align-items: center;">
@@ -134,7 +134,43 @@ <h3>Contribute</h3>
       <p>Gusztav from <span style="color: #008000;">Hungary</span> 2024.09.09.</p>
       </div>  
       <!-- End message from Gusztav -->
+
+      <!-- Message from CodedWriter -->
+      <style>
+        .cw-heading, .cw-text {
+           text-align: center;
+           font-size: 2rem;
+           font-family: "Lato", sans-serif;
+           position:relative;
+           margin:2rem 0 0.5rem 0;
+           font-weight:900;
+        }
+
+        .cw-heading::before {
+           position: absolute;
+           content:attr(data-key);
+           background:repeating-linear-gradient(45deg, #11b5dd 0px, #11b5dd 2px, transparent 2px, transparent 4px);
+           -webkit-text-fill-color: transparent;
+           -webkit-background-clip:text;
+           background-clip:text;
+           z-index:-1;
+           transform:translate(2px, 2px);
+}
+
+       .cw-text {
+         font-size:1rem;
+         margin:0 0 2rem 0;
+       }
+
+     </style>
+    <div>
+      <h2 class="cw-heading" data-key="Greetings from the Coded Writer" >Greetings from the Coded Writer</h2>
+      <p class="cw-text">Hello Everyone! I'm glad to be contributing to this and I commend the w3schools team for putting together this comprehensive tutorial.</p>
+    </div>
+
+      <!-- End message from CodedWriter -->
 
+
       <!-- Message from umermatov -->
       <div class="w3-panel w3-sand w3-leftbar">
         <p>Hello from Uzbekistan!</p>
@@ -11451,6 +11487,8 @@ <h2>GREETINGS FROM KIENIN</h2>
     </div>
     <!-- End of message from kienin -->
 
+
+
     <!-- Message from GuiArmanLi -->
     <div style="margin:auto;">
       <img src="https://avatars.githubusercontent.com/u/103978528?v=4" class="w3-opacity-min">