index.html

<!DOCTYPE html>
<html>

<head>
    <title>Git Tutorial Guestbook</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Satisfy">
    <link href="https://fonts.googleapis.com/css2?family=Crafty+Girls&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster&effect=shadow-multiple">
    <link rel="stylesheet" href="https://www.w3schools.com/lib/w3-colors-2017.css">
    <link href="https://fonts.googleapis.com/css2?family=Geologica&display=swap" rel="stylesheet">
    <style>
        html,
        body,
        h1,
        h2,
        h3,
        h4 {
            font-family: "Lato", sans-serif;
        }
	    

        .w3-tag {
            height: 156x;
            width: 15px;
            padding: 0;
            margin-top: 6px;
            cursor: pointer;
        }
    </style>
</head>


<body>

    <!-- Content -->
    <div class="w3-content" style="max-width:1920px;margin-top:40px;margin-bottom:40px">

        <div class="w3-panel">
            <h1><b>GIT TUTORIAL GUESTBOOK</b></h1>
            <h2><b>GIT TUTORIAL GUESTBOOK</b></h2>
        </div>

        <!-- Slideshow -->
        <div class="w3-container">
            <div class="w3-display-container">
                <img src="img_guestbook_wall.jpg" alt="Image from Nicolas Dmítrichev via unsplash.com"
                    style="width:100%">
                <div class="w3-display-topleft w3-container w3-padding-32">
                    <span class="w3-white w3-padding-large w3-animate-bottom">Share your message with the
                        community</span>
                </div>
            </div>
        </div>
        <!-- Grid -->
        <div class="w3-row w3-container">
            <div class="w3-center w3-padding-64">
                <span class="w3-xlarge w3-bottombar w3-border-dark-grey w3-padding-16">What is This?</span>
            </div>
            <div class="w3-col l3 m6 w3-light-grey w3-container w3-padding-16">
                <h3>Learn</h3>
                <p>Learn how to use Git and GitHub from our <a href="https://www.w3schools.com/git/default.asp"
                        title="w3schools.com Git Tutorial" target="_blank" class="w3-hover-text-green">Git Tutorial</a>.
                </p>
            </div>

            <div class="w3-col l3 m6 w3-grey w3-container w3-padding-16">
                <h3>Change</h3>
                <p>Fork and Clone this <a href="https://github.com/w3schools-test/w3schools-test.github.io"
                        title="Guestbook Git Repository" target="_blank" class="w3-hover-text-green">GitHub
                        repository</a>, to your
                    local Git or GitHub account.</p>
            </div>

            <div class="w3-col l3 m6 w3-dark-grey w3-container w3-padding-16">
                <h3>Collaborate</h3>
                <p>Add a message, following the guidelines from the <a
                        href="https://github.com/w3schools-test/w3schools-test.github.io"
                        title="Guestbook Git Repository" target="_blank" class="w3-hover-text-green">README.md</a>.</p>
            </div>

            <div class="w3-col l3 m6 w3-black w3-container w3-padding-16">
                <h3>Contribute</h3>
                <p>Add a <a href="https://github.com/w3schools-test/w3schools-test.github.io/pulls"
                        title="GitHub Pull Request" target="_blank" class="w3-hover-text-green">pull request</a>, and
                    see if your change gets approved and added
                    below!</p>
            </div>
        </div>

        <!-- Grid -->
        <div class="w3-row-padding" id="about">

            <div class="w3-center w3-padding-64">
                <span class="w3-xlarge w3-bottombar w3-border-dark-grey w3-padding-16">Leave A Message</span>
            </div>
       
	        <!-- Insert your message below here -->

            <!-- Message from Lomantik -->
            <div class="w3-container w3-padding">
                <div class="w3-panel w3-pale-blue w3-leftbar w3-border-blue">
                    <h4>Dear w3schools,</h4>
                    <p>Thank you for this tutorial and all you work! You doing a great job!</p>
                    <p class="w3-text-black w3-left"></p>
                </div>
            </div>
            <!-- End Message from Lomantik -->

            <!-- 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>
                    <p class="w3-text-black w3-left">
                    /p>
                </div>
            </div>
            <!---end of message-->

            <!---Message from Joseph Muiruri-->
            <div class="w3-container w3-padding">
                <div class="w3-panel w3-pale-blue w3-leftbar w3-border-blue">
                    <h3 class="w3-text-blue"><b><i><i>Dear W3Schools Founders, Developers, and Tutors,</i></b></h3>
                    <p>Thank you for saving lives all these years. Your efforts have a special place up above.</p>
                    <p class="w3-text-black w3-left"><b>Regards,</b>
                    <b>Muiruri from Kenya.</b>
                    </p>
                </div>
            </div>
            <!---end of message-->
           
            <!-- 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 -->

            <!-- 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 -->
              

		<!--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>
            </div>
        </div>
    </div>

<style>
.flip-card-DLL:hover .flip-card-inner-DLL {
    transform: rotateX(-180deg);
}

.flip-card-DLL {
    font-family: 'Roboto', sans-serif;
    width: 350px;
    height: 400px;
    perspective: 1100px;
}

.flip-card-back-DLL {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: ridge 2px #f3431c;
    border-radius: 2rem;
    background: #fff;
    color: blue;
    box-shadow: 2px 10px 50px 10px blue;
    backface-visibility: hidden;
    transform: rotateX(-180deg);
}

.flip-card-back-DLL-h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    background-color: yellow;
    color: lightblue;
    padding: 0.5rem 1rem;
    border: 0.25rem solid blue;
    box-shadow: 5px 5px 50px 10px blue;
    border-radius: 8px;
    margin: 0 0 0.5rem 0;
}

.flip-card-front-DLL {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid black;
    border-radius: 1rem;
    background: linear-gradient(to bottom, blue, yellow) !important;
    color: #000000;
    box-shadow: -2px 10px 50px 10px black;
    backface-visibility: hidden;
}

.flip-card-front-DLL-h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    background-color: rgba(0, 0, 255, 0.7);
    color: yellow;
    padding: 0.5rem 1rem;
    margin: 40px;
    border: 0.25rem double black;
    box-shadow: 15px 10px 40px 10px white;
    border-radius: 100px;
}

.container-DLL {
    display: flex;
    margin: 2rem 0.5rem;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
}
</style>
<!--Ragnaslav's message end-->

             
                <!--IcyJuicyBob's message start-->
                <div class="w3-container w3-round-large w3-card-4"
                    style="margin: auto; width: 50%; background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(240,70,70,1) 42%, rgba(0,0,0,0.41) 93.6% );">
                    <p
                        style="font-family: cursive; font-size: 60px; text-align: center; color: white; text-shadow: 5px 5px 4px #808080;">
                        Hello from the UK</p>
                    <p
                        style="font-family: cursive; font-size: 30px; text-align: center; color: white; text-shadow: 5px 5px 4px #808080;">
                        Thanks to W3Schools for the amazing tutorials</p>
                    <div style="text-align: center;">
                        <b>message from IcyJuicyBob (05/03/2025)</b>
                    </div>
                </div>   
             <!--IcyJuicyBob's message end-->>


              <div style="box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); border: 2px solid #000000; display: flex; flex-direction: column; align-items: center; justify-content: center; background: linear-gradient(to bottom, #A12D2E 33.33%, #0C4076 33.33%, #0C4076 66.66%, #ffffff 66.66%); width: 600px; height: 400px; margin: 0 auto">
                <h1 style="margin: 0 auto; padding-top: 260px; font-size: 1.5rem; font-weight: 500; text-align: center;">
                    Keep up the good work, you are a great source of inspiration and knowledge. </h1>
                    <div style="">
                        <p style="margin-left: 300px; margin-top: 0; margin-bottom: 0;">Kind regards from Ivica</p>
                        <p style="margin-left: 300px; margin-top: 0; margin-bottom: 0;">Sabac, Republic of Serbia</p>
                    </div>
            </div>
            <div style="border: 5px solid #000000; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 80%; height: 150px; margin: auto; margin-top: 1rem;">
                <h1 style="margin: 0 auto; padding-top:2px; font-size: 1.5rem; font-weight: 500; text-align: center;">
                    El conocimiento compartido es el patrimonio de los que construyen el futuro. </h1>
                    <div style="">
                        <p style="margin-left: 500px; margin-top: 0; margin-bottom: 0;">Omar B. Ramírez</p>
                        <p style="margin-left: 500px; margin-top: 0; margin-bottom: 0;">Purén, Chile (El mejor pais de Chile)</p>
                    </div>
            </div>

            <!-- Message from Philrich123 -->
            <br><br>
            <div style="box-shadow: 0px 0px 15px 10px rgba(0, 0, 128, 0.75); border: 2px solid #000000;  background: linear-gradient(to right, #0000FF 33.33%, #FFFFFF 33.33%, #FFFFFF 66.66%, #FF0000 66.66%); width: 500px; height: 300px; margin: 0 auto">
                <h1 style="margin: 0 auto; padding-top: 200px; font-size: 1.5rem; font-weight: 500; text-align: center;text-shadow: 0px 0px 5px white, 0px 0px 15px white, 0px 0px 25px white;">
                    Supers cours sur w3schools, un grand merci !</h1>
                    <div style="margin-left: 340px; margin-top: 0; margin-bottom: 0;">
                        Meilleurs pensées de<br>Nouvelle-Calédonie
                    </div>
            </div>
            <!-- End of message from Philrich123 -->

		<!-- Javascript -->
		<h2>First JavaScript</h2>
		<button type="button"
		onclick="document.getElementById('demo').innerHTML = Date()">
		Click me to display Date and Time.</button>
		<p id="demo"></p>
		<!-- Javascript end -->
		
		<!-- message from Krunal -->
                  <div class="w3-panel w3-leftbar w3-light-grey">
                  <p class="w3-xlarge w3-serif">
                  <i>"May your all wishes come true!"</i>
                  </p>
                  <p>Krunal</p>
                  </div>

        <!--Brankos Message to w3schools.com-->
        <div class="w3-panel w3-black">
            <p class="w3-large w3-serif">
            <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
            Thank you for years of accessible tutorials!</p>
        </div>
        <!--End of Brankos Message-->

        <!--Sergio Message to w3schools.com-->
        <div class="w3-panel w3-black">
            <p class="w3-large w3-serif">
            <i class="fa fa-quote-right w3-large w3-margin-right"></i>
            Hi from Barcelona! Thank you for the tutorial!</p>
        </div>
        <!--End of Sergio Message-->

        <!-- Samson message start -->
        <section>
            <p>
                Skilled full-stack software developer proficient in core technologies like HTML, CSS, JavaScript, and Python. Well-versed in modern frameworks such as React, Flask, and Node.js, with a focus on secure and efficient database architectures using MySQL, MongoDB, and Postgres. Experienced in deploying and maintaining applications on platforms like Vercel and Render. Strong problem-solving abilities and a commitment to delivering high-quality software solutions. Effective communicator and collaborator with a passion for continuous learning and contributing to cutting-edge projects in a dynamic team environment.
            </p>
        </section>
         <!-- Samsom message end -->
		

		        <!-- message from Thich Nhat Hanh -->
            <div style="text-align: center; background-color: blue; color: white; padding: 20px; margin: 10px;">
                <h3>"No mud, no lotus." -  Thich Nhat Hanh"</h3>
                <h5 style="font-style: italic; font-weight: bold; margin-top: 10px;">I grow in mud!<span style="font-style: normal; font-weight: normal; margin-left: 4px;"></span>
                </h5>
            </div>
            <!-- Thich Nhat Hanh's message end -->            
            <!--Bo from Rancho Cucamonga -->
             <h1>Finally, I have figured out how fork works. I am very happy!</h1>  
            <!-- End Bo messages -->
 
            
            <!--Sujith's Message starts here-->
            <div style="background-color:hsl(161, 100%, 50%); text-align:center; border-radius:15px; box-shadow:5px 5px 8px black;">
                <p style="color:hsl(0, 0%, 5%); text-align:center; ">Thank you so much W3Schools for this Amazing Git and GitHub Tutorial where I learned so many things.</p>
                <p>--SUJITH CHOWDARY</p>
            </div>
            <!--Sujith's Message Ends here-->
            

        <!--Its me, Nikita!-->
        <h3> I'm stucking here, but it seems ok...</h3>
        <!--Its me, Nikita!-->
        
            <h1>Thank you!</h1>
            <p>Hello from ZA.</p>
            <!-- Joseph Taqal Start -->
            <h1>Thank you w3schools for the tutorial</h1>

            <!-- Joseph Taqal End -->

            <!-- Josep Méndez's Start -->
            <div class="container-DL">
                <div class="flip-card-DL">
                    <div class="flip-card-inner-DL" style="width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: relative;">
                        <div class="flip-card-front-DL">
                            <h1 class="flip-card-front-DL-h1">
                                U talking to me?
                            </h1>
                            <p style="font-size: small;">hovering flips</p>
                        </div>
                        <div class="flip-card-back-DL">
                            <h1 class="flip-card-back-DL-h1">
                                Josep Méndez &#128075;
                            </h1>
                            <p style="font-size: medium;">Palma de Mallorca / SPAIN</p>
                            <p style="font-size: medium;">2025-02-04</p>
                        </div>
                    </div>
                </div>
            </div>

            <style>
                .flip-card-DL:hover .flip-card-inner-DL {
                    transform: rotateY(180deg);
                }

                .flip-card-DL {
                    font-family: 'Roboto', sans-serif;
                    width: 350px;
                    height: 400px;
                    perspective: 1100px;
                }

                .flip-card-back-DL {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border: 1px solid blue;
                    border-radius: 1rem;
                    background: #000000;
                    color: blue;
                    box-shadow: 2px 10px 50px 10px blue;
                    backface-visibility: hidden;
                    transform: rotateY(180deg);
                }

                .flip-card-back-DL-h1 {
                    font-family: 'Roboto', sans-serif;
                    font-size: 22px;
                    background-color: black;
                    color: lightblue;
                    padding: 0.5rem 1rem;
                    border: 0.25rem solid blue;
                    box-shadow: 5px 5px 50px 10px blue;
                    border-radius: 8px;
                    margin: 0 0 0.5rem 0;
                }

                .flip-card-front-DL {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border: 1px solid yellow;
                    border-radius: 1rem;
                    background: yellow;
                    color: #000000;
                    box-shadow: -2px 10px 50px 10px black;
                    backface-visibility: hidden;
                }

                .flip-card-front-DL-h1 {
                    font-family: 'Roboto', sans-serif;
                    font-size: 22px;
                    background-color: #000000;
                    color: #ff8c00;
                    padding: 0.5rem 1rem;
                    margin: 40px;
                    border: 0.25rem solid #ff8c00;
                    box-shadow: 10px 10px 50px 10px blue;
                    border-radius: 8px;
                }

                .container-DL {
                    display: flex;
                    margin: 2rem 0.5rem;
                    justify-content: center;
                    gap: 1rem;
                    flex-wrap: wrap;
                }

            </style>
            <!-- Josep Méndez's End -->

            <!--Start of REFRAZ1's message-->
            <div class="matrix" style="font-size: x-large; border: 0.4px solid #ccc; padding: 3%; margin: 5%;box-shadow: 2px 1px 6px #1e1f32; border-radius: 10px;">
            <h3 style="color: rgba(32, 105, 173, 0.933);">I want to thank our mothers for taking care of us. <br>And also W3S for allowing us to learn new skills for free. <br> <br> Remember that the road called “tomorrow” leads to a city called “never” <p style="color: white;">.-. . ..-. .-. .- --.. .----</p> </h3>
            <h6 style="font-style: italic;"> Hello from Ukraine  </h6>
            </div>
            <!--End of REFRAZ1's message-->

            <!--Start of theoisadoor's message-->
            <div class="matrix" style="font-size: large; border: 0.4px solid #ccc; padding: 3%; margin: 5%;box-shadow: 2px 1px 6px #1e1f32; border-radius: 10px;">
            <h3 style="color: rgba(0, 0, 0, 1);">thank you W3S, this tutorial has been paramount to my understanding of Git. <br></h3>
            </div>
            <!--End of theoisadoor's message-->
	
	    <!--Start of Deepthi's Message-->
        <div class="matrix" style="font-size: large; border: 0.4px solid #28a745; padding: 3%; margin: 5%; box-shadow: 2px 1px 6px #155724; border-radius: 10px; background-color: #d4edda;">
		<h3 style="color: #155724; text-align: center;">
        		A Huge Thank You to W3 Schools!  <br><br>
        		Keep shining, and keep teaching the world! <br><br>
		</h3>
	 	<h6 style="text-align: center; font-style: italic;">- A grateful coder </h6>
	</div>
	<!--End of Deepthi's Message--> 

        <!--Amadou Habou Gremah Mahamadou : Farkon ayki(start) -->
            <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">
                            A big thank you to W3Schools for the invaluable resources, 
                            and to the creator of this brilliant card flip idea!
                            from <b>Niger</b>, "Mun gode" !
                            
                        </h1>
                        <p style="font-size: small;">Survoler pour retourner</p>
                    </div>
                    <div class="flip-card-back-DLL">
                        <h1 class="flip-card-back-DLL-h1">
                            GREMAH &#128076;
                        </h1>
                        <p>Gremah Mahamadou</p>
                        <p style="font-size: medium;">vive le Niger/AES</p>
                        <img src="../Drapeaux_pays_AES.jpg" alt="Aliance des Etats du Sahel" width="50%" height="100px">
                        <p style="font-size: medium;">Monastir, le 01-31-2025</p>
                    </div>
                </div>
            </div>
            </div>

            <style>
            .flip-card-DLL:hover .flip-card-inner-DLL {
                transform: rotateX(-180deg);
            }

            .flip-card-DLL {
                font-family: 'Roboto', sans-serif;
                width: 350px;
                height: 400px;
                perspective: 1100px;
            }

            .flip-card-back-DLL {
                position: absolute;
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                border:ridge 2px #f3431c;
                border-radius: 2rem;
                background: #fff;
                color: blue;
                box-shadow: 2px 10px 50px 10px blue;
                backface-visibility: hidden;
                transform: rotateX(-180deg);
            }

            .flip-card-back-DLL-h1 {
                font-family: 'Roboto', sans-serif;
                font-size: 22px;
                background-color: black;
                color: lightblue;
                padding: 0.5rem 1rem;
                border: 0.25rem solid blue;
                box-shadow: 5px 5px 50px 10px blue;
                border-radius: 8px;
                margin: 0 0 0.5rem 0;
            }

            .flip-card-front-DLL {
                position: absolute;
                width: 100%;
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                border: 1px solid black;
                border-radius: 1rem;
                background: linear-gradient(to bottom,rgb(255, 94, 0),white, green) !important ;
                color: #000000;
                box-shadow: -2px 10px 50px 10px black;
                backface-visibility: hidden;
            }

            .flip-card-front-DLL-h1 {
                font-family: 'Roboto', sans-serif;
                font-size: 22px;
                background-color: rgba(255, 94, 0, 0.785);
                color: black;
                padding: 0.5rem 1rem;
                margin: 40px;
                border: 0.25rem double black;
                box-shadow: 15px 10px 40px 10px white;
                border-radius: 100px;
            }

            .container-DLL {
                display: flex;
                margin: 2rem 0.5rem;
                justify-content: center;
                gap: 1rem;
                flex-wrap: wrap;
            }

            </style>
        <!--Amadou Habou Gremah Mahamadou : karshen ayki(end) -->


            <!-- Logan Swain's Start -->
            <div class="container-DL">
                <div class="flip-card-DL">
                    <div class="flip-card-inner-DL" style="width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: relative;">
                        <div class="flip-card-front-DL">
                            <h1 class="flip-card-front-DL-h1">
                                Thank you W3 schools for the great resources,
                                and also whoever came up with this card flip idea
                            </h1>
                            <p style="font-size: small;">Hover to flip</p>
                        </div>
                        <div class="flip-card-back-DL">
                            <h1 class="flip-card-back-DL-h1">
                                Logan &#128076;
                            </h1>
                            <p style="font-size: medium;">Indiana / US</p>
                            <p style="font-size: medium;">01-22-2025</p>
                        </div>
                    </div>
                </div>
            </div>

            <style>
                .flip-card-DL:hover .flip-card-inner-DL {
                    transform: rotateY(180deg);
                }

                .flip-card-DL {
                    font-family: 'Roboto', sans-serif;
                    width: 350px;
                    height: 400px;
                    perspective: 1100px;
                }

                .flip-card-back-DL {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border: 1px #f3431c;
                    border-radius: 1rem;
                    background: #000000;
                    color: blue;
                    box-shadow: 2px 10px 50px 10px blue;
                    backface-visibility: hidden;
                    transform: rotateY(180deg);
                }

                .flip-card-back-DL-h1 {
                    font-family: 'Roboto', sans-serif;
                    font-size: 22px;
                    background-color: black;
                    color: lightblue;
                    padding: 0.5rem 1rem;
                    border: 0.25rem solid blue;
                    box-shadow: 5px 5px 50px 10px blue;
                    border-radius: 8px;
                    margin: 0 0 0.5rem 0;
                }

                .flip-card-front-DL {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border: 1px solid #f3431c;
                    border-radius: 1rem;
                    background: #f3431c;
                    color: #000000;
                    box-shadow: -2px 10px 50px 10px black;
                    backface-visibility: hidden;
                }

                .flip-card-front-DL-h1 {
                    font-family: 'Roboto', sans-serif;
                    font-size: 22px;
                    background-color: #000000;
                    color: #5c9ef5;
                    padding: 0.5rem 1rem;
                    margin: 40px;
                    border: 0.25rem solid #5c9ef5;
                    box-shadow: 10px 10px 50px 10px blue;
                    border-radius: 8px;
                }

                .container-DL {
                    display: flex;
                    margin: 2rem 0.5rem;
                    justify-content: center;
                    gap: 1rem;
                    flex-wrap: wrap;
                }

            </style>
            <!-- Logan Swain's End -->

            <!-- Dariusz Larsen's Start -->
            <div class="container-DL">
                <div class="flip-card-DL">
                    <div class="flip-card-inner-DL" style="width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: relative;">
                        <div class="flip-card-front-DL">
                            <h1 class="flip-card-front-DL-h1">
                                Thanks for all various courses of W3S !!!
                            </h1>
                            <p style="font-size: small;">hovering flips</p>
                        </div>
                        <div class="flip-card-back-DL">
                            <h1 class="flip-card-back-DL-h1">
                                Dariusz Larsen &#128077;
                            </h1>
                            <p style="font-size: medium;">Warsaw / POLAND</p>
                            <p style="font-size: medium;">2025-01-16</p>
                        </div>
                    </div>
                </div>
            </div>

            <style>
                .flip-card-DL:hover .flip-card-inner-DL {
                    transform: rotateY(180deg);
                }

                .flip-card-DL {
                    font-family: 'Roboto', sans-serif;
                    width: 350px;
                    height: 400px;
                    perspective: 1100px;
                }

                .flip-card-back-DL {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border: 1px solid blue;
                    border-radius: 1rem;
                    background: #000000;
                    color: blue;
                    box-shadow: 2px 10px 50px 10px blue;
                    backface-visibility: hidden;
                    transform: rotateY(180deg);
                }

                .flip-card-back-DL-h1 {
                    font-family: 'Roboto', sans-serif;
                    font-size: 22px;
                    background-color: black;
                    color: lightblue;
                    padding: 0.5rem 1rem;
                    border: 0.25rem solid blue;
                    box-shadow: 5px 5px 50px 10px blue;
                    border-radius: 8px;
                    margin: 0 0 0.5rem 0;
                }

                .flip-card-front-DL {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border: 1px solid yellow;
                    border-radius: 1rem;
                    background: yellow;
                    color: #000000;
                    box-shadow: -2px 10px 50px 10px black;
                    backface-visibility: hidden;
                }

                .flip-card-front-DL-h1 {
                    font-family: 'Roboto', sans-serif;
                    font-size: 22px;
                    background-color: #000000;
                    color: #ff8c00;
                    padding: 0.5rem 1rem;
                    margin: 40px;
                    border: 0.25rem solid #ff8c00;
                    box-shadow: 10px 10px 50px 10px blue;
                    border-radius: 8px;
                }

                .container-DL {
                    display: flex;
                    margin: 2rem 0.5rem;
                    justify-content: center;
                    gap: 1rem;
                    flex-wrap: wrap;
                }

            </style>
            <!-- Dariusz Larsen's End -->
		<!-- Earl message-->
		<div class="container-DL">
                <div class="flip-card-DL">
                    <div class="flip-card-inner-DL" style="width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: relative;">
                        <div class="flip-card-front-DL">
                            <h1 class="flip-card-front-DL-h1">
                                Thank you W3 schools for the great resources just started learning yesterday
				    im kinda getting it now,
                                and also whoever came up with this card flip idea!!!
                            </h1>
                            <p style="font-size: small;">Hover to flip</p>
                        </div>
                        <div class="flip-card-back-DL">
                            <h1 class="flip-card-back-DL-h1">
                                Logan &#128076;
                            </h1>
                            <p style="font-size: medium;">Philippines</p>
                            <p style="font-size: medium;">01-30-2025</p>
                        </div>
                    </div>
                </div>
            </div>

            <style>
                .flip-card-DL:hover .flip-card-inner-DL {
                    transform: rotateY(180deg);
                }

                .flip-card-DL {
                    font-family: 'Roboto', sans-serif;
                    width: 350px;
                    height: 400px;
                    perspective: 1100px;
                }

                .flip-card-back-DL {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border: 1px #f3431c;
                    border-radius: 1rem;
                    background: #000000;
                    color: blue;
                    box-shadow: 2px 10px 50px 10px blue;
                    backface-visibility: hidden;
                    transform: rotateY(180deg);
                }

                .flip-card-back-DL-h1 {
                    font-family: 'Roboto', sans-serif;
                    font-size: 22px;
                    background-color: black;
                    color: lightblue;
                    padding: 0.5rem 1rem;
                    border: 0.25rem solid blue;
                    box-shadow: 5px 5px 50px 10px blue;
                    border-radius: 8px;
                    margin: 0 0 0.5rem 0;
                }

                .flip-card-front-DL {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    border: 1px solid #f3431c;
                    border-radius: 1rem;
                    background: #f3431c;
                    color: #000000;
                    box-shadow: -2px 10px 50px 10px black;
                    backface-visibility: hidden;
                }

                .flip-card-front-DL-h1 {
                    font-family: 'Roboto', sans-serif;
                    font-size: 22px;
                    background-color: #000000;
                    color: #5c9ef5;
                    padding: 0.5rem 1rem;
                    margin: 40px;
                    border: 0.25rem solid #5c9ef5;
                    box-shadow: 10px 10px 50px 10px blue;
                    border-radius: 8px;
                }

                .container-DL {
                    display: flex;
                    margin: 2rem 0.5rem;
                    justify-content: center;
                    gap: 1rem;
                    flex-wrap: wrap;
                }

            </style>
		<!-- End message -->

            <!-- Anuj's message start -->
            <p> Hi, This is Anuj </p>
            <p> Soon, going to be a developer </p>
            <p> Hope the transition from Competitive Programmer to a developer will be smooth and amazing. </p>
            <!-- Anuj's message ends -->

	        <h1>Thank you!</h1>
            <p>Hello from Lithuania 2025-Jan-22<p>
		
	        <h1>Thank you!</h1>
            <p>Hello from NYC where congestion pricing is now in effect!<p>
            <!--End of Message-->
            <!-- Insert your message below here -->
            <h1 id="main-header">Thank you, W3Schools</h1>
            <p class="location-text">Hello from Nairobi, Kenya</p>


            <style>
                #main-header {
            color: #007bff;
            font-size: 2.5em;
            text-transform: uppercase;
            font-weight: bold;
            margin-bottom: 20px;
        }
        .location-text {
            color: #333;
            font-size: 1.2em;
            font-style: italic;
            background-color: #fff;
            display: inline-block;
            padding: 10px 20px;
            border-radius: 8px;
            box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
        }

            </style>

            <!-- End user messages -->
			
			<!-- Start message -->
            <h1>Thank you!</h1>
            <p>Hello from LV.</p>
            
            <!--End of Message-->

            <!-- Start message -->
            <h1>Thank you!</h1>
            <p>Greetings from Sweden/Stockholm! Thank you so much for providing a great resource!</p>
            <p>Kind Regards</p>
            <p>Dejan Marlovic</p>
            <!--End of Message-->
            
            <!-- Start Message -->
             <h3>Thank you!</h3>
             <p>Hello from India😀</p>
            <!--End of Message-->
			
            <h1>W3 thank u guys for your resources!</h1>
            <p>I'm from Colombia. I'm learning how to code with Python on your Website, getting into Git&GitHub, and SQL as well.<p>
            <p>I'm aiming to become a Back-End Developer. I'll get there! So thanks for your help!</p>
            <!--End of Message-->
            
            <!-- Andri's starts here -->
            <h1>W3, thanks for great tutorial</h1>
            <p>Happy to learn and get better using these platform</p>
            <p>Ukraine/Amsterdam</p>
            <!--End of Message-->

            <!-- Ethan's message starts here -->
             <h1>I LOVE W3SCHOOLS!</h1>
             <p>I just started my full stack developer journey and thanks to w3schools i am on my way to making the career switch because i am gaining all the skills i need.</p>
             <p>Please keep up the good work, we love it!</p>
            <!-- Ethan's message ends here -->
			
			<!-- Ibim's message starts here -->
            <h1>W3, thanks for tutorial</h1>
            <p>It's been much appreciated.</p>
            <p>Regards, Ibim</p>
            <!--End of Message-->
            
            <!-- Amirreza's Message starts from here -->
            <div style="width: 100%; border: 1px solid #000; margin: 20px auto; border-radius: 5px; overflow: hidden;">
                <!-- Green Section -->
                <div style="background: green; height: 100px; display: flex; justify-content: center; align-items: center; color: white;">
                    <h1 style="margin: 0;">Hello from Iran</h1>
                </div>
                <!-- White Section -->
                <div style="background: white; height: 100px; display: flex; justify-content: center; align-items: center; color: black;">
                    <p style="margin: 0;">Thank's a lot for efforts!</p>
                </div>
                <!-- Red Section -->
                <div style="background: red; height: 100px; display: flex; justify-content: center; align-items: center; color: white;">
                    <p style="margin: 0;">Amirreza Karimian</p>
                </div>
            </div>
            <!-- End of Amirreza's Message -->

          <!-- Guanghua's Start message -->
            <p> Thanks for the tutorial.</p>
          <!--End of Message--> 
          
          <!-- Start of Janne's message -->
            <p>Amazing tutorial, I appreciate it.</p>
            <p>Best Regards, Janne</p>
          <!-- End of Janne's message -->

          <!-- Micheal's Start message -->
             <h1>Amazing Stuff W3School, I enjoyed working on Git and Github. You guys made it happen.</h1>
             <p>Keep up the good job.</p>
             <p>Love from Nigeria.</p>
             <p>Micheal Avackaa</p>
           <!--End of Message-->

           <!-- skyneon1 message starts from here -->
            <div class="w3-panel w3-leftbar w3-sand w3-serif">
                <p class="w3-large">
                    <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
                    "Thank you W3Schools for the amazing Git tutorial!"
                </p>
                <p>skyneon1</p>
            </div>
            <!-- skyneon1 message Ends here -->

            <!--Start of Ernest's message-->
            <div class="matrix" style="font-size: x-large; border: 0.4px solid #ccc; padding: 3%; margin: 5%;box-shadow: 2px 1px 6px #001440;">
            <h3 style="color: rgba(212, 180, 0, 0.933);">Thank you so much w3schools! , thanks to your immense resources I have been able to learn a lot</h3>
            <h6 style="font-size: large;letter-spacing:5px;color: dodgerblue;">- Ernest (A)</h6>
            </div>
            <!--End of Ernest's message--> 
            <div>
            <!--Jedges's message Starts here-->
            <blockquote><h1><font face="Cambria" color="Cyan">Real madrid is winning the 24/25 Laliga and UCL </font></h1></blockquote>
            <!--end of Jedges's message-->
            </div>
        
            <!-- Tomas' Start message -->
              <p>Arsenal Will win the premier league. Gunners!</p>
            <!--End of Tomas' Message-->
                   
           <!-- Raymond's Start Message -->
            <div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; margin: 2rem 0;">
                <div class="wknd-flip-card" style="width: 250px; height: 300px; perspective: 1000px; font-family: 'Roboto', sans-serif;">

                <div class="wknd-flip-card-inner" style="width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: relative;">

                    <div class="wknd-flip-card-front" style="position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #ff8c00; border-radius: 1rem; background: #ff8c00; color: #000000; box-shadow: 0 8px 14px rgba(0, 0, 0, .4); backface-visibility: hidden;">
                        <h1 style="
                        font-family: 'Roboto', sans-serif;
                        font-size: 22px;
                        background-color: #000000;
                        color: #ff8c00;
                        padding: 0.5rem 1rem;
                        border: 0.25rem solid #ff8c00;
                        border-radius: 8px;
                        margin: 0 0 0.5rem 0;
                    ">
                        THANK YOU /
                        TERIMA KASIH 
                        W3!! &#128079;
                    </h1>
                    <p>For Git Tutorial &#128077;</p> 
                    <p style="font-size: small;">hover to flip</p>     
                </div>

                <div class="wknd-flip-card-back" style="position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 1px solid #ff8c00; border-radius: 1rem; background: #000000; color: #ff8c00; box-shadow: 0 8px 14px rgba(0, 0, 0, 0.2); backface-visibility: hidden; transform: rotateY(180deg);">
                        <h1 style="
                        font-family: 'Roboto', sans-serif;
                        font-size: 22px;
                        background-color: #ff8c00;
                        color: #000000;
                        padding: 0.5rem 1rem;
                        border: 0.25rem solid #000000;
                        border-radius: 8px;
                        margin: 0 0 0.5rem 0;
                    ">
                        Raymond Surin &#128075;
                    </h1>
                    <p style="font-size: medium;">from MALAYSIA</p>
                    <p style="font-size: medium;">Developed on Monday 2024/12/23</p>
                </div>
             </div>
            </div>
        </div>
   
            <style>
                .wknd-flip-card:hover .wknd-flip-card-inner {
                    transform: rotateY(180deg);
                }
            </style>
            <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
            <!-- End of Raymond's Message -->
             
            <!-- Sagar's Message starts from here -->
            <div class="sagar-flip-card" style="background-color: transparent; width: 250px; height: 280px; perspective: 1000px; font-family: sans-serif;margin-left: 42%;">
                <div class="sagar-flip-card-inner" style="position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d;">
                    <div class="sagar-flip-card-front" style="box-shadow: 0 8px 14px 0 rgba(0,0,0,0.2); position: absolute; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid coral; border-radius: 1rem; background: linear-gradient(120deg, bisque 60%, rgb(255, 231, 222) 88%, rgb(255, 211, 195) 40%, rgba(255, 127, 80, 0.603) 48%); color: coral;">
                        <p class="sagar-title" style="font-size: 1.5em; font-weight: 900; text-align: center; margin: 0;">THANK YOU W3!!</p>
                        <p>For Git Tutorial</p>
                        <p>Hover to see me</p>
                    </div>
                    <div class="sagar-flip-card-back" style="box-shadow: 0 8px 14px 0 rgba(0,0,0,0.2); position: absolute; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border: 1px solid coral; border-radius: 1rem; background: linear-gradient(120deg, rgb(255, 174, 145) 30%, coral 88%, bisque 40%, rgb(255, 185, 160) 78%); color: white; transform: rotateY(180deg);">
                        <p class="sagar-title" style="font-size: 1.5em; font-weight: 900; text-align: center; margin: 0;">VENKATA SAGAR</p>
                        <p>FROM INDIA</p>
                    </div>
                </div>
            </div>
            <style>
                .sagar-flip-card:hover .sagar-flip-card-inner {
                    transform: rotateY(180deg);
                }
            </style>
            
            <!-- End of Sagar's Message -->
            
            <!--Emmanuel's Message to w3schools.com-->
            <div class="w3-panel w3-black">
                <p class="w3-large w3-serif">
                <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
                Emmanuel (from the streets of Abuja, Nigeria) was here and is compelled to express he's gratitude to w3schools.com through a virtual kiss for this 
                wonderful opportunities to learn git and github effectively. Thanks! [CHEERS]</p>
            </div>
            <!--End of Emmanuel's Message-->
            
            <!--Start of kenzorb's Message-->
            <h1>HI EVERYONE, IM KENZORB </h1>
            <!--End of kenzorb's Message-->

            <!-- Message from Wendy -->
            <div>
                <p>You only live once, but if you do it right, once is enough</p>
                <p>-- Mae West</p>
            </div>
            <!-- End message from Wendy -->

            <!-- Start of MKhai's Message-->
            <blockquote class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-large">
                <i>"Thank you for the wonderful introduction to Git and GitHub!"</i></p>
                <p>Manh Khai from Vietnam</p>
              </blockquote>   
            <!-- End of MKhai's Message-->

            <!--Start of krik's Message-->
            <p> Cheers</p>
            <!--End of krik's Message-->
            

            <!--Start of Anvit's Message-->
            <p> Thanks for the Tutorial!</p>
            <!--End of Anvit's Message-->
            
           
            <!-- LePandolfo's Start message -->
            <div class="w3-panel w3-black">
            <p class="w3-large w3-serif">
            <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
            LePandolfo is here, to record his gratitude with W3.</p>
            </div>
            <!--LePandolfo's End of message--
          
            <!-- Rosa's Start message -->          
            <p style="border: 5px #38c51c dotted; padding: 1em; background-color: #ff3385; border-radius: 10px; color: #6f8; font: bold 24px Lucida Handwriting">
            Rosa says: Let's Git it!  
            </p>
            <!--Rosa's End of message-->

            <!-- Start of Roberts message -->
            <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
            <div style="
              font-family: Roboto;
              font-size: medium;
              background-color: #1f1f1fe1;
              color: #ccc5c1;
              padding: 1rem;
              margin-bottom: 1rem;
              border: 0.25rem solid #74ccc5;
              border-radius: 8px;
            ">

                <h1 style="
                    font-family: Roboto;
                    font-size: 22px;"
                >
                    Hello World! &#128075;
                </h1>

                <p>
                    Thank you <span style="font-weight: bold; color: #04aa6d;">W3Schools</span>! <br>
                    <br>
                    I'm grateful for the interactive learning experiences that are provided on the platform.<br>
                    This was a great and really helpful tutorial on Git and GitHub!  
                </p>

                <div style="
                  text-align: right;
                ">
                    <p><i>
                        <span
                            style="border-right: 0.3rem solid #000000; padding-right: 1rem;">Robert</span><br>
                        <span
                            style="border-right: 0.3rem solid #DD0000; padding-right: 1rem;">from Germany</span><br>
                        <span
                            style="border-right: 0.3rem solid #FFCC00; padding-right: 1rem;">2024-12-06</span>
                    </i></p>
                </div>
            </div>
            <!-- End of Roberts message -->

            <!-- Start of message -->

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                <i>"Thank you guys for the wonderful introduction to Git!"</i></p>
                <p>Petra</p>
            </div> 

            <div
                style="background-color:#016370; border: 1px solid rgba(0, 0, 0, .8); border-radius: 8px;">
                <h2 style="font-family: monospace; color: #fff; padding:10px;">Thanks for the tutorial (paedu-77)</h2>
            </div>
            <!-- End of message -->
            
            <!-- Start message -->          
            <p style="border: 3px #1c71c5; padding: 1.5em; background-color: #f0f8ff; border-radius: 10px;">
		          CrissSerrano from Mexico
            </p>
            <!--End of message-->
    
            <h1>"Hola soy Kevin Martinez :)"</h1>
            
            <h1>Xin chào! </h1>
	          
            <h1>ARRIBA AMLO</h1>

            <h1>Holaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</h1>

            <h1>HOLAAA ARRIBA LAS AGULAS</h1> 	

            <h1>Jose Angel</h1>

            <h1>Hello world from mexico</h1>

            <h1>Saludos desde UTEZ 2024</h1>

            <!-- Start message -->
            <p>Thank you w3schools for this nice tutorial !</p>
            <!--End of message-->

            <!-- Start message -->
            <p style="border: 3px #1c71c5; padding: 1.5em; background-color: #f0f8ff; border-radius: 10px;">
                "Holaaaaaaa" Gracias.
            </p>
            <!--End of message-->

            <!-- Start message -->
            <p style="border: 3px #1c71c5; padding: 1.5em; background-color: #f0f8ff; border-radius: 10px;">
                "Human beings are free; it is in this freedom that life finds meaning." Thank you, w3schools! from saeed.
            </p>
		
		        <h1>Mi nombre es Aylin, que viva Black Pink y el creador de este tutorial<h1/>
            <!--End of message-->

            <!-- Start message -->
            <h1>Inserte mi mensaje aquiii</h1>
      	    <p style="border: 3px #1c71c5; padding: 1.5em; background-color: #f0f8ff; border-radius: 10px;">
               Only love will bring peace among us! Greetings from binyamin hazoom! &#128151; &#128512; &#128151;
            </p>
            <!--End of message-->
          
            <!-- Start message -->
            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR_und47By6PE7jgmq9iL30mgtzlG04AS2mDA&s" alt="salam dari bekasi">

            <!-- Message from James -->
            <p>Great tutorial w3schools, I learned alot. 27-Nov-24</p>
            <!-- End of message -->

		        <!--Message from Tester-->
            <p>Thanks for this tutorial, from Tester.</p>
            <!--End of message-->

            <!--Message from Ghana-->
            <p>Thanks for this tutorial, from Ghana</p>
            <!--End of message-->

	          <!-- ************************************** -->
            <!-- message from Arthur -->
            <div style="text-align: center; background-color: blue; color: white; padding: 20px; margin: 10px;">
                <h3>"A man can be himself only so long as he is alone; and if he does not love solitude, he will not love freedom; for it is only when he is alone that he is really free. - Arthur Schopenhauer"</h3>
                <h5 style="font-style: italic; font-weight: bold; margin-top: 10px;">I am Arthur<span style="font-style: normal; font-weight: normal; margin-left: 4px;">BYE!</span>
                </h5>
            </div>
            <!-- arthur's message end -->
            <!-- ************************************** -->
		
            <!-- Message from Leo Huang -->
            <p style="border: 3px dashed #1e90ff; padding: 1.5em; background-color: #f0f8ff; border-radius: 10px;">
                I am immensely grateful to <span style="font-weight: bold; color: #ff4500; background-color: #fffacd; padding: 0.2em 0.4em; border-radius: 5px;">w3schools</span> for teaching me Git!
                Without your resources, managing version control would be a difficult journey.
                Thanks to you, I now manage my projects confidently, navigating branches and commits like a pro.
            </p>
            <div style="text-align: center; font-size: 1.4em; color: #228b22; margin-top: 1em; font-style: italic;">
                Thank you, w3schools!
            </div>
            <!-- End of message -->

            <!-- Message from cyberluxx -->
                <p>Greetings from <b>Germany</b>!</p>
            <!-- End of message-->

            <!-- Message from Pebble94464 -->
            <p style="border: 2px solid green; padding: 1em">
                My favorite color is <span style="color: green">GREEN</span>.
                I love it more than <span style="color: blue">BLUE</span> and
                <span style="color: yellow">YELLOW</span> combined.
            </p>

            <p style="border: 2px solid red; padding: 10px; border-radius: 2px;">
                I am from <b>TamilNadu</b>.<br/>
                Chennai is the capital of TamilNadu. 
                Welcome Everyone to visit Chennai, atleast once in their lifetime.
            </p>
            <!-- End of message -->

            <p>Thank you for your excelent training, <strong>chris.</strong></p>
            <p> Hello world! Thanks for the Intro to GIT! </p>

            <!-- Message-->
            <p>Thanks for this tutorial</p>
            <!-- End message-->

            <div style="
            display: flex;
            border: 1px solid black;
            background-color: wheat;
            ">
                Hi, I am Asim from INDIA.
                <br>
                Thanks w3schools.com
            </div>


            <p>Thank you for your excelent training, <strong>chris.</strong></p>
            <p> Same message as above from Garv Malik </p>
            <div style="
              font-family: monospace;
              background-color: white;
              padding: 1rem;
              margin-bottom: 1rem;
              border: 0.1rem solid black;
              border-radius: 0.8rem;
              box-shadow: 0px 4px 0px gray;
              word-spacing: 0.2rem;
            ">
                <div style="
                  display: flex;
                  justify-content: start;
                ">
                    <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fcdn3.iconfinder.com%2Fdata%2Ficons%2Fsocial-media-2169%2F24%2Fsocial_media_social_media_logo_git-1024.png&f=1&nofb=1&ipt=f8bdfe61d989ee3823c8efba07585b1261cb7b85fa145b6bf35736dd6fa122b4&ipo=images"
                        style="
                        width: 3em;
                        height: 3em;
                        margin: auto 1.2em auto 0;
                      " />

                    <h1 style="
                    font-family: monospace;
                  ">
                        Let's GIT it on!
                    </h1>

                </div>

                <p>
                    If you don't know, now you know!
                </p>
                <p>
                    Greetings from The Netherlands!🇳🇱
                </p>
            </div>
            <!-- ************************************** -->
            <!-- message from Gedeon -->
            <div style="text-align: center; background-color: blue; color: white; padding: 20px; margin: 10px;">
                <h3>"Hello! (Muraho!). Gedeon from Rwanda, and The Gym Rwanda.<br>Visit Rwanda hhhh Amahoro!"</h3>
                <h5 style="font-style: italic; font-weight: bold; margin-top: 10px;">Gedeon <span
                        style="font-style: normal; font-weight: normal; margin-left: 4px;"> from</span>
                    Rwanda.<br>Email: gdufitimana@gmail.com</h5>
            </div>
            <!-- Gedeon's message end -->
            <!-- ************************************** -->
            <!-- Message from Anastasiikk -->
            <p>Thank you for making the hard stuff easy to understand and fun to learn!</p>
            <!-- End message from Anastasiikk -->

            <!-- Message from Mickael  -->

            <div style="
              font-family: monospace;
              background-color: lightgoldenrodyellow;
              padding: 1rem;
              margin-bottom: 1rem;
              border: 0.5rem solid black;
              word-spacing: 0.2rem;
            ">

                <h1 style="font-family: monospace;">
                    Helloww world !! &#x1F430
                </h1>

                <p>
                    I love spending my time on W3Schools :3. <br>
                    Here, the way they explain things is so clear
                    that even the hard stuff become easy and fun to
                    learn ! Thank you for existing W3schools
                    &lt;3 &lt;3.
                </p>

                <div style="
                  text-align: right;
                  border-right: 0.3rem solid black;
                  padding-right: 1rem;
                ">

                    <p><i>
                            Mickael from Madagascar<br>
                            22nd Tuesday October 2024
                        </i></p>
                </div>
            </div>

            <!-- End message from Mickael -->

            <!-- Message from Ryan H -->
            <div style="border: 1px solid #ccc; padding: 20px; background-color: #f8f8f8; padding-bottom: 30px; margin-bottom: 20px;">
                <blockquote style="border-left: 4px solid #ccc; padding-left: 10px; background-color: #f2f2f2; margin-bottom: 20px;">
                  <p style="font-style: italic; font-size: 18px; color: #555;">
                    "Programming is not about what you know; it's about what you can learn."
                  </p>
                  <p style="text-align: right; font-size: 14px; color: #888;">- Abelson & Sussman</p>
                </blockquote>
                <p style="font-weight: bold; color: #333;">Message From Ryan Hopewell</p>
              </div>
            <!-- End message from Ryan H -->

            <!-- Start message from Nizam-->

            <div style=" 
                        height: 40vh; display: flex;
                        flex-direction: column; 
                        align-items: center;
                        justify-content: center;
                        border: 5px dotted black;
                        padding: 5px;
                        margin: 5px;
                        background: linear-gradient(to bottom, #ff9933 33.33% ,
                        #ffffff 33.33%, #ffffff 66.66%, #138808 66.66%);">
                <h2>HELLO I AM NIZAM, FROM INDIA</h2>
            
                <P>YOU ARE THE BEST SCHOOL EVER I STUDIED</P>
                <P>HOPE EVERYONE ENJOYED IT LIKE ME</P>
                <p style="color: #fff;">THANK YOU FOR EVERYTHING</P>
            </div>

            <!-- End message from Nizam-->

            <!-- Message from Andrian Wu-->

            <style>
                #special-section {
                    font-family: 'Arial', sans-serif;
                    background-color: #1c1f26;
                    color: #ecf0f1;
                    margin: 0;
                    padding: 0;
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    height: 100vh;
                    text-align: center;
                    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
                }

                #special-h1 {
                    font-size: 50px;
                    color: #e67e22;
                    margin: 0;
                    letter-spacing: 2px;
                    font-weight: bold;
                    opacity: 0;
                    transform: translateY(-20px);
                    animation: fadeIn 1s forwards;
                }

                #special-p {
                    font-size: 22px;
                    color: #bdc3c7;
                    margin-top: 15px;
                    opacity: 0;
                    transform: translateY(20px);
                    animation: fadeIn 1s forwards;
                    animation-delay: 0.5s;
                }

                @keyframes fadeIn {
                    to {
                        opacity: 1;
                        transform: translateY(0);
                    }
                }

                #special-h1:hover {
                    color: #f39c12;
                }

                #special-p:hover {
                    color: #ecf0f1;
                }
            </style>

            <div id="special-section">
                <h1 id="special-h1">Hi from Andrian Wu</h1>
                <p id="special-p">learning step by step everyday</p>
            </div>

            <!-- End message from Andrian Wu-->
            <!-- message from achraf Morocco -->
            <div>
                <h2>Life is too short </h2>
                <p>live her with the way u are</p>
            </div>
            <!-- end of message from achraf -->

            <!-- Message from Reza-->
            <div>
                <p>
                    Hello There!
                </p>
            </div>
            <!-- End message from Reza-->
             
            <!-- Message from Husam-->
            <div>
                <h1>Message from Husam</h1>
                <p>Hello from the Jordan!</p>
            </div>
            <!-- End message from Husam -->


            <!--Message from Deore-->
            <p>Greetings from Warsaw!</p>
            <!--End of message from Deore-->


            <!--Message from Ryan-->
            <p>G'Day from Australia!</p>
            <!--End of message from Ryan-->


            <!-- Message from Michael -->
            <p>Thank you for making the hard stuff easy to understand and fun to learn!</p>
            <!-- End message from Michael -->

            <!-- message from rifqy -->
            <h3>Hey i'm currently lear git!!</h3>
            <!-- end message from rifqy -->

            <!-- Message from gallus -->
            <div>
                One step at a time.
                <br>
                No need to rush.
                <br>
                No need to be anxious.
                <br>
                Just dive in.
            </div>
            <!-- End gallus message-->

            <!-- Start: Message from Gemma -->
            <div style="padding:0px 0px 10px 10px;margin:10px 0px;border:3px solid #008b8b;">
                <p style="font-family:Arial,Helvetica,sans-serif;">Hi from Gemma in Sheffield, England &#128578 &#128568
                    &#128512</p>
            </div>
            <!-- End:   Message from Gemma -->

            <!-- message from Jeremy -->
            <p>I wanted to get back to the basics this is very helpful to understanding git</p>
            <!-- end message from Jeremy-->

            <!-- Message from Reed -->
            <p>I learned git for fun one night. Then I taught 2 friends how to use git for a unity game.</p>
            <!--End message from Reed -->

            <!-- message from Josh -->
            <p>Sometimes in life I feel competitive</p>
            <!-- message from Josh -->

      	    <!-- Message from Melissa-->
            <style>
                .MelP {
                    display: grid;
                    grid-template-columns: repeat(7, 1fr);
                    grid-template-rows: 0;
                    width: 100%;
                    background: linear-gradient(135deg, #393e41ff, #d3d0cbff, #e2c044ff, #587b7fff, #1e2019ff);
                    border: solid 1px #1e2019ff;
                    height: 80px;
                }


                .Mel {
                    height: 80px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 64px;
                    width: 100%;
                    transition: background 1.5s;
                }

                .Mel2 {
                    height: 70px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 40px;
                    width: 100%;
                }

                .Mel:hover {
                    background: radial-gradient(#393e41ff, #d3d0cbff, #e2c044ff, #587b7fff, #1e2019ff);
                    color: white;
                    transition: 0.2s;
                }
            </style>

            <div class="MelP">
                <div class="Mel">M</div>
                <div class="Mel">E</div>
                <div class="Mel">L</div>
                <div class="Mel">I</div>
                <div class="Mel">S</div>
                <div class="Mel">S</div>
                <div class="Mel">A</div>
            </div>
            <div class="Mel"><span>Thank you soo much W3School for everything</span></div>
            <div class="Mel2">And thank you very much Fabián for your super lettering trick!!! </div>

            <p>The European languages are members of the same family. Their separate existence is a myth.
                For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their
                grammar,.</p>

            <!-- Start Thsls message -->
            <div style="text-align: center;">
                <span style="color: maroon; font-weight: bold; font-size: large;"> 🇱🇰 Hello</span>
                <span style="color: #f2be03; font-weight: bold; font-size: large;">From</span>
                <span style="color: green; font-weight: bold; font-size: large;">Sri</span>
                <span style="color: orange; font-weight: bold; font-size: large;">Lanka 🇱🇰</span>
                <br>
                <span>❤︎ W3Schools</span>
                <hr>
            </div>
            <!-- End Thsls message -->

            <p>Greetings from Philadelphia!</p>
            <!-- End user message -->

            <!-- Start Eds message -->
            <div style="text-align: center;">
                <span
                    style="color:black; font-weight:bold; text-decoration-line:underline; text-decoration-style:double;">Hello</span>&nbsp;
                <span
                    style="color:red; font-weight:bold; text-decoration-line:underline; text-decoration-style:double;">from</span>&nbsp;
                <span
                    style="color:gold; font-weight:bold; text-decoration-line:underline; text-decoration-style:double;">Germany</span>&nbsp;
                <br>
                <span class="txt">(づ ◕‿◕ )づ thx 4 the great tutorial</span>
            </div>
            <!-- End Eds message -->

            <!--Message from Carl-->
            <div class="w3-row">
                <div class="w3-col-12 w3-bg-info">
                    <br>
                    <h2>Thanks w3s.<br> I finally see those things I just could not quite get before</h2>
                    <span><cite>Carl from Boston</cite> </span>
                    <br>
                </div>
            </div>
            <!--End of message from Carl-->

            <!--Message from Prabhjot-->
            <div class="w3-row">
                <div class="w3-col-12 w3-bg-info">
                    <br>
                    <h2>Thanks W3Schools for everything!</h2>
                    <span><cite>Prabhjot Arora from India ❤️</cite> </span>
                    <br>
                </div>
            </div>
            <!--End of message from Prabhjot-->

            <p>Hello everyone, here a funny knowhow:
                Did you know that camels have 3 eyelids to protect their eyes from blowing sand.</p>

            <!-- Message from dolfdiop -->
            <div class="w3-panel w3-sand w3-leftbar">
                <p>Hello everybody, Really enjoy learning from w3school especially this git/github course, Keep up the
                    good work, diffusing knowledge around the world</p>
            </div>
            <!-- End message from dolfdiop -->


            <!-- Mensaje de Fabián -->
            <style>
                .fab {
                    display: grid;
                    grid-template-columns: repeat(6, 1fr);
                    grid-template-rows: 0;
                    width: 100%;
                    background: #000000;
                    border: solid 1px black;
                    height: 80px;
                }

                .fabL {
                    height: 80px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 64px;
                    width: auto;
                    transition: background 1.5s;
                }

                .fabL:hover {
                    background: #6d6df3;
                    color: white;
                    transition: 0.2s;
                }
            </style>
            <div class="fab">
                <div class="fabL">F</div>
                <div class="fabL">A</div>
                <div class="fabL">B</div>
                <div class="fabL">I</div>
                <div class="fabL">Á</div>
                <div class="fabL">N</div>
            </div>


            <div>
                <div class="w3-panel w3-leftbar w3-sand">
                    <p class="w3-xxlarge w3-serif">
                        <i>"Make it as simple as possible, but not simpler."</i>
                    </p>
                </div>
            </div>
            <div>

                <p>Hello, I am Michael</p>
                <p>Writing from Oetwil, near Zurich</p>
                <p>Thanks for your tutorial! It was great to learn from.</p>

            </div>

            <!-- Message from Taofeek-->
            <div
                style="background-color: #628ce8; border: 0.5px solid rgb(248, 170, 13); border-radius: 3px; align-items: center; justify-content: center;text-align: center;">
                <h2>Taofeek From Nigeria. So Excited for the completion of this Git and Github Course</h2>
            </div>
            <!--End Message from Taofeek -->


            <!--Message from CHERNANDEZ-->
            <div class="w3-row">
                <div class="w3-col-12 w3-bg-info">
                    <h2>Vamos, todos tenemos errores y el no perdonar es causa de tantas tumbas sin flores</h2>
                    <span><cite>-Cancerbero</cite>
                        <blockquote>chernandez</blockquote>
                    </span>
                </div>

            </div>
            <!--End of message from CHERNANDEZ-->

            <!--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;">
                    <p style="font-weight: bold; font-size: 20px;">Eat 🍴</p>
                    <p style="font-weight: bold; font-size: 20px;">Sleep 💤</p>
                    <p style="font-weight: bold; font-size: 25px; border: 2px solid;border-radius: 20px;">CODE 💻</p>
                    <p style="font-weight: bold; font-size: 20px;">Repeat ♻️</p>
                </div>
                <p style="text-align: center;"><i>The journey of a programmer begins by one keystroke or two or...</i>
                </p>
            </div>
            <!--End of message from IXVM-->
            <!-- Message from Faiz-->
            <div
                style="background-color: #0000FF; border: 1px solid black; border-radius: 10px; align-items: center; justify-content: center;text-align: center;">
                <h3>Hello from <span style="color:red" ;>Faiz</span></h3>
            </div>
            <!--End Message from Faiz -->

            <!-- Start block from Anna -->
            <div
                style="width:30%; margin:0 auto; border: 1px solid grey; font-size:18px; padding: 20px; border-radius:5px; text-align:center;">
                Hello everyone! Greetings from Anna. <br>
                <b>W3schools, thanks for great tutorials!</b> <br>
                <p style="text-align:right; margin: 0;">12/09/2024</p>
            </div>
            <!-- End block from Anna -->

            <!-- Start block from Anna2 -->
            <div
                style="width:30%; margin:0 auto; border: 1px solid grey; font-size:18px; padding: 20px; border-radius:5px; text-align:center;">
                God Bless you all! <br>
                <b>W3schools thank you!</b> <br>
                <p style="text-align:right; margin: 0;">12/09/2024</p>
            </div>
            <!-- End block from Anna2 -->

            <!-- Message from Gusztav -->
            <div style="align-items: center; justify-content: center; text-align: center; background-color: rgb(49, 51, 51);
      font-family: 'Courier New', Courier, monospace; font-size: 16px; color: white; margin: 40px;">
                <p>Great <span style="color: rgb(124, 76, 76);">guide</span>. Thanks <span
                        style="color: rgb(0, 183, 255)">for the </span>tutorial.</p>
                <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>
            </div>
            <!-- End message from umermatov -->

            <!-- Message from Cecilio -->

            <div class="w3-panel w3-sand w3-leftbar">
                <p><i class="fa fa-quote-right w3-xxlarge w3-opacity"></i>
                    <span class="w3-serif w3-xlarge">
                        Great Tutorial! Keep up the good work ...</span> Cecili 2024-09-06
                </p>
            </div>

            <!-- End message from Cecilio -->

            <div
                style="display: flex; align-items: center; justify-content: center;  background-image: url(https://res.cloudinary.com/dkc8xrlg8/image/upload/v1725595346/dark-secrets/ascii-avatars/danse_macabre.png); background-position: 0px -100px; background-size: cover; min-width: 90vw; height: 80px; border: double green 2px; border-radius: 20px;">
                <h2 style="font-family: monospace; color: green">6R33T1N65 FR0M C0L0M814!!</h2>
            </div>

            <div style="color:#0000FF">
                <p>Thanks to W3Schools. This git course was easy to learn and informative.<br>
                    Happy learning everyone. Sean from Texas, US. </p>
            </div>

            <div>
                <p>Hello, this is Atakan from Turkey.</p>
                <p>September 4th, 2024.</p>
            </div>
            <div>
                <h1>Praveen India</h1>
            </div>

            <!-- Message from me  -->
            <div class="con" style="
      display: flex;
      flex-flow: column wrap;
      align-items: center;
      background-color: #000;
      color: #fff;
      border-radius: 10px;
      transition: color 0.5s ease-in;">
                <h1>Thankfull to W3Schools💖</h1>
                <p>This tutorial really help to clear my confusion about git and gitHub.</p>
            </div>
            <!-- Message end  -->

            <!-- start message from Mubashar Khalid from (PAKISTAN) -->
            <div
                style="padding: 50px 0; border: 2px solid  black; background-color: rgb(0, 56, 5); text-align: center;">
                <h1 style=" color: white;">Greetings, I'm <span
                        style="text-decoration: underline; text-decoration-color: red;">Mubashar Khalid</span> from
                    Pakistan</h1>
                <p style="font-size: 20px; font-weight: 500; color: white;"> Thank you W3 Schools for creating such
                    an awesome course. Thanks a lot <span style="font-size: 50px; color: red;">♥</span>.</p>
                <solid style="font-size: 50px;font-weight:500">🇵🇰🇵🇰🇵🇰🇵🇰🇵🇰🇵🇰🇵🇰🇵🇰🇵🇰🇵🇰🇵🇰🇵🇰🇵🇰
                </solid>
            </div>
            <!-- end message -->

            <!-- Message From someone -->
            <div>
                <p>Hello, I have nothing interesting to add, so Hi!</p>
            </div>

            <!--Message from itsmefminsaf-->

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Life isn't for enjoying. It's for exploring.."</i>
                </p>
                <p>itsmefminsaf</p>
            </div>

            <!-- Message From Soly -->

            <!-- Message From Guillermo -->
            <div style="      
		  background-color:#009999;
		  border-radius:20px;
      padding: 10px;
		  color:#203049;
		  justify-content: center;
      width: max-content;">
                <p>Hi there, just saying hello from Ecuador</p>
                <p>land of mountains and jungle and nice people :)</p>
            </div>
            <!-- end of message-->

            <!-- Message From Soly -->

            <div>
                <p>Hello, everyone I am Soly Coulibaly </p>
                <p>glad to contributing.</p>

            </div>
            <!-- end of message-->

            <!-- Message From Akash Barahate -->
            <div>

                <p>Hello, everyone I am Akash Barahate </p>
                <p>glad to contributing.</p>
                <p>So far i had great learning experiance on this platform. I want to thank you for providing such
                    content for free.</p>

            </div>
            <!-- end of message-->

            <!-- from Moshiur R (moshiurr007) -->
            <div
                style="width:80vh; height:40vh; background-color:black; color:white; font-size:30px; font-style:arial; padding:20px; text-align:center;">
                <p> Hello, everyone. I am Moshiur R (moshiurr007) </p>
            </div>

            <div>
                <h1>Message from Vivek.</h1>
                <h2><b>glad to contributing.</b></h2>
            </div>
            <div>
                <h1>Message from Issac</h1>
                <p><b>Hello Guys, I am glad learning github from W3 Schools wesbite</b></p>
            </div>

            <!--Message from Ali-->
            <!--The Young Coder-->

            <!-- Message from shushtain -->
            <div class="w3-panel w3-leftbar w3-black">
                <p class="w3-xxlarge w3-serif">
                    <i>“Make it as simple as possible, by following W3Schools.”</i>
                </p>
                <p>Artem Shush</p>
            </div>

            <!-- Message from a girl -->
            <div>just learning git, thank to w3school</div>
            <!-- message from JS-->
            <div>Hello, I am learning git!</div>

            <!-- Message from AS -->
            <div>Hello from re-learing git basics!</div>

             <!-- Message from j1000 -->
             <div>
                <p>Hello! Enjoying every bit of the Git tutorial!</p>
                <p>Thank you very much!!!</p>
             </div>

            <!-- My Message -->
            <div>
                <p> that is my change</p>
                <p>thanks for the tutorial</p>
            </div>

            <!-- message for 123.dev -->
            <h4>Learning github contributions</h4>
            <!-- End message from 123.DEV -->

            <div>I don't know HTML send help</div>

            <div>hello w3schools is very good for learning coding
            </div>
            <div> msg from pondy fff</div>

            <!-- Message from some guy -->
            <div>Hello everybody! Thanks to W3School!</div>

            <!-- Messege from Md. Shanto Ujar -->
            <div style="width:80%;
		    background-color:green;
		    border-radius:20px;
		    color:red;
		    font-size:40px;
		    box-shadow:2px 2px 8px rgba(60, 60, 60, .23);
		    ">
                <p>Hello from Bangladesh</p>
                <p>🇧🇩🇧🇩🇧🇩🇧🇩🇧🇩</p>
            </div>

            <!-- Message from myrsine549 -->
            <div
                style="background: cornflowerblue; color: white; padding: 20px; border-radius: 10px; width: fit-content;">
                <h3>Thanks for walking me through how to use Git and GitHub!</h3>
                <em>- myrsine549</em>
            </div>
            <!-- End Message from myrsine549 -->

            <!-- Message from Rwanda -->
            <!-- <div>
              <h1>Hi guys, I am from Rwanda</h1>
              <p>We should keep on coding guys. It's fun.</p>
              <p>From EJ</p>
            </div> -->

            <div
                style="box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); padding: 2.5rem; border: 2px solid #9CA3AF; width: max-content; margin: 0 auto; border-radius: 0.75rem;">
                <h1 style="font-size: 1.5rem; font-weight: 500; border-bottom: 1px solid; padding-bottom: 0.75rem;">
                    Hi guys, I am from Rwanda</h1>
                <p>We should keep on coding guys. It's fun.</p>
                <p>From EJ</p>
            </div>

            <!-- My Update on programming. Just exploring Git/Github-->
            <h5>I am currently learning Rust and need to revist my skills on Git and Github from w3schools</h5>
            <h5>Sorry, i am not a front-end developer, i would have added a bad ass effect here</h5>

            <!-- Message from Matthew L-->
            <div>
                <h1>Thank you for an incredibly helpful tutorial!</h1>
            </div>

            <!-- Message from Adewale -->
            <div class="d-flex flex-column p-20 ">
                <div class="p-2 bg-info">
                    <h1> Roheem Wasiu Adewale</h1>
                </div>
                <div class="pt-2 bg-warning">
                    <h3>"Sometimes it pays to stay in bed on Monday, rather than spending the rest of the week
                        debugging Monday's code."</h3>
                    <h4>From Nigerian</h4>
                </div>
                <div class="pb -100 bg-warning">
                    <img src="a.jpg" alt="coding from home" style="width:100%;max-width:1000px">
                </div>
            </div>


            <!-- Message from Deep -->
            <div
                style="padding: 15px; display: flex; background: #fcfdd7; border-radius: 5px; box-shadow: 5px 5px rgba(0,0,0,0.1); margin: auto; width: 500px; max-width: 90v; flex-direction: column; justify-content: center; align-items: center">
                <p>Thanks a lot w3school, from Deep</p>
                <br>
                <img style="max-width: 300px; max-height: 300px; border-radius: 5px; object-fit: cover"
                    src="https://t.ly/wl3HT">
            </div>
            <!-- End of message from Deep -->

            <!-- Message from Ofurum  -->
            <div
                style="width: 100%; min-height: 200px; background-color: rgba(0, 0, 0, 0.466); padding: 30px; display: flex; flex-direction: column; align-items: center; margin: 20px auto; border-radius: 10px; color: white;">
                <h1>Hello, W3school</h1>
                <p>I am Ofurum from Nigeria</p>
                <p>W3School has aided in my journey so far, thanks so much.</p>
                <h1 style="font-size: 96px; color: red;">&hearts;</h1>
            </div>

            <div class="w3-container"
                style="background-color: darkblue; border-radius: 60px; width: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto;">
                <h2 style="color: white; text-transform: capitalize; text-align: center;">Thanks a lot for whole
                    thing, it is awesome
                </h2>
            </div>

            <!-- Message from Mohamed Adam from Sudan -->
            <div style="padding: 50px 0; border: 2px solid  black; background-color: #000; text-align: center;">
                <h1 style=" color: white;">Greetings, I'm <span
                        style="text-decoration: underline; text-decoration-color: red;">Mohamed Adam</span> from
                    Sudan</h1>
                <P style="font-size: 20px; font-weight: 500; color: white;"> Thank you W3 Schools for creating
                    such an awesome course. Thanks a lot <span style="font-size: 50px; color: red;">♥</span>.
                </P>
            </div>

            <!-- end of message from Mohamed Adam -->

            <!-- Message from Augusto -->
            <div>
                <h1>Greetings from Brazil </h1>
                <h1>Thanks w3schools</h1>
                <p>For making developers life much easier!
            </div>

            <div>
                <h1>Hi, w3shools</h1>
            </div>
            <div>
                Hello i'm from Kerala
            </div>

            <!-- Message from Roelof -->
            <div>
                <h1>Hello, my name is Roelof from the Netherlands!</h1>
                <h1>Thanks w3schools</h1>
                <p>For making developers life much easier! >
            </div>

            <!-- Message from Belgium -->
            <div>
                <h1>Thanks w3! <3 </h1>
            </div>

            <!-- start message from Sunil Mohan -->
            <div style="font-family: Arial, sans-serif; background-color: #f4f4f4; padding: 20px; color: #333;">
                <h2 style="color: #4CAF50;">Thanks a lot W3Schools !!!</h2>
                <p style="font-size: 1.2em; line-height: 1.6;">Your Tutorials have played a pivotal role in my
                    S/W journey since 2009.</p>
                <p style="font-size: 1.2em; line-height: 1.6;">Thank you for providing such a great platform for
                    continuous learning.</p>
                <p style="font-size: 1.2em; line-height: 1.6;">Thanks & Regards, <br /> <br /> <B>Sunil
                        Mohan</B></p>
            </div>
            <!-- end message from Sunil Mohan -->


            <div id="iwnelion">
                <p>hello from iwn</p>
            </div>


            <!-- Message from Panxr -->
            <div>
                <center>
                    <h1 style="color:#2e2712;">Thanks for the great tutorials W3Schools!</h1>
                    <h2 style="color:#2e2712;">You guys rock!</h2>
                </center>
            </div>
            <!-- End of message from Panxr -->

            <!-- Message from TaheranKhan -->
            <div>
                <h1>😍Hello, I am from India </h1>
                <h1>Thanks w3schools</h1>
                <p>For making developers life much easier! >
            </div>

            <!-- Message from Ted-->>
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        Greetings from New Zealand!<br>
                        W3Schools is the best!</i></p>
            </div>
            <!-- Message from Slovakia-->>
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        Greeting from Slovakia !<br>
                        Thank you for this helpful tutorial</i></p>
            </div>


            <!-- Message from Tarun -->
            <div>
                <h1>Thanks w3schools</h1>
                <p>For making developers life much easier! :)>
            </div>

            <!-- Message from Kenneth -->
            <div>
                <h1>Obrigado w3schools</h1>
                <p>Otimo tutorial para galera aprender muito do git e GitHub!!</p>
            </div>

            <!-- Message from mars -->
            <div>
                The year is 2040, and humanity has achieved what was once thought to be the stuff of science
                fiction: a manned mission to Mars. As the red planet reveals its secrets to the pioneering
                astronauts and scientists, an unexpected discovery sends shockwaves through the cosmos—a message
                from Mars.

                Discovery and Deciphering
                During an exploratory mission on the Martian surface, the astronauts stumble upon a mysterious
                artifact buried beneath the iron oxide sands. Initially thought to be a natural formation,
                closer inspection reveals it to be an ancient, technologically advanced device. Embedded within
                its crystalline structure is a series of complex patterns and symbols. The excitement is
                palpable as the team realizes they are on the verge of uncovering something extraordinary.
            </div>

            <!-- Message from Cristi, Republic of Moldova -->
            <h2>Great tutorial, easy going, recommend doing every step showed.</h2>
            <!-- end of message from Cristi -->

            <div>github presentation</div>

            <!-- start message from Matias -->
            <div style="font-family: 'Segoe UI', sans-serif; background-color: #f4f4f4; padding: 20px; color: #333;">
                <h2 style="color: #EB8921;">Greetings from Chilee. </h2>
                <p style="font-size: 1.2em; line-height: 1.6;">Thank you W3Schools.</p>
                <p style="font-size: 1.2em; line-height: 1.6;">for such a great platform for learning.</p>
                <p style="font-size: 1.2em; line-height: 1.6;">Mati.</p>
            </div>
            <!-- end message from Matias -->

            <!-- message from Erick Chaves Barreto -->
            <div id="hugs-from-brazil-Erick"
                style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #C1C2C3; margin: 0;">
                <div
                    style="max-width: 800px; margin: 50px auto; padding: 20px; background-color: #C1C2C7; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);">
                    <h1 style="font-family: 'Arial Black', Arial, sans-serif; color: #000000;">Hugs from Brazil
                    </h1>
                    <p style="color: #666; margin-bottom: 20px;">Taking this tutorial on 2024, and it still's
                        helpful.
                    <p class="signature" style="font-style: italic; color: #777;">Erick Chaves Barreto</p>
                </div>
            </div>

            <!-- Message from Egypt <3 -->
            <div id="sendin-love-from-egypt" style="background: #DED4D8;padding: 10px;text-align: center;">
                <h1 style="color: #856a22;font-weight: bold;text-shadow: 0 0 5px cyan;">You're A Life Saver
                    &lt;3</h1>
                <p style="color:#c7395f;">Grateful for all the lessons, both big and small.The best way to learn
                    "w3"</p>
                <span style="color:#c7395f;">Mostafa Mabrouk from Egypt!</span>
            </div>

            <h1>Thanks W3S</h1>
            <div><img src="https://upload.wikimedia.org/wikipedia/pt/f/fb/AcronimoCamisaFlamengo.png"
                    alt="Hello World from Space" style="width:100%;max-width:960px"></div>
            <p>Flamengo is the best Futebol team</p>
            <p>I'm La Rocque, greetings y'all!</p>

            <h1>Assalamvalaikum</h1>
            <h2>This is Mateen From India </h2>

            <!--end of message from umesh-->

            <div
                style="padding: 15px; display: flex; background: lightblue; border-radius: 5px; box-shadow: 5px 5px rgba(0,0,0,0.1); margin: auto; width: 500px; max-width: 90v; flex-direction: column; justify-content: center; align-items: center">
                <p>Thanks W3C ! from Ash</p>
                <br>
                <img style="max-width: 300px; max-height: 300px; border-radius: 5px; object-fit: cover"
                    src="https://i.ibb.co/DzCS6v3/image.png">
            </div>

            <!-- message from Specter -->
            <div
                style="padding: 15px; display: flex; background: lightblue; border-radius: 5px; box-shadow: 5px 5px rgba(0,0,0,0.1); margin: auto; width: 500px; max-width: 90v; flex-direction: column; justify-content: center; align-items: center">
                <p>Hello, Hala Madrid, support Real Madrid, watch football and enjoy coding! </p>
                <br>
                <img style="max-width: 300px; max-height: 300px; border-radius: 5px; object-fit: cover"
                    src="https://i.ibb.co/DzCS6v3/image.png">
            </div>
            <!-- end of specters's message -->

            <!--message from umesh -->
            <div id="thank-you-message-from-umesh"
                style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0;">
                <div
                    style="max-width: 800px; margin: 50px auto; padding: 20px; background-color: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center; color: #333;">
                    <h1 style="font-family: 'Arial Black', Arial, sans-serif; color: #4CAF50;">Thank You</h1>
                    <p style="color: #666; margin-bottom: 20px;">Dear W3Schools, I want to express my gratitude
                        for the incredibly informative content you provide. Your resources have been invaluable
                        to me.</p>
                    <p style="color: #666; margin-bottom: 20px;">Best regards,</p>
                    <p class="signature" style="font-style: italic; color: #777;">Umesh</p>
                </div>
            </div>
            <!--end of message from umesh-->
            <!-- start message from Juha -->
            <h2>This is a test from Juha from Turku, Finland!!!</h2>
            <!-- end message from Juha -->

            <!-- start message from Minal -->
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        Hello World!!!<br>
                        My name is Minal.</i></p>
            </div>
            <!--end of message from Minal-->

            <!-- start message from Rian -->
            <div style="font-family: Arial, sans-serif; background-color: #f4f4f4; padding: 20px; color: #333;">
                <h2 style="color: #4CAF50;">Thank You W3schools. </h2>
                <p style="font-size: 1.2em; line-height: 1.6;">Your Tutorials have played a pivotal role in my
                    Web-Development journey.</p>
                <p style="font-size: 1.2em; line-height: 1.6;">Thank you for providing such a great platform for
                    learning.</p>
                <p style="font-size: 1.2em; line-height: 1.6;">Regards, Rian.</p>
            </div>
            <!-- end message from Rian -->

            <!-- Begin of Message from Kwanghee Chu -->
            <div class="w3-container">
                <div style="text-align: center;">
                    <h3>Dokdo</h3>
                    <h4>W3Schools GitHub Test by Kwanghee</h4>
                </div>
            </div>
            <!-- End of Message from Kwanghee Chu -->

            <!-- message from Ibrahima Cissé -->
            <h1>I AM IBRAHIMA CISSE AND ONE DAY I WILL DO GREAT THINGS</h1>
            <!-- end Ibrahima's message -->

            <!-- message form Shariq Yousuf -->
            <div style="text-align: center; background-color: green; color: white; padding: 20px; margin: 10px;">
                <h3>"Thank you w3schools for providing us what we need in web development journey."</h3>
                <h5 style="font-style: italic; font-weight: bold; margin-top: 10px;">Shariq Yousuf <span
                        style="font-style: normal; font-weight: normal; margin-left: 4px;"> from</span> Pakistan
                </h5>
            </div>
            <!-- end Shariq's message -->

            <div
                style="padding: 20px; background-color: #ff0077; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center;">
                <h2 style="color: #fff;">Siema, co tam? Byku, jak dziś forma? Wszyscy nagle tacy piękni, jak na
                    bilbordach</h2>
            </div>

            <!-- message from nour -->
            <div
                style="padding: 15px; display: flex; background: lightblue; border-radius: 5px; box-shadow: 5px 5px rgba(0,0,0,0.1); margin: auto; width: 500px; max-width: 90v; flex-direction: column; justify-content: center; align-items: center">
                <p>heyyyyy! here's a chonky cat: ❤ from nour</p>
                <br>
                <img style="max-width: 300px; max-height: 300px; border-radius: 5px; object-fit: cover"
                    src="https://i.ibb.co/DzCS6v3/image.png">
            </div>
            <!-- end of nour's message -->

            <!-- Begin of Message from David C Lang -->
            <div class="w3-container">
                <div style="text-align: center;"
                    class="w3-panel w3-pale-yellow w3-leftbar w3-rightbar w3-border-yellow w3-border">
                    <h3>(^_^)</h3>
                    <h3>Hi, David here from the Island of the Philippines</h3>
                    <img src="https://upload.wikimedia.org/wikipedia/commons/9/99/Flag_of_the_Philippines.svg"
                        alt="Philippine Flag">
                    <time datetime="1734">Oldest map of the Philippine Islands &mdash; 1734</time>
                    <a
                        href="https://upload.wikimedia.org/wikipedia/commons/b/b5/Carta_Hydrographica_y_Chorographica_de_las_Yslas_Filipinas_Dedicada_al_Rey_Nuestro_Se%C3%B1or_por_el_Mariscal_d._Campo_D._Fernando_Valdes_Tamon_Cavall%C2%BA_del_Orden_de_Santiago_de_Govor._Y_Capn.jpg">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/b/b5/Carta_Hydrographica_y_Chorographica_de_las_Yslas_Filipinas_Dedicada_al_Rey_Nuestro_Se%C3%B1or_por_el_Mariscal_d._Campo_D._Fernando_Valdes_Tamon_Cavall%C2%BA_del_Orden_de_Santiago_de_Govor._Y_Capn.jpg"
                            alt="Philippine Map (1974)">
                    </a>
                    <caption>Includes islets in the West Philippine Sea</caption>
                    <h4>I appreciate the W3Schools for providing clean tutorials for learners like me.</h4>
                    <h3>(^L^)</h3>
                </div>
            </div>
            <!-- End of Message from David C Lang -->

            <!-- yet another message -->
            <div>Hello everybody! Thanks to W3School!</div>
            <!-- Message from omprakash -->
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    Thank you W3 for this helpful tutorial on git and github
                </p>
            </div>
            <!-- End message from omprakash -->

            <!-- yet another message -->
            <div>Hello everybody! Thanks to W3School!</div>
            <!-- Message from Dibyanshu -->
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    Thank you W3 for this helpful tutorial on git and github
                </p>
            </div>
            <!-- End message from Dibyanshu -->

            <!-- Message from Ruth -->
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    Thank you W3 for this helpful tutorial
                </p>
            </div>
            <!-- End message from Ruth -->

            <p> if you believe you can damage believe you can fix it, </p>

            <!-- Message from mdaszuta -->
            <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 message from mdaszuta -->

            <p>Solukbenizli was here, thank you w2school :))</p>

            <!-- yet another message -->
            <div>Hello everybody! Thanks to W3School!</div>

            <!-- Message from omprakash -->
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    Thank you W3 for this helpful tutorial on git and github
                </p>
            </div>
            <!-- End message from omprakash -->

            <!-- Message from Kyle-->
            <div>
                <h1 style="border: #001440; border-radius: 50px; align-items: center; justify-content: center;">
                    "Perfection is not when there's nothing left to add, but when there's nothing left to take
                    away." - Antoine de Saint-Exuery </h1>
            </div>
            <!-- End Message From Kyle-->

            <!-- Message from Ruth -->
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    Thank you W3 for this helpful tutorial
                </p>
            </div>
            <!-- End message from Ruth -->

            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    Thank you W3 for this helpful tutorial on git and github, I learned a lot.
                </p>
            </div>

            <!-- Message from osbensaid -->
            <div
                style="padding: 20px; background-color: #0F1021; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-align: center;">
                <h2 style="color: #fff;">"Be patient. All things are difficult before they seem easy."</h2>
                <p style="color: #fff; line-height: 1.6;">Oussama Bensaid (5/14/2024)</p>
                <img src="https://media.tenor.com/NGrhh7bZIt0AAAAe/hero-sky-high.png" alt="you are hero" />
            </div>
            <!-- End Message from osbensaid -->

            <!-- Message from Ned -->
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    Thank you for allowing me to contribute to your project
                </p>
            </div>
            <!-- End message from Ned -->

            <!-- Message from reiyua -->
            <div class="w3-center w3-panel w3-card w3-large w3-xxxlarge">
                Hello from Sydney, Australia!
                <h2>Thanks for being a godsend during my academic studies a couple years ago!</h2>
            </div>
            <!-- End Message from reiyua -->

            <!-- Message from Rodolfo -->
            <h1>I don't know HTML, so this is probably going to look ugly.</h1>
            <p>Rodolfo S.</p>
            <!-- End message from Rodolfo -->

            <!-- Message from Max -->
            <div class="w3-center w3-panel w3-card w3-large w3-xxxlarge">
                Hello from Germany
                <h2>thanks for the great tutorial</h2>
            </div>
            <!-- End Message from Max -->

            <!-- Message from yacov -->
            <div class="w3-center w3-panel w3-card w3-large w3-xxxlarge">
                Hello from Israel 💕
                <h2>thanks for the awesome tutorial</h2>
            </div>
            <!-- End Message from yacov -->

            <!-- Message from yerenkoff -->
            <div style="text-align: center;">
                <h1 style="display: inline-block; background: rgb(110,231,255);
background: linear-gradient(90deg, rgba(110,231,255,1) 0%, rgba(255,100,160,1) 100%); background-clip: text; color: transparent; font-size: 100px; font-weight: bold; padding: 0 20px; border: 2px solid rgba(110,231,255,0.3); border-radius: 20px; transform: skewX(-10deg); text-shadow: 0 10px 20px rgb(184 211 255 / 72%);">Spread kindness! </h1>
            </div>
            <!-- End Message from yerenkoff -->

            <!-- Message from Sri Lanka -->
            <div class="w3-center w3-panel w3-card w3-large w3-xxxlarge">
                Hello from Sri Lanka 💕
                <h2 style="color: red; font-family: sans-serif">Thanks for the awesome tutorial for w3School
                </h2>
            </div>
            <!-- End Message from yacov -->

            <div class="w3-center w3-panel w3-card w3-large w3-xxxlarge">hello ladies</div>

            <div style="margin: auto;">
                <div class="w3-container w3-border-blue w3-center"
                    style="margin: auto; width: 33%; background-color:#5f94b3;">
                    <p
                        style="font-family: Arial, Helvetica, sans-serif; font-size: 24px; text-align:center; color:#000; text-shadow: 5px 5px 5px #84fab0;">
                        'Be kind, it's my first try.' -JDB<br>Thanks W3 School!</p>

                    <div>
                        <div>Sir Jax</div>
                    </div>
                </div>
                    <!-- Message from Mark La Mesa -->
                    <div style="margin: auto;">
                        <div class="w3-container w3-round-large w3-card-4"
                            style="margin: auto; width: 50%;     background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(176,229,208,1) 42%, rgba(92,202,238,0.41) 93.6% );">
                            <p
                                style="font-family: cursive; font-size: 40px; text-align: center; color: #ebf020; text-shadow: 5px 5px 4px #808080;">
                                "Git some!"</p>
                        </div>
                    </div>
                    <!-- End Message from Mark La Mesa -->

                    <!-- message from Fabricio Ezequiel Marçal- Coutry Brazil -->
                    <div class="w3-blue w3-center w3-panel w3-card">
                        <p class="w3-jumbo" style="line-height: 0.1; text-shadow: 2px 3px #000;">Fabricio
                            Ezequiel Marçal</p>
                        <p class="w3-xlarge">João Monlevade-MG, Brazil 2024 - Long live programmers</p>
                    </div>

                    <!-- Message from marcemarto -->
                    <div
                        style="background-color:rgb(173, 174, 230); padding:15px; margin-left: 10%; margin-right: 10%; margin-bottom: 5px; border-radius: 15%;  border-color: indigo; border-style: double;border-width: 15px;  font-family: Georgia, 'Times New Roman', Times, serif;">
                        <p style="color:indigo; font-size:2rem; text-align:center;"><em><strong>W3Schools is the
                                    best<br>web developer site.</strong></em></p>
                        <p style="color:indigo; font-size:2rem; text-align:center;"><em><strong>This is best
                                    way<br>to use your time!</strong></em><br><span
                                style='font-size:100px;'>&#8986;</span></p>
                    </div>
                    <!-- End Message from marcemarto -->

                    <!-- Message from Bastien -->
                    <h1>That was much easier than expected, thanks to w3schools!</h1>
                    <p>Bastien C</p>
                    <!-- End message from Bastien -->

                    <div
                        style="background-color:lightgreen; padding:15px; margin-left: 5%; margin-right: 5%; border-radius: 15%; border-color: green; border-style: double; border-width: 15px;  font-family: Georgia, 'Times New Roman', Times, serif;">
                        <p style="color:green;  text-align:center;"><em><strong>marcemarto</strong></em></p>
                    </div>

                    <!-- Message from Ranguski-->
                    <div style="margin : 10px; background-color :powderblue; width : 100%; padding : 10px">
                        The quick brown fox jumps over the lazy dog
                    </div>
                    <!-- End Message from Ranguski-->

                    <!-- message from michaelaybm -->
                    <div class="w3-panel w3-leftbar w3-sand">
                        <p class="w3-xxlarge w3-serif">
                            <i>"Michael Bami Ayobami was here."</i>
                        </p>
                        <p>Thanks to w3schools for their relentless free training courses. They are so helpful
                        </p>
                    </div>

                    <!-- Message from Jonathan Guevarra(4IS1) -->
                    <div style="margin: auto;">
                        <div class="w3-container w3-round-large w3-card-4"
                            style="margin: auto; width: 50%;     background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(176,229,208,1) 42%, rgba(92,202,238,0.41) 93.6% );">
                            <p
                                style="font-family: cursive; font-size: 40px; text-align: center; color: #ebf020; text-shadow: 5px 5px 4px #808080;">
                                "Keep calm and keep code"</p>
                            <div style="text-align: center;">
                                <b>message from Jonathan Guevarra(4IS1)</b>
                            </div>
                        </div>
                    </div>
                    <!-- End Message from Jonathan Guevarra(4IS1) -->

                    <!-- Message from Marty -->
                    <h1>I'm learning Git, I like South Park, and I like puns, so my message is:</h1>
                    <div><img src="https://c.tenor.com/PsB0x1LHVasAAAAC/tenor.gif" alt="Go On, Git!"
                            style="width:100%;max-width:640px"></div>

                    <!-- Message from Ebrahim -->
                    <h1>Nice journey , Thanks a lot <3 </h1>
                            <p>Ebrahim Gamal</p>
                            <!-- End message from Ebrahim -->

                            <!-- Message from Dvir -->
                            <h1>Great tutorial! thanks aAlot!<3< /h1>
                                    <p>Dvir Zayde</p>
                                    <!-- End message from Dvir -->

                                    <!-- Message from Arthur -->
                                    <h1>I wish everything was as easy as getting fat.</h1>
                                    <p>Arthur Pan</p>
                                    <!-- End message from Arthur -->


                                    <!-- Message from hossein navabi -->
                                    <div style="margin: auto;">
                                        <div class="w3-container w3-round-large w3-card-4"
                                            style="margin: auto; width: 50%;     background: linear-gradient(0deg, #128ad3 0%, #66FFd9 100%); margin-top: 1em; margin-bottom: 1em;">
                                            <p
                                                style="font-family: verdana; font-size: 40px; text-align: center; color: #ebf020; text-shadow: 5px 5px 4px #808080;">
                                                “The earth has its music for those who will listen.” — Reginald
                                                Holmes</p>
                                            <div style="text-align: center;">
                                                <strong>message from hossein navabi</strong>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Message from hossein navabi -->

                                    <!-- Message from Vishal Singh -->
                                    <div style="margin: auto;">
                                        <div class="w3-container w3-round-large w3-card-4"
                                            style="margin: auto; width: 50%;     background: linear-gradient(0deg, #128ad3 0%, #66FFd9 100%); margin-top: 1em; margin-bottom: 1em;">
                                            <p
                                                style="font-family: verdana; font-size: 40px; text-align: center; color: #ebf020; text-shadow: 5px 5px 4px #808080;">
                                                “The earth has its music for those who will listen.” — Reginald
                                                Holmes</p>
                                            <div style="text-align: center;">
                                                <strong>message from Vishal Singh</strong>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Message from Vishal Singh -->

                                    <!-- Message from Nina -->
                                    <h1>Thanks a lot for the helpful tutorial! :)</h1>
                                    <!-- End message from Nina -->

                                    <!-- Message from Amin -->
                                    <h1>Hi, I am Amin Nadi Pour and i'd like to say git commit -m "hello world"
                                    </h1>
                                    <!-- End message from Amin -->

                                    <!-- Message from frenzy-->
                                    <div
                                        style="background-color: #628ce8; border: 0.5px solid rgb(248, 170, 13); border-radius: 3px; align-items: center; justify-content: center;text-align: center;">
                                        <h2>frenzy from A basement, i have no idea what im doing right now.</h2>
                                    </div>
                                    <!--End Message from frenzy -->


                                    <!-- Message from InHidayatullloh -->
                                    <h1>Fiuh! Finally I am here. It's a long journey.</h1>
                                    <!-- End message from InHidayatulloh -->

                                    <!-- Message from glvcsmt -->
                                    <h1>Hi! many thanks for the course, and the introduction to Git!</h1>
                                    <h1>ps.: Love from Hungary! -glvcsmt</h1>
                                    <!-- End message from glvcsmt -->

                                    <!-- Message from Bryanik -->

                                    <blockquote>
                                        "One Day or Day One; You Decide..."
                                        <footer style="font-style: italic; color: #c0c0c0;">- Brian Ike</footer>
                                    </blockquote>

                                    <!-- End of message from Bryanik -->

                                    <!-- Message from Dingo#666-->
                                    <h2>C'est la vie! Et c'est vraiment drole.</h2>
                                    <!-- End of message from Dingo#666-->

                                    <!-- Message from Zar -->
                                    <div class="w3-panel w3-light-grey">
                                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10077;</span>
                                        <p class="w3-xlarge" style="margin-top:-40px">
                                            <i>Hey W3schools; ur the best <3< /i>
                                        </p>
                                        <p>ZarKh</p>
                                    </div>
                                    <!-- End message from Zar -->


                                    <!-- Message from Laila -->
                                    <h1>Thanks for this course💗😎</h1>
                                    <!-- End message from Laila -->


                                    <h1>hello I'm Vijaykumar, Learning about git from w3schools</h1>

                                    <!-- Message from Kyl3 -->
                                    <div class="w3-col w3-purple w3-container w3-padding-16">
                                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200"
                                            height="200">
                                            <!-- Face -->
                                            <circle cx="50" cy="50" r="40" fill="yellow" stroke="black"
                                                stroke-width="2" />
                                            <!-- Left eye -->
                                            <circle cx="35" cy="40" r="5" fill="black" />
                                            <!-- Right eye -->
                                            <circle cx="65" cy="40" r="5" fill="black" />
                                            <!-- Mouth -->
                                            <path d="M 30 60 Q 50 80 70 60" fill="none" stroke="black"
                                                stroke-width="4" />
                                        </svg>
                                        <p>Happy Coding!</p>
                                    </div>
                                    <!-- End message from Ky13 -->

                                    <p>"difuwlllllllllllll is coming"</p>

                                    <!-- Message from ak -->
                                    <h1>Nothin' beats being GUTS!</h1>
                                    <!--End of message from ak -->

                                    <!-- Message from Bharat -->
                                    <div class="w3-panel w3-leftbar w3-light-grey">
                                        <p class="w3-xlarge w3-serif"><i>"Push through the pain. Giving up hurts
                                                more.”</i></p>
                                        <p>- Vegeta, Dragon Ball Z</p>
                                    </div>
                                    <!--End of message from Bharat -->
                                    <!-- message from varna -->
                                    <p>Thank you w3 schools for the learning space</p>
                                    <!-- end of message from varna -->

                                    <!--Message from Jerry-->
                                    <div id="jerry_id2"
                                        style="margin: auto; width: 80%; height: 200px; background-color: #272727; border-radius: 25px; padding: 20px;">
                                        <h2 id="jerry_id1"
                                            style="text-align: center; text-decoration: none; font-size: 20px; color: #d9d9d9;">
                                            Jerry was
                                            here.</h2>
                                        <p style="color: #d9d9d9; text-align: center">Learned HTML, CSS,
                                            JavaScript (not done yet) and now
                                            Git.<br>It's fun! One Month in and i got a lot in my Head already.
                                            Can't wait to get deeper into
                                            everything.</p>
                                    </div>
                                    <style>
                                        #jerry_id1 {
                                            font-weight: 600;
                                            transition: 300ms;
                                        }

                                        #jerry_id1:hover {
                                            color: #d9d9d9;
                                            transform: scale(1.25);
                                            text-shadow: 1px solid white;
                                        }

                                        #jerry_id2 {
                                            transition: 300ms;
                                        }

                                        #jerry_id2:hover {
                                            transform: scale(1.1);
                                        }
                                    </style>
                                    <!-- End Message from Jerry-->

                                    <!-- Message from juli -->
                                    <h1>Thanks fellows. See you on the top</h1>
                                    <!-- End message from juli -->


                                    <!-- Begin Rubii's humorous message -->

                                    <div
                                        style="font-family: Arial, sans-serif; background-color: #f0f0f0; border: 2px solid #ccc; padding: 20px; margin: 20px; border-radius: 10px; text-align: center; color: #333;">
                                        <h2 style="margin-bottom: 15px;">😄 A Little Humor 😄</h2>
                                        <p style="margin-bottom: 15px;">Hey W3Schools! Your tutorials are like a
                                            fine wine—improving with
                                            age, but sometimes it's just easier to borrow the corkscrew! 😜
                                            Thanks for the code snippets! P.S.
                                            ChatGPT had a good laugh too!</p>
                                        <div style="font-style: italic; font-size: smaller; color: #666;">-
                                            Rubii/AEM</div>
                                    </div>

                                    <!-- End Rubii's humorous message -->


                                    <!-- Message from Felix -->
                                    <div
                                        style="background-color: #f2f2f2; padding: 20px; border: 1px solid #ccc; border-radius: 5px;">
                                        <p style="font-size: 20px; font-family: Arial, sans-serif; color: #333;">
                                            Hello I'm Felix from Kenya
                                            a student at Karatina University!</p>
                                        <p style="font-size: 18px; font-family: Arial, sans-serif; color: #666;">
                                            I'm thrilled to be
                                            exploring W3Schools.</p>
                                        <p style="font-size: 18px; font-family: Arial, sans-serif; color: #666;">
                                            Cheers!</p>
                                    </div>

                                    <!-- End Message from Felix -->

                                    <!-- Message from Emilio -->
                                    <div
                                        style="background-color: #365736; padding: 20px; border: 1px solid #8d5725; border-radius: 5px;">
                                        <p style="font-size: 20px; font-family: Arial, sans-serif; color: #ffffcc;">
                                            Hi, I'm Emilio from
                                            Argentina! Currently living in Patagonia, so lot of mountains and
                                            lakes over here.</p>
                                        <p style="font-size: 28px; font-family: Arial, sans-serif; color: #248eb8;">
                                            What an excellent
                                            tutorial is this</p>
                                        <p style="font-size: 48px; font-family: Arial, sans-serif; color: #2b738f;">
                                            "The obstacle is the
                                            way", just keep going!</p>
                                    </div>

                                    <!-- End Message from Felix -->


                                    <!--Jean Nobrega's message -->
                                    <div class="w3-col w3-light-grey w3-container w3-padding-16">
                                        <p class="w3-xxlarge w3-times"> That was a so cool tutorial! Thanks from
                                            Brazil!</p>
                                        Jean Nóbrega (Brazil)

                                    </div>

                                    <div class="w3-panel w3-leftbar w3-sand">
                                        <p class="w3-xxlarge w3-serif">
                                            <i>Thank you for your lessons w3schools</i>
                                        </p>
                                        <p>KRasta Smoke (Russia)</p>
                                    </div>
                                    <h1 style="background-color: #005c99; color: red; text-align: center;">W3
                                        school is a best place to
                                        get rid of tutorial hell.</h1>
                                    <P> Learning git practically makes me grasp concepts easily ..........!</P>

                                    <!--- Message from Al -->
                                    <div>W3schools Git tutorial &#x2764;</div>
                                    <!-- End message fro Al -->

                                    <!-- Message from Sweb -->
                                    <div class="w3-container">
                                        <p class="w3-jumbo" style="color: green;">Sweb was here ~ Thanks
                                            W3Schools for teaching me a lot of things ! </p>
                                    </div>
                                    <!-- End message from Sweb-->

                                    <!-- Message from TMcNabb -->
                                    <div style="margin: auto;">
                                        <div class="w3-container w3-round-large w3-card-4"
                                            style="margin: auto; width: 50%; background: linear-gradient(0deg, #66FF99 0%, #66FFd9 100%); margin-top: 1em; margin-bottom: 1em;">
                                            <p
                                                style="font-family: verdana; font-size: 40px; text-align: center; color: #A020F0; text-shadow: 5px 5px 4px #808080;">
                                                "Saluton el Usono! "</p>
                                        </div>
                                    </div>
                                    <!-- End Message from TMcNabb -->


                                    <!-- Message from Mohammed Mofreh -->
                                    <div style="margin: auto;">
                                        <div class="w3-container w3-round-large w3-card-4"
                                            style="margin: auto; width: 50%; background: linear-gradient(0deg, #66FF99 0%, #66FFd9 100%); margin-top: 1em; margin-bottom: 1em;">
                                            <p
                                                style="font-family: verdana; font-size: 40px; text-align: center; color: #A020F0; text-shadow: 5px 5px 4px #808080;">
                                                "Mohammed Mofreh! "</p>
                                        </div>
                                    </div>
                                    <!-- End Message from Mohammed Mofreh -->
                                    <div class="jedimchik" style="border-radius: 30%;
      justify-self: center;
      background-color: whitesmoke;
      border: 5px dashed rgba(155, 2, 2, 0.712);
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;">

                                        <div class="jedimchik" style="border-radius: 30%;
        background-color: whitesmoke;
        border: 5px dotted rgba(255, 136, 0, 0.712);
        width: 99.9999%;">

                                            <h1 style="font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
          /* width: 60%; */
          margin: -8px;
          border-radius: 30%;
          text-decoration: none;
          font-weight: 900;
          color: whitesmoke;
          background-color: rgba(155, 2, 2, 0.712);
          text-align: center;
          font-size: 5vw;">let the CONSISTENCY be with YOU !</h1>
                                        </div>
                                    </div>
                                    <h2 style="justify-content: end;
      text-align: right;
      font-size: 1rem;
      margin-top: -3px;
      margin-right: 20px;">- jedimchik (05/03/2024)</h2>

                                    <!-- Message from Nelu Gui-->
                                    <div class="w3-panel w3-black">
                                        <p class="w3-large w3-serif">
                                            <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
                                            Great experience with Git tutorial! Hello from Romania!
                                        </p>
                                    </div>
                                    <!-- End of message from Nelu Gui -->

                                    <!-- Message from Kevin in Taiwan -->
                                    <h1>Thanks very much from Kevin in Taiwan for this helpful Git tutorial</h1>
                                    <!-- End message Kevin in Taiwan -->

                                    <!-- Message from Akhila from Germany -->
                                    <h1>Vielen Dank W3!!</h1>
                                    <!-- End message Akhila from Germany -->

                                    <!-- Message from Hieu in VietNam -->
                                    <h1>Thanks very much for this helpful Git tutorial</h1>
                                    <!-- End message Hieu in VietNam -->

                                    <!-- Message from Leo D'Hotman -->
                                    <div style="background-color: beige; padding: 20px">
                                        <h4>
                                            Hi ! Fellow human ! Hope you're having a great day.
                                        </h4>
                                        <p>
                                            Message from Leo D'Hotman (Mauritius)
                                        </p>
                                    </div>
                                    <!-- Message from Leo D'Hotman-->

                                    <!-- Message from Gobindo Chakraborty -->
                                    <div style="background-color: bisque; padding: 20px; font-size: 2rem; ">
                                        <p>
                                            "I've started from html. Then I've learned css and also JavaScript.
                                            Now I'm learnig Git & GitHub.
                                            At this momment I feel I'm fall in love with <b>w3shools
                                                tutorials."</b>
                                        </p>
                                        <p><i>- Gobindo Chakraborty from <b>Bangladesh</b></i></p>
                                    </div>
                                    <!-- End Message from Gobindo Chakraborty -->

                                    <!-- Message from Yash -->
                                    <div style="background-image: linear-gradient(HotPink, purple); margin: 0px;">
                                        <p style="color: black">"I am gonna copy Max's message."</p>
                                        <p style="font-size: 1vw; color:yellow; text-align:center;">"This page
                                            is meant to be available to
                                            everyone and this poem does not match that tone.<br>
                                            Please change it to something more family friendly." </p>
                                        <p style="color: green"> ~W3schools 19/02/2024</p>
                                        <p style="color: red"> ~Max 13/02/2024 </p>
                                        <p style="color:black"> ~Yash 26/02/2024 </p>
                                        <!-- End message from Yash -->

                                        <!-- Message from Johenx -->
                                        <p>
                                            This is Johenx.
                                            This is fun
                                        </p>
                                        <!-- End message from Johenx -->

                                        <!-- Message from Qusai-->
                                        <div style="background-image: linear-gradient(HotPink, purple); margin: 0px;">
                                            <p style="color: red"> Hello World. </p>
                                        </div>
                                        <!-- End message from Qusai-->

                                        <!-- Message from Jakub -->
                                        <h2>Hello from Czech Republic!</h2>
                                        <!-- End message from Jakub -->

                                        <!-- Start message from Paul -->
                                        <h2>W3 Schools always delivers great help! Peace to all!</h2>
                                        <!-- End message -->

                                        <!-- Message from Yuri -->
                                        <div>
                                            <p>Anvedi come balla Nando! W3School ❤❤❤❤❤❤❤❤ u!</p>
                                        </div>

                                        <!-- End message from Yuri -->

                                        <!-- Start message -->
                                        <p>hello hello hello!</p>
                                        <!--End message -->

                                        <!-- Message from Fedor -->
                                        <div>
                                            <h2>Every soup eventually turns into mushroom soup.</h2>
                                        </div>
                                        <!-- End of message from Fedor -->

                                        <!-- Message from Max -->
                                        <div style="background-image: linear-gradient(HotPink, purple); margin: 0px;">
                                            <p style="font-size: 1vw; color:yellow; text-align:center;">"This
                                                page is meant to be available to
                                                everyone and this poem does not match that tone.<br>
                                                Please change it to something more family friendly." </p>
                                            <p style="color: green"> ~W3schools 19/02/2024</p>
                                            <p style="color: red"> ~Max 13/02/2024 </p>
                                        </div>

                                        <!-- End message from Max -->


                                        <!-- Message from Santiaguito uwu -->
                                        <p style="height: 50px; width: 100%; color: red; font-size: 30px;">Hola.
                                            Love w3school. AGUANTE
                                            ARGENTINA LOCO</p>
                                        <!-- End message from Santiaguito uwu -->

                                        <!-- Message from Jiawei -->
                                        <div style="margin: auto;">
                                            <div class="w3-container w3-round-large w3-card-4"
                                                style="margin: auto; width: 50%; background: linear-gradient(0deg, #66FF99 0%, #66FFd9 100%); margin-top: 1em; margin-bottom: 1em;">
                                                <p
                                                    style="font-family: verdana; font-size: 40px; text-align: center; color: #07f29c; text-shadow: 5px 5px 4px #808080;">
                                                    "My motto: Small but certain happiness"</p>
                                            </div>
                                        </div>
                                        <!-- End message from Jiawei-->

                                        <!-- Start message from Arsalan -->
                                        <h2>Continuous Learning is key to success!</h2>
                                        <p>W3 Schools is a great place to build an understanding of basic web
                                            development skillsets. </p>
                                        <!-- End message -->

                                        <!-- Insert your message below here Liza -->
                                        <h2>Hello everyone &#128075;<h2>
                                                <p>My name is Liza and I am from Ukraine!</p>
                                                <p>I am learning GitHub, and I'm going to be a Python
                                                    developer.<br>
                                                    My respect W3Schools, and thanks for the awesome tutorial!
                                                </p>
                                                <!-- End user messages liza -->`

                                                <!-- Message from  Wanghao-->
                                                <div>
                                                    <div class="w3-container w3-round-large w3-card-4" <p
                                                        style="font-family: verdana; font-size: 40px; text-align: center; color: #111;text-shadow: 5px 5px 4px #808080;">
                                                        2024新年快乐！——王皓</p>
                                                    </div>
                                                    <!-- End message from Morse-->

                                                    <!-- Carlson I's message -->
                                                    <h1>A LITTLE MOTIVATION</h1>
                                                    <h2>Who am I and who could I be</h2>
                                                    <p>That which you most wish to find will be found where you
                                                        least want to look.</p>
                                                    <p>Dedicate yourself to one or two things single mindedly
                                                        and you will become unrecognisable
                                                        in 6 months, all the best. /br Carlson I.</p>
                                                    <!-- End message from Carlson I -->

                                                    <!-- Message from David -->
                                                    <div style="display: flex; justify-content: center;">
                                                        <div class="w3-container w3-round-large w3-card-4 Davids-hover-effect"
                                                            style="margin: auto; width: 40%; background: linear-gradient(45deg, #1100ff 0%, #000000 100%); margin-top: 1em; margin-bottom: 1em; padding: 2em; border-radius: 20px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4); transition: transform 0.3s;">
                                                            <p
                                                                style="font-size: 30px; text-align: center; color: #ffffff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); font-family: 'Arial Black', sans-serif;">
                                                                David from the Netherlands</p>
                                                            <p
                                                                style="font-size: 20px; text-align: left; color: #ffffff; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); font-family: 'Courier New', monospace; letter-spacing: 1px; line-height: 1.5;">
                                                                Thanx w3schools for all the amazing tutorials!
                                                            </p>
                                                        </div>
                                                        <style>
                                                            .Davids-hover-effect:hover {
                                                                transform: scale(1.05);
                                                            }
                                                        </style>
                                                    </div>
                                                    <!-- End message from David-->

                                                    <!-- Message from Morse -->
                                                    <div>
                                                        <div class="w3-container w3-round-large w3-card-4"
                                                            style="margin: auto; width: 50%; background: linear-gradient(0deg, #66FF99 0%, #66FFd9 100%); margin-top: 1em;margin-bottom: 1em;">
                                                            <p
                                                                style="font-family: verdana; font-size: 40px; text-align: center; color: #111;text-shadow: 5px 5px 4px #808080;">
                                                                "Everyone is at least a bit nosy, isn't it ?"
                                                            </p>
                                                            <p
                                                                style="font-size: 18px; text-align: center; color: #111;">
                                                                -Kuromi chan</p>
                                                        </div>
                                                    </div>
                                                    <!-- End message from Morse-->

                                                    <!-- ANON -->
                                                    <div>
                                                        <h1>LET THEM KEEP GUESSING</h1>
                                                        <img src="img_guestbook_wall.jpg" alt="">
                                                    </div>

                                                    <!-- start my message -->
                                                    <div class="my-container">
                                                        <h2
                                                            style="background-color: #2c3e50;color:white;padding: 10px;text-align: center;">
                                                            Jai Shri
                                                            Ram</h2>
                                                        <div
                                                            style="background-color: purple;color: white;padding: 7px;">
                                                            <q>Talent is nothing without hard working</q> <i>-
                                                                Cristiano Ronaldo</i>
                                                        </div>
                                                        <h2>Subroto Kumar</h2>
                                                    </div>
                                                    <!-- end my message -->

                                                    <!-- Start message from Ali -->
                                                    <h2>W3Schools.com is the Best place to Learn Web development
                                                    </h2>
                                                    <p>My message to the world is you are wordering where to
                                                        start learning front-end development
                                                        w3schools is the best website where you get everything
                                                        you need.
                                                    </p>
                                                    <!-- End message -->

                                                    <!-- start message for Samson -->
                                                    <h1>Samson Githinji</h1>
                                                    <p>My skillset: MERN Stack | Python | SQLAlchemy</p>
                                                    <!-- end message for Samson -->

                                                    <!-- Start message -->
                                                    <p style="font-weight: bold; text-align: center; font-size: 32px;">
                                                        Hello from Uzbekistan</p>
                                                    <!-- End message -->

                                                    <!-- Message from djbendek -->
                                                    <div class="w3-panel w3-light-green">
                                                        <p class="w3-xlarge w3-serif">
                                                            <i class="w3-green">"Nothing is more active than
                                                                thought, for it travels over the
                                                                universe, <br> and nothing is stronger than
                                                                necessity for all must submit to it."</i>
                                                        </p>
                                                    </div>
                                                    <!-- End message from djbendek -->

                                                    <!-- Start message from YeBigTaco-->
                                                    <p>When you're feeling overwhelmed with a task just take a
                                                        breath,
                                                        you'll probably find it easier once you come back to it.
                                                    </p>
                                                    <!-- End message from YeBigTaco-->

                                                    <!-- Start message -->
                                                    <p
                                                        style="font-size:70px; font-family: Arial, Helvetica, sans-serif;color: #005bbb;">
                                                        Greetings
                                                        fellow learners from greater IRAN!</p>
                                                    <!-- End message -->
                                                    <!-- Start message -->
                                                    <p style="font-size:30px">You are now reading this <span
                                                            style="color:red">line</span>.</p>
                                                    <!-- VIBHISHAN KUMAR INDIA 31-01-2024 -->
                                                    <!-- End message -->

                                                    <!-- Start message from wloerakving -->
                                                    <p>The seven cities of love became Attar</p>
                                                    <p>We are still at the corner of an Git tutorial</p>
                                                    <!-- End message from wloerakving -->

                                                    <!-- Start message -->
                                                    <p style="font-weight: bold; text-align: center; font-size: 32px;">
                                                        Hi from Japan</p>
                                                    <!-- End message -->

                                                    <!-- Message from José Victor -->
                                                    <div class="w3-panel w3-leftbar w3-light-grey">
                                                        <p class="w3-xlarge w3-serif">
                                                            <i>"Everything is going to be okay in the end.<br>
                                                                If it's not okay, it's not the
                                                                end."</i>
                                                        </p>
                                                    </div>
                                                    <!-- End message from José Victor -->

                                                    <!-- Start message -->
                                                    <h3> Hey earthlings!</h3>
                                                    <!-- End message -->


                                                    <h1>Hello world!</h1>

                                                    <div><img src="img_hello_world.jpg" alt="Hello World from Space"
                                                            style="width:100%;max-width:960px"></div>
                                                    <p>This is the first file in my new Git Repo.</p>
                                                    <p>This line is here to show how merging works.</p>
                                                    <p>This is the first file in my new Git Repo.</p>
                                                    <p>This line is here to show how merging works.</p>

                                                    <div><img src="img_hello_world.jpg" alt="Hello World from Space"
                                                            style="width:100%;max-width:960px"></div>
                                                    <p>This is the first file in my new Git Repo.</p>
                                                    <p>A new line in our file!</p>
                                                    <div><img src="img_hello_git.jpg" alt="Hello Git"
                                                            style="width:100%;max-width:640px"></div>


                                                    <!--Message from Akpos-->

                                                    <div class="container">
                                                        <h1>Hi All!</h1>
                                                        <p>Learning Git has been an invaluable experience, and
                                                            I'm grateful for the opportunity to
                                                            deepen my understanding of version control. I'm
                                                            excited to explore more now that i know
                                                            what it entails.</p>
                                                        <p>Thank you to everyone who has contributed to making
                                                            this course interesting to undertake.
                                                            I look forward to connecting with you all!</p>
                                                        <p>Cheers,</p>
                                                        <p>Akpos Sakpere</p>
                                                    </div>

                                                    <!--End message from Akpos-->


                                                    <!-- Message from Jonathan -->

                                                    <p>Jonathan was here on 2024-01-27</p>

                                                    <!-- End message from Jonathan -->

                                                    <!--Message from Welly-->
                                                    <h1>Hello, world!!</h1>
                                                    <p>I'm a computer science student from Brazil.</p>
                                                    <!--End message from Welly-->

                                                    <!-- Message form Nithin -->
                                                    <H4> Hi everyone! All the best for your git learning
                                                        journery (Nithin, 24-01-2024) </H4>
                                                    <!-- End message forom Nithin -->


                                                    <!-- message from Vipin Karma -->

                                                    <p> Hey it's me Vipin Karma, Hope you guys doing well</p>

                                                    <!-- end message from Vipin karma-->

                                                    <p>Greetings from Georgia ❤ Thanks for an amazing course
                                                    </p>
                                                    <p>Hello Wroldddddddddddd from Temi, I really appreciate
                                                        this very well thoughtout course</p>

                                                    <p>Greetings from Man7788, enjoy your learning!</p>
                                                    <p>Thanks for a wonderful tutorial</p>

                                                    <!-- Message from Pzi -->
                                                    <h1>Call me <b>Pzipegasus</b></h1>
                                                    <p>Finally, Learned git and github was struggling since many
                                                        days.</p>
                                                    <!-- thats all -->

                                                    <!-- message from Muhammad -->
                                                    <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                                        <p class=" w3-large w3-serif"> Hello from Kurdistan!
                                                            Grateful to W3Schools for their
                                                            fantastic tutorials! ❤️‍☀️‍💚 </p>
                                                    </div>
                                                    <!-- end message from Muhammad -->

                                                    <!-- Message from Oded S. -->
                                                    <p>
                                                    <h2>Hello everyone,</h1>
                            </p>
                            <p>
                            <h3>Greetings from Oded S.</h3>
                            </p>
                            <p>
                            <h3>Thanks to W3Schools for a very helpful online course.</h3>
                            </p>
                            <!-- Ending message from Oded S. -->

                            <style>
                                .arshad-msg {
                                    width: 90%;
                                    font-size: 1.3rem;
                                    padding: 10px;
                                    margin: 40px;
                                    text-align: center;
                                    border: 5px solid rebeccapurple;
                                    border-radius: 10px;
                                    background-color: rgb(191 63 191 / 0.2);
                                    color: rebeccapurple;
                                }

                                .arshad-msg h1 {
                                    font-size: 2rem;
                                    text-decoration: underline;
                                }

                                .arshad-msg h1:hover {
                                    font-size: 3rem;
                                    text-shadow: 2px 2px 3px red;
                                }
                            </style>


                            <!-- Message from Arshad -->

                            <div class="arshad-msg">
                                <h1>Hello Developers!</h1>
                                <p>I am Arshad from Pakistan, wishing you success in your journey.</p>
                                <p>The Git Tutorial is very simple and easy to understand, thanks to w3schools
                                    for such a great work.
                                </p>
                            </div>

                            <!-- End Message from Arshad -->

                            <!--Message from Farhan Reza-->
                            <style type="text/css">
                                .farhan-container {
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    margin: 30px auto;
                                    min-width: 50%;
                                    max-width: 700px;
                                    min-height: 500px;
                                    border-radius: 250px;
                                    border: 5px solid rgba(0, 0, 0, 0.25);
                                    background-color: #282A35 !important;
                                    color: #fff;
                                }

                                .farhan-h1 {
                                    font-family: 'Freckle Face', cursive;
                                    font-size: 40px;
                                }

                                .farhan-link {
                                    margin: 10px auto;
                                    background-color: #04AA6D;
                                    color: white;
                                    padding: 15px;
                                    text-decoration: none;
                                    font-size: 18px;
                                    display: block;
                                    width: 200px;
                                    border-radius: 25px;
                                }
                            </style>
                            <div class="farhan-container">
                                <div style="text-align: center;">
                                    <h1 class="farhan-h1">Hi, I am <span style="font-weight: 500;"><br>Farhan
                                            Reza</span>!</h1>
                                    <h2>
                                        <quote class="farhan-link">time is limited...</quote>-Anonymous
                                    </h2>
                                </div>
                            </div>
                            <!--End of message from Farhan Reza-->

                            <style>
                                .msg-nathaniel {
                                    background: #C8C8C8;
                                    text-align: center;
                                    width: fit-content;
                                    padding: 2rem;
                                    border-top-left-radius: 30%;
                                    border-bottom-right-radius: 30%;
                                    box-shadow: 0 0 .5rem black;
                                }

                                .msg-nathaniel:hover {
                                    transform: rotateY(380deg);
                                    border: 2px solid black;
                                }

                                .msg-nathaniel p {
                                    font-size: large;
                                    text-shadow: 0 0 5px rgb(147, 147, 182);
                                }

                                .msg-nathaniel h1 {
                                    background: red;
                                    color: #fff;
                                    padding: 2px;
                                }
                            </style>
                            <!-- Message from shohidullah -->
                            <p>
                            <h1>Hi! i am shohidullah</h1>
                            </p>
                            <p>
                            <h4>I'm a student from Bangladesh</h4>
                            </p>
                            <!-- Ending message from Renan -->

                            <!--Message from Nathaniel-->

                            <div class="msg-nathaniel">
                                <h1>Hello! I'm Nathaniel (innCoding Tech Hub) from Nigeria</h1>
                                <p>With heart filled with gratitude i'm saying a big thank you to w3shools Team
                                    for the incomparible
                                    Tutorials </p>
                            </div>

                            <!--End Message from Nathaniel-->

                            <!--Message from Kevin-->
                            <section id="sectionk">
                                <article id="articlek">
                                    <h2 id="h2k"><b>HELLO DEVS!🌍</b></h2>
                                    <p id="pk">Hi everyone I'm kevin from Perú and I just want to say don't give
                                        up! The effort is worth
                                        it! (09/01/2024)</p>
                                </article>
                                <img id="imgk"
                                    src="https://img.freepik.com/fotos-premium/llama-machu-picchu-peru-sudamerica-lama-machu-picchu-ai-generada_538213-6156.jpg"
                                    alt="llama Peru" height="200px">
                            </section>
                            <style>
                                #sectionk {
                                    margin-top: 30px;
                                    background-color: #e9eff3;
                                    overflow: hidden;
                                    height: 250px;
                                }

                                #articlek {
                                    float: left;
                                    width: 70%;
                                    margin-top: 25px;
                                }

                                #imgk {
                                    float: left;
                                    width: 250px;
                                    margin-top: 25px;
                                    margin-left: 50px;
                                }

                                #h2k,
                                #pk {
                                    display: flex;
                                    justify-content: center;
                                    align-items: center;
                                    font-size: 30px;
                                    text-align: center;
                                    font-family: Comic;
                                }
                            </style>
                            <!--Ending message from Kevin-->

                            <!-- Message from Renan -->
                            <p>
                            <h1>Hi!</h1>
                            </p>
                            <p>
                            <h4>I'm a student from Brazil</h4>
                            </p>
                            <p>
                            <h4>I wish luck and prosperity to all of you! &lt;3 </h4>
                            </p>
                            <!-- Ending message from Renan -->

                            <!--Message from Shalindra-->
                            <div style="background-color:gray; text-align: center; width:50% ; margin:0 auto">
                                <p>
                                <h3 style="color: white;"><i>Hi Everyone 👋</i></h3>
                                <h3 style="color: white;"><i>Welcome to this wonderful programming world 🙂</i>
                                </h3>
                                <img src="turned-gray-laptop-computer.jpg" alt="programming Img" width=300px>

                                </p>
                            </div>

                            <!--Ending message from Shalindra-->

                            <div style="height: 320px;
        width: 540px;
        background-color: rgb(17 24 39);
        border-radius: 0.9rem;
        box-shadow: rgba(17 12 46 0.15)
        0px 48px 100px 0px;
        color: white;
        padding: 1.25rem;
        margin: 150px auto;
        line-height: 0.55;
        font-family: ui-sans-serif, system-ui,
        sans-serif;
        font-size: 1.25em;
        letter-spacing: 0.06rem;">

                                <div style="border-bottom: 1.5px solid
                rgb(47 57 70);
                padding: 0.75rem 1.5rem">

                                    <div style="display: flex;
                      gap: 10px;
                      margin-bottom: 0.5rem;">

                                        <div style="height: 0.85rem;
                            width: 0.85rem;
                            background-color:
                            rgb(245 101 101);
                            border-radius: 9999px;">
                                        </div>
                                        <div style="height: 0.85rem;
                              width: 0.85rem;
                              background-color:
                              rgb(250 240 137);
                              border-radius: 9999px;">
                                        </div>
                                        <div style="height: 0.85rem;
                              width: 0.85rem;
                              background-color:
                              rgb(104 211 145);
                              border-radius: 9999px;">
                                        </div>
                                    </div>
                                </div>
                                <div style="padding: .9rem 2rem">
                                    <p>
                                        <em style="color:
                              rgb(87, 151, 230);">const</em>
                                        <span style="color:
                                rgb(255, 255, 255)
                                ">&nbsp;aboutMe</span>
                                        <span style="color:
                                rgb(87, 151, 230)">=</span>
                                        <em style="color:
                              rgb(87, 151, 230);
                              ">function</em>( )
                                        <spann>&nbsp;{</span>
                                    </p>
                                    <p>&nbsp;&nbsp;&nbsp;
                                        <span style="color:
                                rgb(186, 108, 147)
                                ">return</span>
                                        &nbsp;{
                                    </p>
                                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name :&nbsp;
                                        <span style="color:
                                rgb(224, 208, 123)">'James B'</span> ,
                                    </p>
                                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;position :&nbsp;
                                        <span style="color:
                                rgb(224, 208, 123)">'Self-Taught-Junior Dev'</span> ,
                                    </p>
                                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Github :&nbsp;
                                        <span style="color:
                            rgb(224, 208, 123)">'ordoabchao8'</span> ,
                                    </p>
                                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</p>
                                    <p>}</p>
                                </div>
                            </div>


                            <!--- Message from Rudra --->
                            <div style="
  margin: inherit;
  text-align: left;
  max-width: 50%;
  font-family: times new roman;
  font-size:xx-large;
  padding: 10px 10px 10px 10px;
  border: 10px solid black;
  border-radius: 10px;
  padding: 50px;
  border-style: double;
  color: #111133;
  background-color: #00FFFF;
  ">
                                <p>
                                    Hi, introduce myself!!!<br>
                                    I'm Tri, from Indonesia<br>
                                    Thanks to W3Schools for the tutorial!!!<br>
                                    27/12/2023
                                </p>
                            </div>
                            <!-- End of message from Rudra -->

                            <!-- Message from AlexTree -->
                            <p>
                            <h1> Hello EveryBody </h1>
                            </p>
                            <p> Thanks to W3Schools team for all ! </p>
                            <p> AlexTree, Belarus, 21-12-2023 </p>
                            <!-- Ending message from AlexTree -->


                            <!--- Message from Wilson --->
                            <!--- Message from Nigeria --->
                            <p>
                            <h1><b> This Tutorial is awesome, I am geatful to
                                    W3schools </b></h1>
                            </p>
                            <!--- End Message --->

                            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                <p class=" w3-large w3-serif">
                                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                                    Hello fellow developers 😁😁😁 - Wilson from Vietnam 🇻🇳
                                </p>
                            </div>

                            <!-- End of message from Wilson -->

                            <!--- Message from Rudra --->

                            <div
                                style="margin:auto; text-align:center; max-width:45%; font-family:verdana; padding:5px 5px 5px 5px; text-shadow:2px 2px 5px darkcyan; border:2px solid black; border-radius:8px; padding: 5px; border-style:ridge; color:black; background-color:lightgreen;">
                                <p>Hey and greetings to you all !!!<br>
                                    Thanks to W3Schools team for such a great tutorial.!!!<br>
                                    Rudra, India<br>
                                    12/2023</p>
                            </div>

                            <!-- End of message from Rudra -->

                            <!-- Message from Ayush -->
                            <br>
                            <div class="w3-card w3-border" style="text-decoration-color: white;">
                                <div class="w3-container w3-black w3-xlarge">
                                    <h1 class="w3" style="text-decoration-color: white;">Hello Everyone! How are
                                        you?</h1>
                                    <hr>
                                    <p>I am a Developer from India.</p>
                                    <p>I hope you all have a wonderful future!</p>
                                </div>
                                <br>

                                <!-- End message from Ayush -->

                                <!--message from Ariadna-->
                                <div class="w3-card w3-border w3-round-xlarge">
                                    <div class="w3-container w3-blue">
                                        <h1 class="w3-animate-zoom w3-animate-fading">Hello</h1>
                                    </div>
                                    <div class="w3-container">
                                        <p>I'm Ariadna, thanks for this amazing tutorial</p>
                                    </div>
                                    <div class="w3-container">
                                        <p>keep Learning 😊</p>
                                    </div>
                                </div>
                                <!-- end mesaage from Ariadna-->


                                <!-- Message from Yisak Abraham -->

                                <div class="w3-card w3-border w3-round-xlarge">
                                    <div class="w3-container w3-blue">
                                        <h1 class="w3-animate-zoom w3-animate-fading">Hello</h1>
                                    </div>
                                    <div class="w3-container">
                                        <p>I'm Yisak from Ethiopia.</p>
                                    </div>
                                    <div class="w3-container">
                                        <p>Wish you well in your journey. 😊</p>
                                    </div>
                                </div>

                                <!-- End message from Yisak Abraham -->

                                <!--message from Swathy K-->
                                <div class="w3-card w3-border w3-round-xlarge">
                                    <div class="w3-container w3-blue">
                                        <h1 class="w3-animate-zoom w3-animate-fading">Hello</h1>
                                    </div>
                                    <div class="w3-container">
                                        <p>I'm Swathy ,hope you suceed in your respective careers</p>
                                    </div>
                                    <div class="w3-container">
                                        <p>keep Learning 😊</p>
                                    </div>
                                </div>
                                <!-- end mesaage from Swathy K-->
                                <style>
                                    .s_wrapper {
                                        display: flex;
                                        justify-content: center;
                                        align-items: center;
                                        margin: 6px;
                                    }

                                    .s_wrapper * {
                                        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande';
                                        font-weight: 600;
                                    }

                                    .s_eye {
                                        z-index: 33;
                                        position: relative;
                                        width: clamp(200px, 40vw, 2000px);
                                        height: clamp(200px, 40vw, 2000px);
                                        border-radius: 50%;
                                        border: 1px solid #000;
                                        padding: 22px;
                                        overflow: hidden;
                                        display: flex;
                                        flex-direction: column;
                                        justify-content: center;
                                        align-items: center;
                                        background: rgb(243, 242, 202);
                                        box-shadow: 0px 0px 12px 4px #000;
                                        transition: all 1s ease;

                                    }

                                    .s_eye:hover {
                                        box-shadow:
                                            0px 0px 33px 26px #000,
                                            0px 0px 7px 2px #f7f7d2 inset,
                                            -6px -11px 2vw 2vw rgb(231, 133, 67) inset;
                                        background: rgb(247, 244, 112);
                                    }

                                    .s_eye:hover .s_circle {
                                        border: 1px solid #000;
                                        background: rgb(248, 181, 55);
                                    }

                                    .s_eye:hover .s_sign {
                                        text-shadow: 0px 0px 4px rgb(255, 255, 255)
                                    }

                                    .s_txt {
                                        font-size: 2vw;
                                        margin-left: 6px;
                                        text-align: center;
                                        transition: all 1s ease;
                                        z-index: 99;
                                        color: #3b3b3b;
                                        text-shadow: 0px 0px 3px rgb(255, 255, 255);
                                    }

                                    .s_txt:hover {
                                        text-shadow: 6px 6px 9px #000;
                                        color: #000000;
                                    }

                                    .s_sign {
                                        display: flex;
                                        width: 100%;
                                        justify-content: center;
                                        margin-left: 12vw;
                                        font-size: 1vw;
                                        cursor: grab;
                                        transition: all 1s ease;
                                        color: #3b3b3b;
                                        z-index: 99;
                                    }

                                    .s_sign:hover {
                                        transform: rotateX(180deg);

                                    }

                                    .s_c_wrap {
                                        width: clamp(10px, 6vw, 90px);
                                        height: clamp(10px, 6vw, 90px);
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                    }

                                    .s_c_wrap:hover .s_circle {
                                        height: 2px;
                                        transition: all 1s ease;
                                    }

                                    .s_eyes {
                                        display: flex;
                                        gap: 12px;
                                    }

                                    .s_circle {
                                        width: clamp(10px, 6vw, 90px);
                                        height: clamp(10px, 6vw, 90px);
                                        border-radius: 50%;
                                        border: 1px solid #919090;
                                        transition: all 1s ease;
                                        cursor: cell;
                                        display: flex;
                                        align-items: center;
                                        justify-content: center;
                                        overflow: hidden;
                                    }

                                    .s_circle_sm {
                                        width: clamp(5px, 3vw, 45px);
                                        height: clamp(5px, 3vw, 45px);
                                        border-radius: 50%;
                                        background: #000;
                                        transition: all 1s ease;
                                    }
                                </style>
                                <div class="s_wrapper">
                                    <div class="s_eye">
                                        <div class="s_eyes">
                                            <div class="s_c_wrap">
                                                <div class="s_circle">
                                                    <div class="s_circle_sm">&nbsp;</div>
                                                </div>
                                            </div>
                                            <div class="s_c_wrap">
                                                <div class="s_circle">
                                                    <div class="s_circle_sm">&nbsp;</div>
                                                </div>
                                            </div>
                                        </div>
                                        <p class="s_txt">Don't expect path to success be paved in marbles.
                                            Comfort makes us lazy and weak
                                            while troubles makes us strong and powerful!</p>
                                        <p class="s_sign">Sulsiperis, Lithuania</p>

                                    </div>
                                </div>

                                <!-- Message from TenVzadu -->
                                <style>
                                    #tvContainer {
                                        background-color: #000;
                                        padding: 20px;
                                        margin: 20px 0;
                                        cursor: not-allowed;
                                        overflow: hidden;
                                        border-top: 5px solid hotpink;
                                    }

                                    #tvContainer>h2 {
                                        color: hotpink;
                                        font-family: Georgia, 'Times New Roman', Times, serif;
                                        padding-left: 10px;
                                        transition: padding-left 1s;
                                        user-select: none;
                                    }

                                    #tvContainer:hover>h2 {
                                        padding-left: 80px;
                                    }

                                    #tvContainer p {
                                        text-align: right;
                                        color: white;
                                    }
                                </style>

                                <script>
                                    function onTVClick() {
                                        document.getElementById("tvContent").innerHTML += " - me too!";
                                    }
                                </script>

                                <div id="tvContainer" onclick="onTVClick()">
                                    <h2 id="tvContent">Kilroy was here</h2>
                                    <p>♥ Domík z Prahy 4.12.2023 ♥</p>
                                </div>
                                <!-- End message from TenVzadu -->

                                <!-- Message from Ess-Yassine  -->
                                <div style="height: 320px;
          width: 540px;
          background-color: rgb(17 24 39);
          border-radius: 0.9rem;
          box-shadow: rgba(17 12 46 0.15)
          0px 48px 100px 0px;
          color: white;
          padding: 1.25rem;
          margin: 150px auto;
          line-height: 0.55;
          font-family: ui-sans-serif, system-ui,
          sans-serif;
          font-size: 1.25em;
          letter-spacing: 0.06rem;">

                                    <div style="border-bottom: 1.5px solid
                  rgb(47 57 70);
                  padding: 0.75rem 1.5rem">

                                        <div style="display: flex;
                        gap: 10px;
                        margin-bottom: 0.5rem;">

                                            <div style="height: 0.85rem;
                              width: 0.85rem;
                              background-color:
                              rgb(245 101 101);
                              border-radius: 9999px;">
                                            </div>
                                            <div style="height: 0.85rem;
                                width: 0.85rem;
                                background-color:
                                rgb(250 240 137);
                                border-radius: 9999px;">
                                            </div>
                                            <div style="height: 0.85rem;
                                width: 0.85rem;
                                background-color:
                                rgb(104 211 145);
                                border-radius: 9999px;">
                                            </div>
                                        </div>
                                    </div>
                                    <div style="padding: .9rem 2rem">
                                        <p>
                                            <em style="color:
                                rgb(87, 151, 230);">const</em>
                                            <span style="color:
                                  rgb(74 171 128)
                                  ">&nbsp;aboutMe</span>
                                            <span style="color:
                                  rgb(186, 108, 147)">=</span>
                                            <em style="color:
                                rgb(87, 151, 230);
                                ">function</em>( )
                                            <spann>&nbsp;{</span>
                                        </p>
                                        <p>&nbsp;&nbsp;&nbsp;
                                            <span style="color:
                                  rgb(186, 108, 147)
                                  ">return</span>
                                            &nbsp;{
                                        </p>
                                        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name :&nbsp;
                                            <span style="color:
                                  rgb(224, 208, 123)">'Yassine Essaouri'</span> ,
                                        </p>
                                        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;position
                                            :&nbsp;
                                            <span style="color:
                                  rgb(224, 208, 123)">'fullstack-developer'</span> ,
                                        </p>
                                        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Github :&nbsp;
                                            <span style="color:
                              rgb(224, 208, 123)">'EssYassine'</span> ,
                                        </p>
                                        <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}</p>
                                        <p>}</p>
                                    </div>
                                </div>
                                <!-- End message from Ess-Yassine -->

                                <!--Message from Taran-->
                                <div class="card">
                                    <div class="card-header">Taran Mesala</div>
                                    <div class="card-body">
                                        <pre>
              Hey guys
              Am Taran, am happy to share my note here.
              am a versatile person with a unique blend of skills like Programming,
              Web-Development,and Graphic-Design.
              Feel free to reach out.
              Instagram: __im.john.__
              LinkedIn: Taran Mesala
              </pre>
                                    </div>
                                </div>
                                <!--End of Message from Taran-->

                                <!-- Message from Adr1Est -->

                                <div style="background-color: #282C34;
        border: 3px solid #d1eb3f;
        color: #ffffff;
        border-radius: 10px;
        width: 30%;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        padding: 3px;">
                                    <p>Thanks for this awesome tutorial!!!</p>
                                    <img src="https://us-tuna-sounds-images.voicemod.net/8e5d279c-faef-4745-96df-e63e1146694b-1656003654012.jpg"
                                        alt="spiderman saying thank you in spanish while eating a donut" style="width: 100px;
        height: 100px; border-radius: 100%; ">
                                    <p style="color: #E06C75;">Adr1Est from Madrid - 28/11/2023</p>
                                </div>

                                <!-- End message from Adr1Est -->


                                <!-- Message from mdfaf  -->

                                <div style="font-family: Peridot,Arial, Helvetica, sans-serif;
      background-color:#7913bd;
      color: white;
      border-radius: 30px;
      border-color: white;
      text-align: center;
      height: auto;
      width: 70%;
      margin: auto;
      padding: 40px;">
                                    <h1>Hard work beats talent when talent doesn’t work hard. </h1>
                                    <p style="text-align: left; margin-left: 15%;">-Tim Notke</p>
                                    <p>Thanks for this amazing tutorial </p>
                                </div>


                                <!-- End message from mdfaf -->

                                <!-- Message from Giovanni RN -->
                                <img src="https://devhumor.com/content/uploads/images/August2017/js-strongtyped.png"
                                    alt="JS best">
                                <!-- End message from Giovanni RN -->

                                <!-- Contribution from Misbah -->
                                <div style="
       background-color: #1A202C;
       color:white;
       max-width:690px;
       padding: 45px 25px;
       border-radius: 15px;
       margin-inline: auto;
       margin-bottom: 25px;
       text-align: center;">
                                    <h3>
                                        <i>
                                            <b>
                                                "Everything will be ok in the end, if it's not ok, it's not the
                                                end"
                                            </b>
                                        </i>
                                        <br>
                                        <p style="text-align: right;">Keep learnig guys.</p>
                                    </h3>
                                    <h4 style="text-align: right;"> - Misbah from Bangladesh 20/11/2023</h4>
                                </div>
                                <!--End of Contribution from Misbah -->


                                <!--Message from bwidom -->
                                <div style="background-color:chartreuse;
	  text-align:center;
	  width:640px;
	  height:200px;
    font-size: 26px;
    align-items: center;
    border:2px solid #fd0404;
    border-radius: 10%;
    display: flex;
    justify-content: center;
    ">
                                    <div style="border: 4px dashed; width:80%">
                                        Thanks for the awesome tutorial! Greetings from Chicago.
                                    </div>
                                </div>

                                <!--End of Contribution from bwidom -->

                                <!--Message from lmao-->
                                <p>wooooo yeah baby thats what i've been waiting for, this is what its all
                                    about...</p>
                                <p> - MOIST</p>


                                <!-- Message from Gaby -->
                                <div
                                    style="border: 2px solid #4682b4; padding: 20px; width: 500px; font-family: 'Arial', sans-serif; background-color: #87CEEB; position: relative; border-radius: 10px; margin: 0 auto;">
                                    <h1 style="text-align: center; margin-bottom: 10px;">Hello future
                                        programmers! <span style='font-size:50px;'>&#128512;</span>
                                    </h1>
                                    <p style="text-align: left; margin-bottom: 10px;">If you're reading this,
                                        you are almost done with
                                        this tutorial!</p>
                                    <p style="text-align: left; margin-bottom: 10px;">Keep going and follow your
                                        dreams!</p>
                                    <p style="text-align: left; margin-bottom: 10px;">Thanks to W3Schools!</p>
                                    <p style="text-align: right;">- Gaby from Bulgaria, 15/11/2023</p>
                                </div>

                                <div>
                                    <h1> Inserted my message
                                </div>

                                <!-- Message from Kev -->
                                <div id="message-from-kev">
                                    <blockquote class="w3-panel w3-leftbar w3-light-grey">
                                        <p class="w3-large"><i>"Keep going guys. I belive we'll make it one day
                                                !"</i></p>
                                        <p>Kev</p>
                                    </blockquote>
                                </div>

                                <div>
                                    <h1>We did it!</h1>
                                    <h1>Great job everyone.</h1>
                                </div>

                                <!-- message from Charles-->
                                <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                    <p class=" w3-large w3-serif">
                                        Thanks a lot for the tutorial!
                                    </p>
                                </div>
                                <!-- end message from Charles-->

                                <!--- Message from Jouko --->

                                <div
                                    style="margin:auto; text-align:center; max-width:45%; font-family:verdana; padding:5px 5px 5px 5px; text-shadow:2px 2px 5px darkcyan; border:2px solid black; border-radius:8px; padding: 5px; border-style:ridge; color:black; background-color:lightgreen;">
                                    <p>Hello and greetings to you all !!!<br>
                                        And thanks to W3Schools for the well organized Git tutorial. Cheers
                                        !!!<br>
                                        Jouko, Oulu, Finland<br>
                                        11/2023</p>
                                </div>

                                <!-- End of message from Jouko -->

                                <!-- Message  -->
                                <div>
                                    <h1>Hi</h1>
                                </div>
                                <!-- Message from Tahseen, Kashmir -->
                                <div
                                    style="background-color: #fff; border-radius: 1rem; margin: 2px auto;  max-width:fit-content; padding: 4px 25px; font-size: large; box-shadow: -4px 6px rgb(199, 198, 198);">
                                    <p>
                                        One more time! until perfection!
                                    </p>
                                </div>

                                <!-- Message from Gift Amachree, Nigeria -->
                                <div
                                    style="width: 300px; padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); text-align: center; margin: 2rem auto;">
                                    <div style="font-size: 24px; color: #333; margin-bottom: 10px;">Thank You!
                                    </div>
                                    <div style="font-size: 16px; color: #666;">
                                        I sincerely appreciate W3Schools for their wonderful content, which has
                                        been incredibly helpful to
                                        me in my learning
                                        journey.
                                    </div>
                                </div>
                                <P>HELLO EVERYONE!!!</P>
                                <P>HELLO EVERYONE!!!</P>

                                <P>HELLO EVERYONE!!!</P>

                                <!-- Message from munashedev, Africa -->
                                <div>
                                    <h1>hie guys wish you well on your coding journey</h1>
                                    <h1>One Love</h1>
                                </div>
                                <!-- Message end here for munashedev  -->

                                <!--Message from Maria Melnyk, Ukraine-->
                                <div class="w3-panel w3-leftbar w3-sand">
                                    <p class="w3-xxlarge w3-serif">
                                        <i>"We are the champions, my friends"</i>
                                    </p>
                                    <p>Freddie Mercury</p>
                                </div>


                                <!-- Message from *AlgorithmicHuman*, India -->
                                <div
                                    style="background-image: radial-gradient(circle at center, #9adfcc 0%, #5dcbbb 100%); width: 700px; height: 200px; border-radius: 15px; display: flex; justify-content: center; align-items: center;">
                                    <p
                                        style="color: white; font-weight: bold; font-size: 35px; text-align: center; font-family: 'Rubik', sans-serif; font-weight: 800;">
                                        Why did the developer quit using Git? Because they didn't know how to
                                        commit. - Mr.ChatGPT
                                    </p>
                                    <!-- Message end XS -->
                                </div>

                                <!-- Message from Krosenfield -->
                                <div
                                    style="background-color: #5ef109; width: 600px; border-radius: 50px; margin: 0px auto; text-align: center;">
                                    <div style="width: 400px; margin: 50px auto; padding: 20px 0px; color: darkblue;">
                                        <h2 style="font-weight: bold;">This is my Comment!!</h2>
                                        <p>My family loves my comment.</p>
                                        <p>My friends love my comment.</p>
                                        <p>My cat loves my comment.</p>
                                        <p>My dentist loves my comment.</p>
                                        <p>My doctor loves my comment.</p>
                                        <p>My neighbors love my comment.</p>
                                        <p>I hope that you also love my comment.</p>
                                        <p>Leave a comment about my comment.</p>
                                        <p>Keith R.</p>
                                    </div>
                                </div>
                                <!-- End Message from Krosenfield -->

                                <!-- Worked or not? Let's Try -->
                                <div>Hello Community members</div>
                                <h2>New change</h2>

                                <!--Message From TrieuBui1012-->
                                <div
                                    style="text-align: center; border: skyblue 1px solid; color: white; background-color: darkslategray; padding: 14px 16px; width: 50%; height: auto;">
                                    This is the best tutorial for me to complete my project with my team in my
                                    university. Love it!!!<br>
                                    - Bùi Quốc Triệu
                                </div>
                                <!--End of TrieuBui1012's message-->

                                <!-- Message From Hamza -->
                                <div
                                    style="border-radius: 10px; border-left:#202124 10px solid; background-color: #595a5e;padding: 20px; margin: auto; color:white; max-width:900px; font-size: 28px; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
                                    <p>
                                        One of my most productive days was throwing away 1,000 lines of code.
                                        <br> - Ken Thompson
                                    </p>
                                </div>
                                <!-- End of Hamza's message -->


                                <!-- Message from Selim -->
                                <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                    <p class=" w3-large w3-serif">
                                        When you see a person who has been given more than you in money and
                                        beauty, then look to those who
                                        have been
                                        given less.</p>
                                </div>
                                <!-- End of message from Selim -->


                                <!-- Message from IhtezazAnwar-->
                                <div class="w3-container w3-sand w3-center w3-padding-24 w3-animate-right">
                                    <img src="https://media.giphy.com/media/3ornk57KwDXf81rjWM/giphy.gif"
                                        class="w3-circle" alt="Car" style="width:200px; height:200px;">
                                </div>
                                <!-- End of message from IhtezazAnwar-->

                                <!-- Message from UlisesMachado-->
                                <div class="w3-panel w3-leftbar w3-light-grey">
                                    <p class="w3-xlarge w3-serif">
                                        <i>"So excited to finally truly learn Git"</i>
                                    </p>
                                    <p>Ulises Machado</p>
                                </div>
                                <!-- End of message from UlisesMachado-->


                                <!-- Message from IhtezazAnwar-->
                                <div class="w3-container w3-sand w3-center w3-padding-24 w3-animate-right">
                                    <img src="https://media.giphy.com/media/3ornk57KwDXf81rjWM/giphy.gif"
                                        class="w3-circle" alt="Car" style="width:200px; height:200px;">
                                </div>
                                <!-- End of message from IhtezazAnwar-->

                                <!-- Message from UlisesMachado-->
                                <div class="w3-panel w3-leftbar w3-light-grey">
                                    <p class="w3-xlarge w3-serif">
                                        <i>"So excited to finally truly learn Git"</i>
                                    </p>
                                    <p>Ulises Machado</p>
                                </div>
                                <!-- End of message from UlisesMachado-->

                                <div
                                    style="text-align: center; font-weight: bold; font-size: 30px; background-color: rgb(89, 101, 105); border-radius: 40px; padding: 5px; margin: 10px;">
                                    <p>SALUT!!!</p>
                                </div>
                                <!-- End Message from umermatov -->


                                <div
                                    style="text-align: center; font-weight: bold; font-size: 30px; background-color: rgb(89, 101, 105); border-radius: 40px; padding: 5px; margin: 10px;">
                                    <p>SALUT!!!</p>
                                </div>
                                <!-- End Message from umermatov -->

                                <p>hi this is best beginner friendly git/github tutorial on internet</p>


                                <!-- Message from OostaSolutions-->
                                <div class="w3-panel w3-black">
                                    <p class="w3-large w3-serif">
                                        <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
                                        Finally finished learning Git thanks to you !! lets go for html css ...
                                    </p>
                                </div>
                                <!-- End of message from OostaSolutions -->

                                <!-- Message from lanshead-->
                                <div
                                    style="color: #092834; max-width: 640px; background-color: #66B032; text-align: center; font-family: Papyrus, Fantasy; border-radius: 10px; margin: 10px auto 10px auto;">
                                    <h1 style="size: 70px;">Hello W3Schools! Thank you for the awesome tutorial.
                                    </h1>
                                    <p
                                        style="display: flex; align-items: flex-end; font-size: 20px; padding-left: 400px;">
                                        by lanshead
                                        from Russia.</p>
                                </div>
                                <!-- End of message from lanshead -->
								
								 <!-- Message from Waqas-->
                                <div
                                    style="color: #092834; max-width: 640px; background-color: #66B032; text-align: center; font-family: Papyrus, Fantasy; border-radius: 10px; margin: 10px auto 10px auto;">
                                    <h1 style="size: 70px;">Good work Keep it up.
                                    </h1>
                                    <p
                                        style="display: flex; align-items: flex-end; font-size: 20px; padding-left: 400px;">
                                        by Waqas
                                        from Pakistan.</p>
                                </div>
                                <!-- End of message from Waqas -->

                                <!-- message from KInd-->
                                <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                    <p class=" w3-large w3-serif">
                                        Thanks for the tutorial!
                                    </p>
                                </div>
                                <!-- end message from KInd-->
                                <!-- Message from Yasiru-->
                                <div>
                                    <h1 style="color: blue; size: 70px;">Hi W3Schools!. Thank you for the
                                        awesome tutorial. Yasiru from
                                        Sri Lanka 🇱🇰 :)</h1>
                                </div>
                                <!-- End of message from Yasiru -->


                                <!-- Message from lanshead-->
                                <div
                                    style="color: #092834; max-width: 640px; background-color: #66B032; text-align: center; font-family: Papyrus, Fantasy; border-radius: 10px; margin: 10px auto 10px auto;">
                                    <h1 style="size: 70px;">Hello W3Schools! Thank you for the awesome tutorial.
                                    </h1>
                                    <p
                                        style="display: flex; align-items: flex-end; font-size: 20px; padding-left: 400px;">
                                        by lanshead
                                        from Russia.
                                    </p>
                                </div>
                                <!-- End of message from lanshead -->

                                <!-- message from KInd-->
                                <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                    <p class=" w3-large w3-serif">
                                        Thanks for the tutorial!
                                    </p>
                                </div>
                                <!-- end message from KInd-->
                                <!-- Message from Yasiru-->
                                <div>
                                    <h1 style="color: blue; size: 70px;">Hi W3Schools!. Thank you for the
                                        awesome tutorial. Yasiru from
                                        Sri Lanka
                                        🇱🇰 :)</h1>
                                </div>
                                <!-- End of message from Yasiru -->

                                <!-- Message from umermatov -->
                                <div
                                    style="text-align: center; font-weight: bold; font-size: 30px; background-color: lightblue; border-radius: 40px; padding: 10px; margin: 20px;">
                                    <p>Hello from Uzbekistan!</p>
                                </div>
                                <!-- End Message from umermatov -->

                                <!-- Message from https://github.com/KiarashBakh -->
                                <div
                                    style="box-sizing: border-box; border: rgb(43, 0, 61) solid 5px; border-radius: 50px; margin: auto; text-align: center; font-weight: bold; font-size: 3em; background-color: #5f50a9;">
                                    <p>سلام</p>
                                    <p>To all my IRANIAN friends</p>
                                </div>

                                <!-- End Message from https://github.com/KiarashBakh -->


                                <!-- Message from https://github.com/sickghastly/ -->
                                <div style="background-color: black; color: white; font: 1.3rem Inconsolata, monospace; padding: 20px 30px 20px 30px; margin: 10px 0px 10px 0px; background-image: radial-gradient(
      rgba(0, 150, 0, 0.699), black 120%); text-shadow: 0 0 5px #C8C8C8;">
                                    <p>Terminal v1.01</p>
                                    <p>$> .\Thank.exe<br>$> Loading Thank.exe...</p>
                                    <p>Thanks for the great tutorial! :)</p>
                                    <p>Press the Any key to exit</p>
                                </div>

                                <!-- Message from githubuser0101-->
                                <div>
                                    <h1 style="color: red; size: 70px;">Take control of your life!</h1>
                                </div>
                                <!-- End of message from githubuser0101 -->

                                <!-- Message from https://github.com/srinivasn000 -->
                                <div style="background:teal;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:center;padding:10px;"
                                    onMouseOver="this.style.background='#000'"
                                    onMouseOut="this.style.background='teal'">
                                    <h1 style="color:#fff">Hello world !</h1>
                                    <img src="https://avatars.githubusercontent.com/u/66051429?v=4" alt="srinivasan000"
                                        width="60" height="60" title="srinivasan000"
                                        style="width:60px;height:60px;border-radius:50%;" />
                                </div>
                                <!-- End Message from https://github.com/srinivasn000 -->


                                <!-- End Message from https://github.com/sickghastly/ -->

                                <!-- Message from githubuser0101-->
                                <div>
                                    <h1 style="color: red; size: 70px;">Take control of your life!</h1>
                                </div>
                                <!-- End of message from githubuser0101 -->

                                <!-- Message from https://github.com/srinivasn000 -->
                                <div style="background:teal;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;align-items:center;padding:10px;"
                                    onMouseOver="this.style.background='#000'"
                                    onMouseOut="this.style.background='teal'">
                                    <h1 style="color:#fff">Hello world !</h1>
                                    <img src="https://avatars.githubusercontent.com/u/66051429?v=4" alt="srinivasan000"
                                        width="60" height="60" title="srinivasan000"
                                        style="width:60px;height:60px;border-radius:50%;" />
                                </div>
                                <!-- End Message from https://github.com/srinivasn000 -->

                                <!-- Message from rootuser-et -->
                                <div
                                    class="w3-container w3-panel  w3-round-xxlarge w3-card w3-light-green w3-monospace w3-margin ">
                                    <h2>Why i love pumpkin seeds?</h2>
                                    <p>
                                        The reason why I love pumpkin seeds could be attributed to their unique
                                        combination of taste and
                                        nutritional
                                        benefits. Pumpkin seeds have a pleasant, slightly nutty flavor that many
                                        people find appealing.
                                        Additionally,
                                        they are a good source of nutrients such as protein, fiber, healthy
                                        fats, vitamins, and minerals
                                        like
                                        magnesium and zinc. These nutritional benefits not only make pumpkin
                                        seeds a tasty snack but also
                                        contribute
                                        to their popularity as a health-conscious choice.<br>
                                        Furthermore, personal preferences for certain foods can be influenced by
                                        cultural, familial, or
                                        individual
                                        experiences. Perhaps you have positive memories associated with pumpkin
                                        seeds from your past, or you
                                        simply
                                        enjoy their crunchy texture and versatility in various recipes.<br>
                                        Ultimately, the reasons for loving pumpkin seeds can vary from person to
                                        person, but the combination
                                        of taste,
                                        nutrition, and personal preferences likely plays a significant role in
                                        your affection for them.
                                    </p>
                                    <p class="w3-large">
                                        In this short story, I expressed a deep attachment to pumpkin seeds,
                                        emphasizing that their taste
                                        brings me
                                        pleasure and joy. They have become my weakness, and I always carry them
                                        with me to savor their
                                        flavor, even on
                                        long journeys. "I love pumpkin seeds" has become not just a phrase but a
                                        life philosophy for me,
                                        highlighting
                                        my fondness for this delightful snack.
                                    </p>
                                </div>
                                <!-- End message from rootuser-et -->

                                <!-- Message from Bhanu -->
                                <p>This is an amazing tutorial! From India!.</p>
                                <!-- End messagge from Bhanu -->

                                <!-- Message from zizo -->
                                <p>I'm zizo, from Libya.</p>
                                <!-- End messagge from zizo -->

                                <!-- Message from Yohannes -->
                                <p>I'm Yohannes Molla, from Ethiopia.</p>
                                <!-- End messagge from Yohannes -->

                                <!-- Message from peterlaczo -->
                                <div class="w3-panel w3-teal w3-card-4">
                                    <h3>This is the best Git/GitHub tutorial ever!</h3>
                                    <p>Thank you, <a href="https://www.w3schools.com/">w3schools.com</a>!</p>
                                    <p class="w3-serif w3-right">I was <abbr title="Péter Laczó">P.L.</abbr>
                                        from Hungary. Cheers!</p>
                                </div>
                                <!-- End message from peterlaczo-->

                                <div id="jrggroberto" class="w3-card-4 w3-monospace msg-jrggroberto"
                                    style="width: 20%; min-width: 400px; margin-inline: auto; margin-bottom: 80px; margin-top: 80px;">
                                    <div class="w3-center">
                                        <header class="w3-container w3-blue">
                                            <h3 class="w3-xxlarge font-effect-shadow-multiple"
                                                style="font-family: 'Sans-serif'; cursor: pointer;">
                                                <img style="border-radius: 50%;  margin-right: 20px;" alt="J.Roberto"
                                                    src="https://img.freepik.com/vetores-premium/avatar-de-homem-barbudo-foto-generica-de-perfil-masculino_53562-20202.jpg?w=2000"
                                                    width="60px" height="60px">Anirudra Adhikary
                                            </h3>

                                        </header>
                                        <div class="w3-container w3-sand  w3-card-4">
                                            <p class="w3-medium" style="color:#005c99">In a tranquil village, a
                                                wise old man named Aiden
                                                shared a
                                                timeless phrase: "This too shall pass." When a brutal drought
                                                struck, some followed his counsel
                                                while
                                                others despaired. Those who listened persevered, conserving
                                                water and maintaining hope.
                                                Eventually, rain
                                                returned, reviving the land and the villagers' spirits. Aiden's
                                                wisdom taught them that life's
                                                challenges
                                                are temporary, a lesson they held in their hearts forever.</p>
                                            <hr>
                                            <p><span class="w3-hover-text-green"> India🇮🇳</span>.</p>
                                        </div>
                                    </div>
                                </div>
                                <h1>Hello My Name is Radhika Shaktawat</h1>


                                <!-- Message from anther1991-->
                                <div class="w3-panel w3-green w3-topbar w3-bottombar w3-border-amber w3-padding-16">
                                    <h2 class="w3-opacity">Love all of your hard works, W3schools &lt;3 &lt;3
                                        &lt;3 <br />
                                        === Vietnam - 9/20/2023 ===</h2>
                                </div>
                                <!-- End message from Dwayne -->

                                <!-- Message from Dwayne -->
                                <div class="w3-panel w3-card-4 w3-dark-grey w3-padding-16 w3-xlarge"><em>God is
                                        our refuge and strength,
                                        a very
                                        present help in trouble.</em> - <strong>Psalm 46:1</strong></div>
                                <!-- End message from Dwayne -->

                                <!-- Message from truongvinh57 -->
                                <div class="w3-panel w3-black">
                                    <p class="w3-large w3-serif">
                                        <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
                                        Good content as always!!
                                    </p>
                                </div>
                                <!-- End of message from truongvinh57 -->

                                <!-- Message from Todd1s -->
                                <div class="w3-panel w3-black">
                                    <p class="w3-large w3-serif">
                                        <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
                                        Love w3school and school 21 (Todd1s)
                                    </p>
                                </div>
                                <!-- End of message from Todd1s -->
                                <!-- Message from AnniVaah -->
                                <div
                                    style='font-family:Verdana ;background-color:rgb(101, 0, 13);background-image:linear-gradient(to right, rgb(184, 0, 24), rgb(255, 183, 0));text-align:center;color:white;width:90%;margin:15px auto;border-radius:5px;'>

                                    <!-- Message from truongvinh57 -->
                                    <div class="w3-panel w3-black">
                                        <p class="w3-large w3-serif">
                                            <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
                                            Good content as always!!
                                        </p>
                                    </div>
                                    <!-- End of message from truongvinh57 -->

                                    <!-- Message from tion -->
                                    <p>Thanks from tion. Keep up the good work!</p>
                                    <!--End of message from tion -->

                                    <!-- Message from Todd1s -->
                                    <div class="w3-panel w3-black">
                                        <p class="w3-large w3-serif">
                                            <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
                                            Love w3school and school 21 (Todd1s)
                                        </p>
                                    </div>
                                    <!-- End of message from Todd1s -->
                                    <!-- Message from AnniVaah -->
                                    <div
                                        style='font-family:Verdana ;background-color:rgb(101, 0, 13);background-image:linear-gradient(to right, rgb(184, 0, 24), rgb(255, 183, 0));text-align:center;color:white;width:90%;margin:15px auto;border-radius:5px;'>

                                        <h2 style='font-size:2rem'>No niin!</h2>
                                    </div>
                                    <!-- End of message from AnniVaah -->
                                    <div
                                        style="width: fit-content; height: fit-content; margin: 10px auto; background-color: #00f7ff; padding: 5px 15px; border-radius: 15px; color: rgb(140, 0, 255); box-shadow: 0 0 10px rgb(140, 0, 255); text-shadow: 0 0 2px rgb(140, 0, 255);">
                                        <h2>Hello from Serbia!:)<br>Thanks W3Schools for their
                                            work<br>BlackPerico &lt3</h2>
                                    </div>
                                    <!-- Message from lashuti -->
                                    <div
                                        style='font-family:fantasy;background-color:plum;background-image:linear-gradient(to right, rgb(160, 49, 160), rgb(114, 0, 114));text-align:center;color:white;width:500px;margin:15px auto;border-radius:5px;box-shadow:0 0 8px 5px rgba(195, 0, 255, 0.23)'>
                                        <h2 style='font-size:3rem'>გამარჯობა!</h2>
                                        <h3 style='font-size:3rem'>Hello my fellow Georgians! :)</h2>
                                    </div>
                                    <!-- End of message from lashuti -->

                                    a message from justcallmeroybert

                                    <!--Message from jagg-test -->
                                    <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                        <p class=" w3-large w3-serif">
                                            Thank you for the Git tutorial! - JG 2023
                                        </p>
                                    </div>
                                    <!--End message from jagg-test -->

                                    <!-- Message from UMMAN2005 - Azerbaijan -->
                                    <div style="width: 100%; height: 90px;">
                                        <div style="width: 100%; height: 30px; background-color: #00A99D;">
                                        </div>
                                        <div
                                            style="width: 100%; height: 30px; background-color: #ED1C24; display: flex; justify-content: center; align-items: center;">
                                            <p>Hello from UMMAN2005 <-< /p>
                                                    <!-- Translation in Azerbaijani -->
                                                    <p>-> UMMAN2005-dən Salam</p>
                                        </div>
                                        <div style="width: 100%; height: 30px; background-color: #3F9C35;">
                                        </div>
                                    </div>
                                    <!-- End message from UMMAN2005 - Azerbaijan -->

                                    <!-- message from Fab-->
                                    <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                        <p class=" w3-large w3-serif">
                                            Hello ! Great tutorial! Thanks
                                        </p>
                                    </div>
                                    <!-- end message from Fab-->


                                    <!--message from shivani-->
                                    <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                        <p class=" w3-large w3-serif">
                                            Hello! Amazing website. All things in one place. Thank you
                                            10-10-2023
                                        </p>
                                    </div>
                                    <!--End message from shivani-->

                                    <!--message from shivani-->
                                    <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                        <p class=" w3-large w3-serif">
                                            Hello! Amazing website. All things in one place. Thank you
                                            10-10-2023
                                        </p>
                                    </div>
                                    <!--End message from shivani-->

                                    <!--Message from dngebremedhn -->
                                    <div class="w3-col l3 m6 w3-dark-grey w3-container w3-padding-16">
                                        <p><em>I am dngebremedhn from Tigray, learning Git and Github</em></p>
                                        <P>I am learning forking here. Thank you w3schools for allowing us do
                                            this.</P>
                                    </div>
                                    <!--End message from dngebremedhn-->
                                    <!-- message from ggdmj23 -->
                                    <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                        <p class=" w3-large w3-serif">
                                            Having fun learning Web Development with w3Schools!!!
                                        </p>
                                    </div>
                                    <!-- end message from ggdmj23 -->

                                    <!-- message from Jpgpcs -->
                                    <div class="w3-panel w3-leftbar w3-light-grey">
                                        <p class="w3-xlarge w3-serif">
                                            <i>For God so loved the world that he gave his one and only Son,
                                                that whoever believes in him
                                                shall not perish
                                                but have eternal life.</i>
                                        </p>
                                        <p>John 3:16 NIV</p>
                                    </div>
                                    <!-- end message from Jpgpcs -->

                                    <!-- message from Dara -->
                                    <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                                        <p class=" w3-large w3-serif">
                                            Hello from Kurdistan! Grateful to W3Schools for their fantastic
                                            tutorials! ❤️‍☀️‍💚
                                        </p>
                                    </div>
                                    <!-- end message from Dara -->

                                    <!-- message from VladRosi -->
                                    <div style='font-family:fantasy;background-color:seagreen;background-image:linear-gradient(to right, mediumseagreen, seagreen);text-align:center;color:white;width:500px;margin:15px auto;border-radius:5px;box-shadow:0 0 8px 5px rgba(0,255,0,.23)'
                                        onmouseover='this.style.color="red"' onmouseout='this.style.color="white"'>
                                        <h2 style='font-size:3rem'>Hello everyone from Russia!</h2>
                                        <h3 style='font-size:2.2rem'>Thanks w3schools's team for this and other
                                            tutorials!{&gt;_&lt;}</h3>
                                    </div>
                                    <!-- end message from VladRosi -->

                                    <!-- Message from papaoto75 -->
                                    <div class="w3-panel w3-leftbar w3-light-grey">
                                        <p class="w3-xlarge w3-serif">
                                            <i>"Two things are infinite: the universe and human stupidity; and
                                                I'm not sure about the
                                                universe."</i>
                                        </p>
                                        <p>Albert Einstein</p>
                                    </div>
                                    <!-- End message from papaoto75 -->

                                    <!-- message from primeakash -->
                                    <div
                                        style="font-family: Arial, Helvetica, sans-serif; background-color:#42032C; color: white; border-radius: 50px; text-align: center; height: auto; width: 60%; margin: auto; padding: 40px;">
                                        <h2>Hello World!!! from primeakash </h2>
                                    </div>
                                    <!-- End Message from primeakash-->


                                    <!-- message from wiwr -->
                                    <div
                                        style="font-family: Arial, Helvetica, sans-serif; background-color:#42032C; color: white; border-radius: 50px; text-align: center; height: auto; width: 60%; margin: auto; padding: 40px;">
                                        <h2>Hey! all people </h2>
                                    </div>
                                    <!-- End Message from -->

                                    <!-- Message from MMP -->
                                    <div
                                        style="font-family: Arial, Helvetica, sans-serif; background-color:#42032C; color: white; border-radius: 50px; text-align: center; height: auto; width: 60%; margin: auto; padding: 40px;">
                                        <h2>Hello from IRAN! Thanks W3S for amazing tutorials!</h2>
                                        <p>Future developer, MMP</p>
                                    </div>
                                    <!-- End Message from MMP-->

                                    <div
                                        style="border:5px solid grey;background-color: black;text-align: center;font-size: larger;">
                                        <p style="display:inline-block;color:white">Ahoy&nbsp;&nbsp;</p>
                                        <p style="color: violet;display: inline-block;">from&nbsp;&nbsp;</p>
                                        <p style="display: inline-block;color:red">Rob</p>
                                    </div>


                                    <div
                                        style="background-color: #697eff;text-indent: 43px;text-transform: capitalize;font-family: Arial, Helvetica, sans-serif;">
                                        <pre>Torilla tavataan.</pre>
                                    </div>


                                    <!-- Message from ryyan-safar  -->
                                    <div
                                        style="background-color: tomato; transform: capitalize; font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:large;">
                                        I'm Rybo and im learning Git from <a
                                            href="https://www/w3schools.com">w3schools.com</a>
                                    </div>
                                    <!-- Enf of message from ryyan-safar -->

                                    <!-- Message from petoern -->
                                    <p>Erm, yes, i don't have any idea what i should write.</p>
                                    <h6>I don't know much about html so i won't make anything fancy like the
                                        others.</h6>
                                    <a href="https://www.w3schools.com">Thank you.</a>
                                    <!-- End Message from my cat -->

                                    <!-- Message from my cat-->
                                    <h3>you are in my chair!!</h2>
                                        <!-- End Message from my cat-->

                                        <!-- Message From eric-kunin -->
                                        <div
                                            style="background-color: #009999;text-indent: 43px;text-transform: capitalize;font-family: Arial, Helvetica, sans-serif;">
                                            <pre>hello from Israel!
     I'm learning git, nickname in discord is: <span style="color: #600BB4;">Gater777</span></pre>
                                        </div>
                                        <!-- End of message from eric-kunin -->

                                        <!-- Message From budi-tech -->
                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif">
                                                <i>"its a great tutorial, thanks!"</i>
                                            </p>
                                            <p>budi-tech</p>
                                        </div>
                                        <!-- End of message from budi-tech -->

                                        <div style="background-color: #34257D; color: #e7e7f1; text-align: center; border-radius: 100px;
     margin-left: 30em; margin-right: 30em; border: solid black;">
                                            <h1>eu estive aqui!!</h1>
                                            <p>agora é sua vez.</p>
                                            <p>por: Ana Laura IFC-2023</p>
                                        </div>

                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif">
                                                <i>"Oi"</i>
                                            </p>
                                            <p>Mariana</p>
                                        </div>


                                        <!-- Diana e Isabeli, Brasil -->
                                        <div class="w3-card-4 w3-monospace"
                                            style="width: 20%; min-width: 400px; margin-inline: auto; margin-bottom: 100px;">
                                            <!--Message from jagg-test -->
                                            <div class="w3-panel w3-card-4 w3-light-grey" style="width: auto;">
                                                <p class=" w3-large w3-serif">
                                                    Thank you for the Git tutorial! - JG 2023
                                                </p>
                                            </div>
                                            <!--End message from jagg-test -->
                                            <div class="w3-center">
                                                <header class="w3-container w3-light-grey">
                                                    <h3 class="w3-xxlarge font-effect-shadow-multiple"
                                                        style="font-family: 'Lobster', Sans-serif; cursor: pointer;">
                                                        Diana e Isabeli</h3>
                                                </header>
                                                <div class="w3-container">
                                                    <p class="w3-large">💖</p>
                                                    <hr>
                                                    <p class="w3-left-align"></p>
                                                    <p class="w3-right-align">15.08.2023</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Diana e Isabeli, Brasil-->

                                        <div style="background-color: #1b6315; color: #e7e7f1; text-align: center; border-radius: 10px;
    margin-left: 30em; margin-right: 30em; border: solid black;">
                                            <h1>Pires passou por aqui, beijos</h1>
                                            <h2>IFC 2023</h2>
                                            <p>é... até que é legal</p>
                                        </div>

                                        <!-- Message from Gabriela Silveira-->
                                        <div id="jrggroberto" class="w3-card-4 w3-monospace msg-jrggroberto"
                                            style="width: 20%; min-width: 400px; margin-inline: auto; margin-bottom: 80px; margin-top: 80px;">
                                            <div class="w3-center">
                                                <header class="w3-container w3-blue">
                                                    <h3 class="w3-xxlarge font-effect-shadow-multiple"
                                                        style="font-family: 'Sans-serif'; cursor: pointer;"><img
                                                            style="border-radius: 50%;  margin-right: 20px;"
                                                            alt="J.Roberto"
                                                            src="https://img.freepik.com/vetores-premium/avatar-de-homem-barbudo-foto-generica-de-perfil-masculino_53562-20202.jpg?w=2000"
                                                            width="60px" height="60px">Mateus Rosa</h3>

                                                </header>
                                                <div class="w3-container w3-sand  w3-card-4">
                                                    <p class="w3-medium" style="color:#9fe8fa">The sound of the
                                                        waves is the best soundtrack in
                                                        the world.</p>
                                                    <hr>Ago 15, 2023
                                                    <p><span class="w3-hover-text-green"> Brazil, SC</span>.</p>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Message from Heloisa Machado-->
                                        <div id="jrggroberto" class="w3-card-4 w3-monospace msg-jrggroberto"
                                            style="width: 20%; min-width: 400px; margin-inline: auto; margin-bottom: 80px; margin-top: 80px;">
                                            <div class="w3-center">
                                                <header class="w3-container w3-blue">
                                                    <h3 class="w3-xxlarge font-effect-shadow-multiple"
                                                        style="font-family: 'Sans-serif'; cursor: pointer;"><img
                                                            style="border-radius: 50%;  margin-right: 20px;"
                                                            alt="J.Roberto"
                                                            src="https://img.freepik.com/vetores-premium/avatar-de-homem-barbudo-foto-generica-de-perfil-masculino_53562-20202.jpg?w=2000"
                                                            width="60px" height="60px">Mateus Rosa</h3>

                                                </header>
                                                <div class="w3-container w3-sand  w3-card-4">
                                                    <p class="w3-medium" style="color:#ff5563">a felicidade é
                                                        uma borboleta, deveríamos pegá-la
                                                        enquanto
                                                        dançamos.</p>
                                                    <hr>Ago 15, 2023
                                                    <p><span class="w3-hover-text-green"> Brazil</span>.</p>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif">
                                                <i>"Se ame mais!"</i>
                                            </p>
                                            <p>Iza Espanhol</p>
                                        </div>

                                        <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>
                                            <p style="background-color: #009999;">I'm just trying to get my life
                                                together</p>
                                        </div>
                                        <!-- Message from Nikhil-->

                                        <!-- Message from Gustavo Milano-->
                                        <div id="jrggroberto" class="w3-card-4 w3-monospace msg-jrggroberto"
                                            style="width: 20%; min-width: 400px; margin-inline: auto; margin-bottom: 80px; margin-top: 80px;">
                                            <div class="w3-center">
                                                <header class="w3-container w3-blue">
                                                    <h3 class="w3-xxlarge font-effect-shadow-multiple"
                                                        style="font-family: 'Sans-serif'; cursor: pointer;"><img
                                                            style="border-radius: 50%;  margin-right: 20px;"
                                                            alt="J.Roberto"
                                                            src="https://img.freepik.com/vetores-premium/avatar-de-homem-barbudo-foto-generica-de-perfil-masculino_53562-20202.jpg?w=2000"
                                                            width="60px" height="60px">Mateus Rosa</h3>

                                                </header>
                                                <div class="w3-container w3-sand  w3-card-4">
                                                    <p class="w3-medium" style="color:#ff5563"> Não importa o
                                                        quão poderoso você se torne nunca
                                                        tente fazer tudo sozinho, caso contrario ira falhar.
                                                        Uchiha Itachi </p>
                                                    <hr>Out 31, 2023
                                                    <p><span class="w3-hover-text-green"> Brazil</span>.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- End Message from Gustavo Milano-->

                                        <!-- Start Massage From Afsar Uddin -->
                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif">
                                                <i>"Se ame mais!"</i>
                                            </p>
                                            <p>Iza Espanhol</p>
                                        </div>

                                        <div class="w3-row w3-container">
                                            <div class="w3-col l12 m6 w3-yellow w3-container w3-padding-16">
                                                <h3>Afsar UDDIN 😎</h3>
                                                <h4>Thank you for amazing possibility to learn! People and
                                                    Robots become closer to each others!
                                                    🦾❤️💪🏻
                                                </h4>
                                            </div>
                                        </div>

                                        <!-- End Massage From Afsar Uddin -->


                                        <!-- Message from Ruan -->
                                        <p>Santa Rosa do Sul</p>
                                        <!-- End of message from Jo-->

                                        <!-- Message from Rafael-->


                                        <!-- Message from Murilo-->
                                        <div class="Murilo">
                                            <P>INTER CAMPEAO DA LIBERTADORES DE 2023</P>
                                        </div>

                                        <!-- Message from OHAIO-->


                                        <!-- Message from Brazil -->
                                        <div class="w3-panel w3-black">
                                            <p class="w3-large w3-serif">
                                                <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
                                                Muito obrigado pelo tutorial, W3schools! Joédio Borges Jr. ->
                                                Araranguá-SC / Brasil
                                            </p>
                                        </div>
                                        <!-- end of message from Brazil-->

                                        <!-- Message from DiogoBauer-->
                                        <h2>só sei que nao sei, assinado: Rohzeu.</h2>
                                        <!-- End Message from DiogoBauer-->

                                        <!-- Message From Ana Carolina -->
                                        <div style="background: #4287f5;">
                                            <p>Amanhã é meu aniversario!</p>
                                            <p>Oi todo mundo</p>
                                        </div>

                                        <!-- Message from Guilherme Ritter-->
                                        <div id="jrggroberto" class="w3-card-4 w3-monospace msg-jrggroberto"
                                            style="width: 20%; min-width: 400px; margin-inline: auto; margin-bottom: 80px; margin-top: 80px;">
                                            <div class="w3-center">
                                                <header class="w3-container w3-blue">
                                                    <h3 class="w3-xxlarge font-effect-shadow-multiple"
                                                        style="font-family: 'Sans-serif'; cursor: pointer;"><img
                                                            style="border-radius: 50%;  margin-right: 20px;"
                                                            alt="J.Roberto"
                                                            src="https://img.freepik.com/vetores-premium/avatar-de-homem-barbudo-foto-generica-de-perfil-masculino_53562-20202.jpg?w=2000"
                                                            width="60px" height="60px">Mateus Rosa</h3>
                                                </header>
                                                <div class="w3-container w3-sand  w3-card-4">
                                                    <p class="w3-medium" style="color:#005c99">O Superior passou
                                                        por aqui</p>
                                                    <p class="w3-medium" style="color:#005c99">-Guilherme Ritter
                                                    </p>
                                                    <hr>Ago 15, 2023
                                                    <p><span class="w3-hover-text-green"> Brazil🇧🇷</span>.</p>
                                                </div>
                                            </div>
                                        </div>

                                        <h5>ola pessoas</h5>

                                        <!-- Message from Lucas L. T.-->
                                        <div>
                                            <p>
                                                I'm becoming a pro volleyball player!!
                                            </p>
                                        </div>

                                        <!-- Message From Michel-->
                                        <div>
                                            <img src="https://ghostcultmag.com/wp-content/uploads/Motely-Crue-1983-lg-banner-wikipedia-ghostcultmag.jpg"
                                                alt="mötley crüe muito pika">
                                            <p>mötley crüe, melhoir banda do mundo rapaziada 🇧🇷 </p>

                                        </div>


                                        <!-- Message from MIGSTR-->
                                        <h2>o frio é psicológico, ass: Riter</h2>
                                        <!-- End Message from MIGSTR-->


                                        <div>
                                            <p>ema</p>
                                            <p style="background-color: #009999;"></p>
                                        </div>

                                        <!-- Message from Sasi -->
                                        <div>
                                            <div
                                                style="background-color: rgb(11, 94, 11); padding: 5px;margin: 10px; border-radius: 15px;">
                                                <h1 style="font-family: cursive;">This is Sasi Lagisetti</h1>
                                                <p style="color: #9ecfcf;">జీవితం అంటే నిన్ను నువ్వు చూసుకోవటం
                                                    కాదు, నిన్ను నువ్వు రూపు
                                                    దిద్దుకోవటం.</p>
                                                <p style="color: #9ecfcf;color: #000; font-family: cursive;">A
                                                    dream is not that which you see
                                                    while
                                                    sleeping, it is something that does not let you sleep.</p>
                                            </div>
                                        </div>
                                        <!-- End Message From Sasi -->


                                        <!-- Message from Joe -->
                                        <div class="w3-container w3-green w3-round">
                                            <p>Am I doing this right?</p>
                                            <p>Hi Mom!</p>
                                            <p>Joe</p>
                                        </div>
                                        <!-- End of message from Joe -->

                                        <!-- Insert your message below here -->
                                        <fieldset>
                                            <legend>Se é Gaucho meu?</legend>

                                            <div>
                                                <input type="checkbox" id="scales" name="Obvio" checked />
                                                <label for="Obvio">Obvio</label>
                                            </div>

                                            <div>
                                                <input type="checkbox" id="Que" name="Que" />
                                                <label for="Que">que é isso?</label>
                                            </div>
                                        </fieldset>


                                        <div>
                                            <h6>parararara pararara ...</h6>
                                        </div>

                                        <!--menssage from eduarda cunha -->
                                        <p>por que não?</p>
                                        <!--end-->

                                        <!-- Message from Mateus Rosa-->
                                        <div id="jrggroberto" class="w3-card-4 w3-monospace msg-jrggroberto"
                                            style="width: 20%; min-width: 400px; margin-inline: auto; margin-bottom: 80px; margin-top: 80px;">
                                            <div class="w3-center">
                                                <header class="w3-container w3-blue">
                                                    <h3 class="w3-xxlarge font-effect-shadow-multiple"
                                                        style="font-family: 'Sans-serif'; cursor: pointer;"><img
                                                            style="border-radius: 50%;  margin-right: 20px;"
                                                            alt="J.Roberto"
                                                            src="https://img.freepik.com/vetores-premium/avatar-de-homem-barbudo-foto-generica-de-perfil-masculino_53562-20202.jpg?w=2000"
                                                            width="60px" height="60px">Mateus Rosa</h3>

                                                </header>
                                                <div class="w3-container w3-sand  w3-card-4">
                                                    <p class="w3-medium" style="color:#005c99">Faith in God that
                                                        he is fair, Hey brother never
                                                        forget, on
                                                        guard, warrior raise your head trout, wherever you are,
                                                        however it may be Have faith because
                                                        even in the
                                                        dump, flowers are born - Brown, Mano</p>
                                                    <hr>Ago 10, 2023
                                                    <p><span class="w3-hover-text-green"> Brazil🇧🇷</span>.</p>
                                                </div>
                                            </div>
                                        </div>

                                        <!-- Message From Henrique -->
                                        <div
                                            style="background-color:rgba(208, 202, 37, 0.7); padding:15px; border-radius: 10px;margin: 10px 5px;">
                                            <p style="color: #001440;text-align: center;">Olá todos do w3schools
                                                e deste repositorio!,<br>
                                                Eu agradeço a sinceramenta a <a
                                                    style="text-decoration: none; color: #006633;"
                                                    href="https://www.w3schools.com"> w3schools✨</a> for all
                                                their amazing and clear tutorials, it
                                                has been a
                                                humble and exciting path learning HTML, CSS, JavaScript and now
                                                Git & GitHub.<br>
                                                Eu desejo a todos um boa apredizagem</p>
                                            <p style="text-align: center;">- Henrique -</p>
                                        </div>

                                        <style>
                                            .msg-jrggroberto:hover {
                                                box-shadow: 30px 30px;
                                                transform: scale(1.2);
                                                transition: transform 0.5s ease-in;
                                            }
                                        </style>
                                        <!-- End Message from Mateus Rosa  -->

                                        <!-- Message From Yuri Franco-->
                                        <div style="background: #704dd1; background: -webkit-linear-gradient(to right, red, yellow, purple);
	  background: linear-gradient(to right, yellow, red, #8b1da7);color:#fff;
	  margin: 10px auto; text-align: center; border-radius: 15px; padding: 2em; width: 90%;">
                                            <h2>Juntasso com os crias do W3school... 😁🤙</h2>
                                            <p style="margin: 0 auto;">Yuri Franco, Brasa </p>
                                            <time datetime="2023-01-23">10th of Ago, 2023</time>
                                        </div>

                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif">
                                                <i>"Cuidado que ai vem o saci."</i>
                                            </p>
                                            <p>Bigbig</p>
                                        </div>

                                        <!-- End Brasucaś messages -->

                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif">
                                                <i>"Sou linda, me amo"</i>
                                            </p>
                                            <p>Lauzinha</p>
                                        </div>

                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif">
                                                <i>"OMAGA, também te amo"</i>
                                            </p>
                                            <p>Zeus</p>
                                        </div>

                                        <!--End Lauandra messages-->

                                        <!-- Message from Analog-->
                                        <h1>Thank you for the course! - Analogkeyboard</h1>
                                        <!-- End Message from Analog-->


                                        <!-- Message From Wesley V. Kirchner-->
                                        <div
                                            style="background: linear-gradient(135deg, rgb(167, 149, 96) 0%, rgb(149, 212, 212) 50%, rgb(45, 7, 25, 1) 100%); padding: 20px; border-radius: 5px;">
                                            <div style="background-color: rgb(145, 132, 89); color: #1a1a1a; padding: 20px; border-radius: 5px; min-width: max-content; width: 50%; margin: auto; text-align: center;
      box-shadow: rgba(189, 0, 214, 0.774) 0px 3px 8px;">
                                                <p><b>Thank you w3schools! The fact I can learn Git for free
                                                        online is legendary. You guys rock
                                                        (Also thanks
                                                        Bina for showing me this cool html gradient thing!). If
                                                        you see this, call someone you love
                                                        and tell
                                                        them so <3< /b>
                                                </p>
                                                <p>- Wesley V. Kirchner. Brasil(08/08/23)</p>
                                            </div>
                                        </div>
                                        <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>

                                        <!-- Message From Albi Nikolli-->
                                        <div
                                            style="background-color:rgba(208, 202, 37, 0.7); padding:15px; border-radius: 10px;margin: 10px 5px;">
                                            <p style="color: #001440;text-align: center;">Hello W3SCHOOLS and
                                                Everyone that are taking this
                                                path,<br>
                                                I sincerely want to thank <a
                                                    style="text-decoration: none; color: #006633;"
                                                    href="https://www.w3schools.com"> w3schools✨</a> for all
                                                their amazing and clear tutorials, it
                                                has been a
                                                humble and exciting path learning HTML, CSS, JavaScript and now
                                                Git & GitHub.<br>
                                                I wish everyone the best and all happiness,<br>
                                                Piece,</p>
                                            <p style="text-align: center;">- Albert Nikolli -</p>
                                        </div>

                                        <!-- Message From Gr4ph1c-->
                                        <div
                                            style="background: linear-gradient(135deg, rgba(173, 130, 1, 1) 0%, rgba(44, 65, 19, 1) 50%, rgb(45, 7, 25, 1) 100%); padding: 20px; border-radius: 5px;">
                                            <div style="background-color: rgb(255, 238, 182); color: #1a1a1a; padding: 20px; border-radius: 5px; min-width: max-content; width: 50%; margin: auto; text-align: center;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;">
                                                <p><b>Thank you w3schools! The fact I can learn Git for free
                                                        online is legendary. You guys rock
                                                        (Also thanks
                                                        Bina for showing me this cool html gradient thing!). If
                                                        you see this, call someone you love
                                                        and tell
                                                        them so <3< /b>
                                                </p>
                                                <p>- Matt, Northern Ireland. (08/08/23)</p>
                                            </div>
                                        </div>
                                        <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>
                                        <!--Message from Sunil Bhatt-->
                                        <div style="text-align:center;color:yellow;">
                                            <h3>Hello Everyone!. Thanks W3SCHOOL for teaching us all Git and
                                                Github .</h3>
                                        </div>
                                        <!-- massage form onepuch man -->
                                        <p>
                                            "i'll leave tomorrow problems to tommorow's me."
                                            <span> -Saitama</span>
                                        </p>
                                        <!--end of  massage by onepusch man-->

                                        <!-- Message From Bina-->
                                        <div
                                            style="background: linear-gradient(135deg, rgba(241,235,228,1) 0%, rgba(255,167,78,1) 43%, rgba(183,131,215,1) 100%); padding: 20px; border-radius: 5px;">
                                            <div style="background-color: rgb(255, 255, 255); color: #1a1a1a; padding: 20px; border-radius: 5px; min-width: max-content; width: 50%; margin: auto; text-align: center;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;">
                                                <p><b>Thanks for the tutorial!</b></p>
                                                <p>Bina, Ukraine</p>
                                                <p>22.07.2023</p>
                                            </div>
                                        </div>
                                        <!-- End Messge from Bina-->


                                        <!--Message from Ashutosh Vohra -->
                                        <div style="text-align:center;color:pink;">
                                            <h3>Hello Everyone From India. Thanks W3SCHOOL for teaching us all
                                                Git and Github .</h3>
                                        </div>

                                        <!-- Message from Harshal-->
                                        <div>
                                            <p>Thank you for making GIT and github easier</p>
                                        </div>
                                        <!-- Message from Fe in Colombia -->
                                        <div>
                                            <p>Parceros, parceros, como andamos! Gracias a w3school aprendí como
                                                usar git, y se lo agradezco
                                                mucho</p>
                                        </div>

                                        <!-- Message from another student -->
                                        <div>
                                            <p>"Thanks for these simple and effective tutorials."</p>
                                        </div>

                                        <!-- Message from another student -->
                                        <div>
                                            <p>"Takk."</p>
                                        </div>
                                        <!-- End of message from student -->

                                        <!-- Message from Mieszko -->
                                        <div
                                            style="background-image: linear-gradient(45deg, #f36, #a5f); border-radius: 30px; box-shadow: 0 0 15px rgba(0,0,0,0.4); color: white; text-shadow: 0 0 3px rgba(0, 0, 0, .8); padding: 20px;">
                                            <h2 align="center"
                                                style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 30px;">
                                                Hi
                                                there! Greetings from Poland.</h2>
                                        </div>
                                        <!-- End of message from Mieszko -->

                                        <!--Message from Simon-->
                                        <div
                                            style=" background-color: yellow; margin: 30px 0px; border: 8px double green; border-radius: 20px; display: grid; grid-template-columns: 1fr 1fr 1fr;">
                                            <div></div>
                                            <div style="background-color: #fff; padding: 10px;">
                                                <p>
                                                    Hello, greetings from Stuttgart
                                                </p>
                                                <p style="font-size: larger;"><b>Simon, Germany, 31.07.2023 </b>
                                                </p>
                                            </div>
                                            <div></div>
                                        </div>
                                        <!-- End of Message from Simon -->

                                        <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>

                                        <!-- Message from Andrei in Georgia-->

                                        <div
                                            style=" background-color: black; margin: 20px 0px; border: 5px double black; border-radius: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr;">
                                            <div></div>
                                            <div style="background-color: #fff; padding: 10px;">
                                                <h3 style="display: flex; justify-content: center;"><u> SPECIAL
                                                        APPRECIATION</u></h3>
                                                <p>
                                                    ❤️ ❤️ ❤️ ❤️ ❤️ ❤️ ❤️ ❤️ ❤️ ❤️ ❤️ ❤️ ❤️ ❤️
                                                </p>
                                                <p>Here's my favourite quote by Dave Grey that has kept me going
                                                    through out my web dev journey:
                                                    <q>
                                                        <i> Remember to keep striving for success over
                                                            perfection and a little progress everyday
                                                            would go a very
                                                            long way.
                                                        </i></q>
                                                </p>
                                                <p style="font-size: larger;"><b> 🇳🇬 🇳🇬 🇳🇬 Casmir -
                                                        Nigeria (Wed 12 July, 2023) 🇳🇬 🇳🇬
                                                        🇳🇬</b></p>
                                            </div>
                                            <div></div>
                                        </div>
                                        <!-- End of Message from Andrei -->


                                        <!-- Message from Sarthak -->
                                        <div class="w3-container w3-light-blue w3-round-xlarge">
                                            <p>I had loads of fun! Thanks w3schools! 💕</p>
                                            <p><i>being part of my life</i></p>
                                        </div>
                                        <!-- End of Message from Sarthak -->

                                        <!-- Message from Casmir in Nigeria -->
                                        <!-- Testing Desktop Version -->

                                        <div
                                            style=" background-color: green; margin: 20px 0px; border: 5px double black; border-radius: 10px; display: grid; grid-template-columns: 1fr 1fr 1fr;">
                                            <div></div>
                                            <div style="background-color: #fff; padding: 10px;">
                                                <h3 style="display: flex; justify-content: center;"><u> SPECIAL
                                                        APPRECIATION</u></h3>
                                                <p>
                                                    I took a life changing decision this year to learn web
                                                    development and w3schools has been my
                                                    back bone
                                                    ever since. From the bottom of my heart, I sincerely
                                                    appreciate the team members of this
                                                    platform and I'm
                                                    saying a big THANK YOU! to you all ❤️
                                                </p>
                                                <p>Here's my favourite quote by Dave Grey that has kept me going
                                                    through out my web dev journey:
                                                    <q>
                                                        <i> Remember to keep striving for success over
                                                            perfection and a little progress everyday
                                                            would go a very
                                                            long way.
                                                        </i></q>
                                                </p>
                                                <p style="font-size: larger;"><b> 🇳🇬 🇳🇬 🇳🇬 Casmir -
                                                        Nigeria (Wed 12 July, 2023) 🇳🇬 🇳🇬
                                                        🇳🇬</b></p>
                                            </div>
                                            <div></div>
                                        </div>
                                        <!-- End of Message from Casmir -->


                                        <!-- Message from me to the world -->
                                        <div>>
                                            <p>"Hey y'all from Georgia, USA. Learning git is fun!"</p>
                                        </div>

                                        <!--Message from Ezequiel-->
                                        <p>¡Saludos de Ezequiel desde Argentina!</p>
                                        <p>Thanks for all your amazing tutorials!</p>

                                        <!--Message from Hope in Nigeria-->
                                        <div class="w3-container w3-light-blue w3-round-xlarge">
                                            <p class="w3-xlarge w3-serif"><i>"Greetings from Hope in
                                                    Nigeria"</i></p>
                                        </div>
                                        <!--End of Message from Hope-->

                                        <!-- Message from Uzbekistan -->
                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif"><i>"Hello from Uzbekistan!"</i></p>
                                        </div>

                                        <!-- Message from Julia -->
                                        <div class="w3-container w3-light-blue w3-round-xlarge">
                                            <p>I had loads of fun! Thanks w3schools! 💕</p>
                                            <p><i>On their 3rd coffee, Julia</i></p>
                                        </div>
                                        <!-- End of Message from Julia -->

                                        <!-- Message from DR Congo -->
                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif"><i>"Hello from DR Congo👋🏽"</i></p>
                                        </div>

                                        <!-- Message from Federick Tiku, United Arab Emirate -->
                                        <section class="first-sect py-5">
                                            <div class="container">
                                                <p> This week i did my first push from git to github, i am so
                                                    happy</p>
                                            </div>
                                        </section>
                                        <!-- End of message from Federick -->

                                        <!-- message from VR2XHQ -->
                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif"><i>"I learn a lot from here. Thank
                                                    you!"</i></p>
                                            <p>Ben Yuen 05/07/2023</p>
                                        </div>

                                        <!--Message from Cristina -->
                                        <div style="text-align:center;color:pink;">
                                            <h3>Thank you 3WSchools for teaching me Git and GitHub.</h3>
                                        </div>
                                        <!--Message from Techie</>-->
                                        <marquee width="60%" direction="up" height="100px">
                                            Techie from 2023-07-11
                                        </marquee>
                                        <!--message form Diana  -->
                                        <div
                                            style="background-image: linear-gradient(180deg, #005bbb 50%, #ffd500 50%);color: white;padding: 1px;">
                                            <h3 style="text-align:center">Слава Україні - Slawa Ukrajini - Glory
                                                to Ukraine</h3>
                                            <p style="text-align:center">Diana Demska 03/07/2023 (and btw thank
                                                you Chris for style and
                                                support for
                                                Ukraine)</p>
                                        </div>

                                        <!-- message from Larry -->
                                        <h1>Thank you so much W3Schools. I am so grateful to be part of this
                                        </h1>

                                        <!-- message from Simon -->
                                        <div>
                                            <h1 style="text-align: center; text-shadow: #000; color: green;">
                                                <strong>Sic parvis magna! Thank
                                                    you,
                                                    W3School! 07/06/23</strong>
                                            </h1>
                                        </div>

                                        <!--thanks from maacr-->
                                        <div>
                                            <h1 style="text-align:center; color:green;">Thank You!</h1>
                                            <h1 style="text-align:center;">
                                                <img src="https://www.w3schools.com/images/w3schools_green.jpg"
                                                    alt="W3Schools.com">
                                            </h1>
                                        </div>
                                        <!--message form borodache  -->
                                        <div class="w3-container w3-2017-greenery w3-2017-golden-lime">
                                            <p>thank you for your tutorial (30/6/23) by Eli Borodach</p>
                                        </div>

                                        <!--message form lordsharkie  -->
                                        <div class="w3-container w3-2017-greenery w3-2017-golden-lime">
                                            <p>thank you for your tutorial (29/6/23)</p>
                                        </div>
                                        <div style="background-color: rgba(232, 129, 196, 0.414); color: aliceblue; border-radius: 8px;
    font-family: Georgia, 'Times New Roman', Times, serif; text-align: center; line-height: 32px;
    text-shadow: 0 0 2px #61cfe0;">
                                            <h2>Thanks you</h2>
                                            <p>Windy - VietNam (03/07/23)</p>
                                        </div>

                                        <!-- Message from Rafa Santana -->
                                        <div
                                            style="background-color:rgba(4, 170, 109, 0.1);border:1px solid rgb(4, 170, 109);border-radius:16px;box-shadow:2px 2px 3px black;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;margin:auto;padding:8px;width:80%;">
                                            <ul style="columns:2;">
                                                <li style="padding:6px;">Thanks for the tutorial!</li>
                                                <li style="padding:6px;">In fact, thanks for all the tutorials!
                                                </li>
                                                <li style="padding:6px;">Learning a lot from you!</li>
                                                <li style="padding:6px;">Greetings from Brasil!</li>
                                            </ul>
                                            <p style="text-align:center;">Rafa Santana, 29/06/2023 💚</p>
                                        </div>
                                        <!-- End of Message from Rafa Santana -->

                                        <!--  Message from Japan-->
                                        <div class="w3-container w3-green w3-round-xlarge">
                                            <p>thank you for your tutorials!! (Tetsu, 29th.June.2023)</p>
                                        </div>
                                        <!--  End of Message from Japan-->

                                        <!--  Message from Dewan-->
                                        <div class="w3-container w3-green w3-round-xlarge">
                                            <p>thank you for your tutorials!! (Dewan, 24 july.2023)</p>
                                        </div>
                                        <!--  End of Message from Dewan-->

                                        <!-- Message from BartoszPorosinski -->
                                        <div class="w3-panel w3-yellow w3-bottombar w3-border-amber">
                                            <p>Great Git tutorial from w3schools. Thanks!</p>
                                            <p>BP 25.06.2023</p>
                                        </div>
                                        <!-- End of Message from BartoszPorosinski -->

                                        <!-- Message from Frankie -->
                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif">
                                                <i>Thank you for the tutorial!</i>
                                            </p>
                                        </div>
                                        <!-- End of Message from Frankie -->

                                        <!-- Greetings from France -->
                                        <P>Greetings from France!</p>

                                        <!-- Message from Bruno -->
                                        <div class="w3-container w3-green w3-round-xlarge">
                                            <p>Thank you for your support! (Bruno, June 21st, 2023)</p>
                                        </div>
                                        <!-- End of Message from Bruno -->


                                        <!-- Monox Val from Pereira, Colombia -->
                                        <div class="w3-card-4 w3-monospace"
                                            style="width: 20%; min-width: 400px; margin-inline: auto; margin-bottom: 100px;">
                                            <div class="w3-center">
                                                <header class="w3-container w3-light-grey">
                                                    <h3 class="w3-xxlarge font-effect-shadow-multiple"
                                                        style="font-family: 'Lobster', Sans-serif; cursor: pointer;">
                                                        Monox Val</h3>
                                                </header>
                                                <div class="w3-container">
                                                    <p class="w3-large">Thank you w3schools 💖</p>
                                                    <hr>
                                                    <p class="w3-left-align">The best teaching materials are
                                                        those who encourage hands on
                                                        learning. Teaching
                                                        about git and then allowing people to Pull Request to
                                                        your repository it's a magnificient
                                                        idea.</p>
                                                    <p class="w3-right-align">16.06.2023</p>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- Monox Val from Pereira, Colombia -->


                                        <!-- Hello From Nepal -->
                                        <P>Hello from Nepal</p>

                                        <!-- Message from David -->
                                        <p>Thanks for the tutorial.</p>

                                        <!-- Message from AlexMusk6 -->
                                        <p>Thanks for the tutorial.🥳</p>
                                        <!-- End of Message from AlexMusk6 -->

                                        <!-- Message from Alex -->
                                        <div class="w3-container w3-orange w3-round-xlarge">
                                            <p>Thanks for the tutorial! (Alex, June 18th, 2023)</p>
                                            <p>P.S. A joke about GitHub from Bing Chat:</p>
                                            <p><i>"What do you call a GitHub user who likes to merge branches?"
                                                    - "A git-together."</i></p>
                                        </div>
                                        <!-- End of Message from Alex -->

                                        <P>Love From china.aaaa!!!!</p>
                                        <!-- Message from David -->
                                        <P>Hello world!</p>
                                        <!-- End of Message from David -->
                                        <!-- Message from Isabel -->
                                        <div class="w3-container w3-teal w3-cursive w3-text-amber w3-round-xlarge">
                                            <p>Thank you <span class="w3-2017-golden-lime">W3schools</span> for
                                                giving
                                                <strong>everyone</strong> the
                                                opportunity to learn how to code! <br>
                                                <i>Thank you so much for this tutorial</i> &#129392;
                                            </p>
                                        </div>
                                        <!-- End Message from Isabel -->

                                        <!-- Message from AbbanDabo -->
                                        <div class="w3-container w3-green w3-round"
                                            style="margin: 20px auto;max-width: 50%;">
                                            <h3>Thank you for a very nice tutorials.</h3>
                                            <p>- AbbanDabo</p>
                                        </div>
                                        <!-- End of message from AbbanDabo -->

                                        <!-- Message from Olha -->
                                        <div class="w3-container w3-green w3-round">
                                            <p>Thank W3Schools for a very nice tutorials.</p>
                                            <p>It's a pleasure to study with you.</p>
                                            <p>Olha</p>
                                        </div>
                                        <!-- End of message from Olha -->

                                        <!-- Message start from Estanislau Gonçalves, Brasil, São Paulo, SP-->
                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif">
                                                <i>"Be patient. All things are difficult before they seem
                                                    easy."</i>
                                            </p>
                                            <p>Saadi Shirazi (1210-1291) </p>
                                        </div>
                                        <!-- Message end from Estanislau Gonçalves, Brasil, São Paulo, SP-->

                                        <!-- Message from Maragk -->
                                        <div class="w3-container w3-teal w3-cursive w3-text-amber w3-round-xlarge">
                                            <p>Thank you <span class="w3-2017-golden-lime">W3schools</span> for
                                                giving
                                                <strong>everyone</strong> the
                                                opportunity to learn how to code! <br>
                                                <i>so many tutorials ... so much to learn ... so awesome</i>
                                                &#129392;
                                            </p>
                                        </div>
                                        <!-- End Message from Maragk -->
                                        <!-- Message from Martin-->
                                        <div
                                            style="background:rgb(0, 0, 0);font-size:28px;padding:4px; border-radius: 20px;">
                                            <p
                                                style="text-align:center;font-family:Cursive;color:rgba(241, 67, 67, 0.838);">
                                                Greetings <span style="color:rgba(255, 255, 255, 0.838);">From</span>
                                                Peru🦙</br>
                                            </p>
                                            <p
                                                style="font-size: small;text-align:center;font-family:Cursive;color:rgba(255, 255, 255, 0.838);">
                                                Martin Alvarez - June 08, 2023</br>
                                            </p>

                                        </div>
                                        <!-- End Message Martin-->

                                        <!--hello world, here doodoo-->
                                        <div style='color:#ffffff;background:#04aa6d;padding:10px;border-radius:9px;'>
                                            <div>
                                                <p style="font-size:22px;font-weight:500;">Thanks w3school for
                                                    letting us get access to your
                                                    amazing coding
                                                    courses. I learned a lot from you.</p>
                                                <p style="padding-right:10px">Jerejef!</p>
                                            </div>
                                        </div>

                                        <div style="padding-bottom: 5px;">
                                            <img style="width:100px;height:100px;border-radius:180px"
                                                src="https://doos.w3spaces.com/doo-mii-copy-1.png">
                                            <p>Doudou Fall -- Senegal</p>
                                        </div>


                                        <!-- Message from Ross -->
                                        <P>Ross was here!</p>
                                        <!-- End of Message from Ross -->

                                        <!-- Message from Jia -->
                                        <h5>Ross was here!</h5>
                                        <!-- End of Message from Jia -->

                                        <!-- Message from Stefan, Romania -->
                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif">
                                                <i>Thank you for the tutorial!</i>
                                            </p>
                                            <p>Stefan Anica,Romania.</p>
                                        </div>
                                        <!-- End Message Stefan -->

                                        <!-- Message from Aleksei -->
                                        <div style="background:blue;font-size:28px;padding:4px">
                                            <p style="text-align:center;font-family:Arial;color:lightblue;">
                                                Aleksei wants his name on the wall too!
                                            </p>
                                        </div>
                                        <!-- Message start from krishrx-->
                                        <div style="background: lightgray;">
                                            <p><i>Thanks for this awesome tutorial,Just loved it</i> <br>krishrx
                                            </p>
                                        </div>
                                        <!-- Message end from krishrx-->
                                        <!--MEssage from Othman Seif,Tanzani-->
                                        <div style="background:blue;font-size:28px;padding:4px">
                                            <p style="text-align:center;font-family:cursive;color:green">
                                                Jambo,Karibuni Tanzania na tunasema Hakuna Matata!!!!
                                            </p>
                                            <artilce>
                                                Your Brother in Code</br>
                                                2023, April 09</br>
                                                Zanzibar,Tanzania</br>
                                                </article>
                                        </div>

                                        <!-- Message from ArtemUlyanov, Israel -->
                                        <div class="w3-panel w3-leftbar w3-light-grey">
                                            <p class="w3-xlarge w3-serif">
                                                <i>W3S! You Rock!</i>
                                            </p>
                                            <p>Artem Ulyanov, Israel</p>
                                        </div>
                                        <!-- End Message from ArtemUlyanov, Israel -->


                                        <p> Run, Forrest, run! </p>


                                        <!-- Message from Ashu-->
                                        <div style="background:rgb(22, 221, 122);font-size:28px;padding:4px">
                                            <p
                                                style="text-align:center;font-family:Cursive;color:rgba(159, 58, 58, 0.838);">
                                                GoodMorning From India</br>

                                            </p>

                                        </div>
                                        <!-- End Message Ashu-->

                                        <div class="w3-panel w3-leftbar w3-sand">
                                            <p class="w3-xxlarge w3-serif">
                                                <i>"Learning from the best! W3schools lets go!"</i>
                                            </p>
                                            <p>Claudius Seven</p>
                                        </div>


                                        <!-- Message from Tokyo, Japan -->
                                        <div class="w3-panel w3-leftbar w3-sand">
                                            <p class="w3-xxlarge w3-serif">
                                                <i>"Make it as simple as possible, but not simpler."</i>
                                            </p>
                                            <p>Albert Einstein</p>
                                            <p>Thank for showing how easy programming can be. -Caius</p>
                                        </div>
                                        <!-- End user messages -->


                                        <!-- Message from PeterXrates -->


                                        <!-- Message from Bharath -->
                                        <div class="w3-container w3-green w3-round">
                                            <p>Nice tutorial.</p>
                                        </div>
                                        <!-- End of message from Bharath -->

                                        <style>
                                            .alert {
                                                padding: 20px;
                                                background-color: #f44336;
                                                color: white;
                                            }

                                            .closebtn {
                                                margin-left: 15px;
                                                color: white;
                                                font-weight: bold;
                                                float: right;
                                                font-size: 22px;
                                                line-height: 20px;
                                                cursor: pointer;
                                                transition: 0.3s;
                                            }

                                            .closebtn:hover {
                                                color: black;
                                            }
                                        </style>
                                        </head>

                                        <body>

                                            <h2>Alert Messages</h2>

                                            <p>Click on the "x" symbol to close the alert message.</p>
                                            <div class="alert">
                                                <span class="closebtn"
                                                    onclick="this.parentElement.style.display='none';">&times;</span>
                                                <strong>PAX</strong> has learned well from the tutorial if this
                                                alert box populated in
                                                INDEX.HTML - thank
                                                you for the gift of learning
                                            </div>

                                            <!-- MEssage from Filmon Yowhans Meles -->>
                                            <div class="w3-panel w3-leftbar w3-light-grey">
                                                <p class="w3-xlarge w3-serif">
                                                    <i>Thankyou W3schools for this course</i>
                                                </p>
                                                <p>Filmon from Eritrea</p>
                                            </div>

                                            <!-- End Message PeterXrates -->

                                            <div
                                                style="background-color:cornflowerblue;color:white;text-align:center;font-size:3rem;">
                                                <p>Thank you very much for your high quality tutorial.</p>
                                            </div>

                                            <!-- Message from Suman Shaw -->
                                            <div style="background: #704dd1; background: -webkit-linear-gradient(to right, red, yellow, purple);
	  background: linear-gradient(to right, yellow, red, #8b1da7);color:#fff;
	  margin: 10px auto; text-align: center; border-radius: 15px; padding: 2em; width: 90%;">
                                                <h2>Thanks for the Tutorial...😇</h2>
                                                <p style="margin: 0 auto;">Suman Shaw, India </p>
                                                <time datetime="2023-01-23">17th of April, 2023</time>
                                            </div>
                                            <!-- Message from Suman Shaw -->

                                            <!-- Message from Sammy Mullano -->
                                            <h2>Awesome tutorial on Git & GitHub!</h2>
                                            <h3>Keep up the good work W3Schools!</h3>
                                            <!-- End Message from Sammy Mullano -->

                                            <!-- Message from Monte Alto, Brazil -->
                                            <div
                                                style="background:rgb(219, 48, 182);font-size:28px;padding:4px;margin: 20px;">
                                                <p style="text-align:center;font-family:Cursive;color:whitesmoke;">
                                                    Hello from Brazil!!</br>
                                                </p>
                                            </div>
                                            <!-- End Message Ffrom Monte Alto, Brazil -->


                                            <!-- Message from Brandon, Vietnam -->
                                            <div class="w3-panel w3-leftbar w3-light-grey">
                                                <p class="w3-xlarge w3-serif">
                                                    <i>Best Git tutorial on the Internet ever!!!</i>
                                                </p>
                                                <p>Brandon, Vietnam.</p>
                                            </div>

                                            <!-- Message from Willo, Algeria -->
                                            <div class="msg">
                                                <p>Thank you guys for this tutorial :)</p>
                                            </div>
                                            <style>
                                                .msg {
                                                    height: 100px;
                                                    line-height: 100px;
                                                    background: linear-gradient(to bottom right, #e66465, #fff);
                                                    text-align: center;
                                                }

                                                .msg:hover {
                                                    background: linear-gradient(to bottom left, #e66465, #fff);
                                                    transition: transform 0.5s ease-in;
                                                }
                                            </style>

                                            <!-- Message from dense_set -->
                                            Ciao! Sono italiano e è abbastanzo bene!</br>
                                            ~dense_set
                                            <!-- End of dense_set's message -->

                                            <!-- Message from Andres Hung, Belize -->
                                            <div
                                                style="padding: 20px; background-color: tomato; margin-block-start: 5px; margin-block-end: 5px; color: white; text-align: center;">
                                                <h3>W3Schools tutorials have been a great help in my endeavors
                                                    in learning how to code; they are
                                                    very
                                                    recommendable resource!
                                                </h3>
                                                <p>Andres Hung - Belize</p>
                                            </div>
                                            <!-- End Message Andres Hung, Belize-->

                                            <!--Message from Daniel Nyongesa located, Kenya-->
                                            <div
                                                style="width: fit-content; background-color: #e73c7e; border-radius: 5px; overflow: auto; border: 2px solid black; padding: 20px; font-family: cursive; margin: 20px;">
                                                <p>Thanks w3schoools for greate resources you have realy made my
                                                    programming
                                                    journey from the beginning easy. Am still using your site
                                                    and i will
                                                    to upgrade my knowledge

                                                </p>

                                            </div>

                                            <!-- Message from FriarGregarious, Canada -->
                                            <div style="background:blue;font-size:28px;padding:4px">
                                                <p style="text-align:center;font-family:Cursive;color:whitesmoke;">
                                                    Greetings and Salutations from the Great White North,</br>
                                                    though our snow has just melted away,</br>
                                                    so the Great North!!</br>
                                                </p>
                                                <p
                                                    style="text-align:center;font-family:Fantasy;font-size:14px;font-style:normal;color:#000000;background:whitesmoke;">
                                                    Your Brother in Code,<br>
                                                    2023, April 09<br>
                                                    Friar Gregarious, Canada
                                                </p>
                                            </div>
                                            <!-- End Message FriarGregarious, Canada -->


                                            <!--Message from Trinidad y Tobago,by Raidel, the Cuban-->

                                            <div
                                                style="background-image: radial-gradient(rgb(8, 206, 8),rgba(169, 169, 169, 0.589)); border: black dotted 2px; text-align: center; border-radius: 10px;">
                                                <h1 style="border-bottom: 1px ;">Muchas gracias w3schools✨</h1>
                                                <p>En este sitio he aprendido mucho de programación y realmente
                                                    estoy muy agradecido por las
                                                    personas que
                                                    crearon y mantienen este sitio tan especial para los
                                                    desarrolladores</p>
                                            </div>

                                            <!--Finish Raidel message-->
                                            <!--Message From Kingshuk Bansal,India-->
                                            <div style="background: #0F2027; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2C5364, #203A43, #0F2027);/* W3C, IE10+/Edge, Firefox16+, Chrome26+, Opera12+, Safari7+*/ color:#fff;
margin: 0 auto;
text-align: center;
border-radius: 15px;
padding: 2em;
width: 90%;
">
                                                <h2>"Really this tutorial made the git and github interesting
                                                    for me! Thanks For This Tutorial"
                                                </h2>
                                                <p style="font-size: 2em;
margin: 0 auto;">👍👍</p>
                                                <p style="margin: 0 auto;">- Kingshuk Bansal,Punjab,India</p>
                                            </div>
                                            <!--end message from Kingshuk Bansal-->

                                            <!-- Message from Vick, Kenya -->
                                            <div class="w3-card w3-margin">
                                                <div class="w3-container"
                                                    style="text-align: center; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;">
                                                    <p>
                                                        Thank you for your simple and informative tutorials!
                                                        I've learned so much, so quickly,
                                                        thanks to
                                                        <a href="https://www.w3schools.com/">W3SCHOOLS</a>
                                                    </p>
                                                    <p>Keep up the great work devs.</p>
                                                    <p>&hyphen; Vick, Kenya</p>
                                                </div>
                                            </div>
                                            <!-- End Message Vick, Kenya -->

                                            <!-- Message from Danh, Vietnam -->
                                            <div class="w3-panel w3-leftbar w3-light-grey">
                                                <p class="w3-xlarge w3-serif">
                                                    <i>Thanks for your tutorials!</i>
                                                </p>
                                                <p>Danh from Vietnam.</p>
                                            </div>


                                            <!-- Message from Danh, Vietnam -->
                                            <div class="w3-panel w3-leftbar w3-light-grey">
                                                <p class="w3-xlarge w3-serif">
                                                    <i>Thanks for your tutorials!</i>
                                                </p>
                                                <p>Zeeshan Malik.</p>
                                            </div>

                                            <!-- Message from Leon -->
                                            <div class="w3-panel w3-leftbar w3-dark-grey">
                                                <p class="w3-xlarge w3-serif">
                                                    <i>Appreciate the tutorials! They don't teach Git in my
                                                        classes so I'm glad W3Schools is a
                                                        thing.
                                                        Greetings from Arizona, USA!</i>
                                                </p>
                                                <p>Leon - May 12th 2023</p>
                                            </div>

                                            <!--Message from Barishal, Bangladesh-->
                                            <section
                                                style="background-color: #04f40c; color:#0000FF; text-align: center; font-weight: bold; padding: 5%; font-family: Georgia, 'Times New Roman', Times, serif; font-size: larger;">
                                                <p>Thank you for all of the hard work and support dear W3 School
                                                    ! &#10084; &#10084; &#10084;
                                                </p>
                                            </section>


                                            <!-- Message from Mohammad Nashit,UP India -->
                                            <div class="w3-panel w3-leftbar w3-light-grey">
                                                <p class="w3-xlarge w3-serif">
                                                    <i>I have learnt so many things from w3schools.Thank You so
                                                        much for all.</i>
                                                </p>
                                                <p>-Nashit from India</p>
                                            </div>

                                            <!-- Message from Paulgorithms, USA -->

                                            <div style="color:#6699FF;">
                                                <h1>Nice high level tutorial!</h1>
                                                <h3>- Paulgorithms</h3>
                                            </div>
                                            <!-- This is devire-->
                                            <div class="devire-div">
                                                <button class="devire-button"></button>
                                                <style>
                                                    .devire-div {
                                                        background-color: yellow;
                                                        width: 100%;
                                                        height: 200px;
                                                        display: flex;
                                                        justify-content: center;
                                                        align-items: center;
                                                    }

                                                    .devire-button {
                                                        background-color: white;
                                                        color: black;
                                                        padding: 20px 80px;
                                                        border-radius: 10px;
                                                        font-size: large;
                                                        font-weight: 900;
                                                        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

                                                    }

                                                    .devire-button::before {
                                                        content: "Hover for something good";
                                                    }

                                                    .devire-button:hover::before {
                                                        transition: 500ms;
                                                        color: green;
                                                        content: "Thanks for the tutorial  --Devire";
                                                    }
                                                </style>
                                            </div>
                                            <!-- Message from Alex, Greece -->
                                            <div class="box blue;" style="width:100%;">
                                                <H1 style="color:blue;">Thank you very much for this tutorial!
                                                </H1>
                                                <p style="color:blue;">-Eddie from Tanzania</p>
                                            </div>
                                            <!-- Message from Tom Sparham -->
                                            <div style="
	color:white;
	text-align:center;
	font-size:2.5em;
	border-radius:80px;
	border:8px solid red;
	font-family:monospace;
	font: bold;
	background: linear-gradient(280deg, #a01cfd, goldenrod, white);
	text-align: center;
	border: 5px black  outset;
	">


                                                <br />
                                                <h2>Thanks for the tutorial!</h2>
                                                <h4>* Tom Sparham *</h4>
                                                <h4>( 0 _ 0 )</h4>
                                                <br />
                                            </div>
                                            <!-- Message end XS -->

                                            <!-- Message from SacVidhi -->
                                            <div style="
	color:white;
	text-align:center;
	font-size:2.5em;
	border-radius:80px;
	border:8px solid Orange;
	font-family:monospace;
	font: bold;
	background: linear-gradient(280deg, #a01cfd, goldenrod, white);
	text-align: center;
	border: 5px black  outset;
	">
                                                <br />
                                                <h2>Good Things Takes time, and programming/web development is a
                                                    good things</h2>
                                                <h4>* Learning WevDev Geek *</h4>
                                                <h4>( 0 _ 0 )</h4>
                                                <br />
                                            </div>
                                            <!-- Message end XS -->

                                            <!-- Message from Italy, by Nic -->
                                            <div
                                                style="background-color:rgb(200, 194, 255); color: black ;text-align: center;">
                                                <h1>This is great!!</h1>
                                                <h3>Thanks for the tutorial from Nic</h3>
                                            </div>

                                            <!-- Message from HM -->
                                            <p
                                                style="background-color:aliceblue; color: lightskyblue; text-align: center;">
                                                Thanks for this
                                                great
                                                tutorial.</p>

                                            <!-- message from WiedemannF -->
                                            <div
                                                style="background-color:rgb(100, 50, 70); color: white ;text-align: center;">
                                                <h1>Thank you for this tutorial!</h1>
                                                <h3>Russia</h3>
                                            </div>

                                            <h1>Fasza Tutorijál!</h1>

                                            <!-- Message from David, Varna, Bulgaria -->
                                            <div class="w3-panel w3-leftbar w3-light-grey">
                                                <p class="w3-xlarge w3-serif">
                                                    <i>Great tutorial!</i>
                                                </p>
                                                <p>Keep up the good work.</p>
                                            </div>
                                            <!-- Message end XS -->

                                            <!--Message from Aviya -->
                                            <div class="w3-panel w3-card-4 w3-light-grey" style="width:auto">
                                                <p class=" w3-large w3-serif">
                                                    Thanks for this lesson!!
                                                </p>
                                            </div>
                                            <!--End message from Aviya -->

                                            <!-- Message from Alex, Greece -->
                                            <div class="box blue;" style="width: 100%;">
                                                <H1 style="color:blue;">Thank you very much for this tutorial!
                                                </H1>
                                                <p style="color:blue;">-Alex from Greece</p>
                                            </div>

                                            <!-- Message from XS -->
                                            <div class="w3-panel w3-leftbar w3-light-grey">
                                                <p class="w3-xlarge w3-serif">
                                                    <i>Great tutorial for beginners!</i>
                                                </p>
                                                <p>Love from XS</p>
                                            </div>
                                            <!-- Message end XS -->

                                            <!-- Message from AA -->
                                            <div class="w3-panel w3-leftbar w3-light-grey">
                                                <p class="w3-xlarge w3-serif">Amazing tutorial. If you wanna
                                                    learn git check out this tutorial.
                                                </p>
                                                <p>Abdurahman AYDIN From Türkiye</p>
                                            </div>

                                            <!-- Message from Prahant Soni, Pune, India -->
                                            <div style="background:black; padding:20px">
                                                <h3
                                                    style="text-align:center;font-family:Cursive;font-variant:small-caps;color:#FFFFFF;">
                                                    One of
                                                    the best
                                                    tutorial! and stepwise practice.</h3>
                                                <p
                                                    style="text-align:center;font-family:Cursive;font-size:14px;font-style:normal;font-weight:bold;font-variant:small-caps;color:#000000;background:gray;">
                                                    Thanks!<br>
                                                    Prashant Soni </p>
                                            </div>
                                            <!-- Message end Prashant Soni, Pune, India -->

                                            <!-- Message from Herbert M., Vancouver BC Canada -->
                                            <div
                                                style="margin-right: 25%; margin-left: 25%; margin-top: 25px; margin-bottom: 25px;">
                                                <div class="HerbertM-Message"
                                                    style="background-color: LightGray; padding: 10px; border: 3px black outset;">
                                                    <div style="font-size:larger;">
                                                        <em><q>Well done tutorial on Git!</q></em>
                                                    </div>
                                                    <hr
                                                        style="border-top: 1px solid black; width: 75%; margin-left: 12%;">
                                                    <div style="text-align: right;">
                                                        <div>
                                                            <a
                                                                href="https://www.w3schools.com/git/default.asp?remote=github">
                                                                <cite>Git Tutorial</cite>
                                                            </a>&nbsp;at w3schools.com
                                                        </div>
                                                        <div style="font-size:x-small;">
                                                            <br>
                                                            <div>Herbert M.</div>
                                                            <div>Vancouver, British Columbia, Canada</div>
                                                            <div>Sunday, March 19<sup>th</sup>, 2023</div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <!-- Message from Decorah, Iowa, U.S. -->
                                                <p>KLE was here.</p>

                                                <!-- Message from Mac Snow -->
                                                <div
                                                    style="font: bold; background: linear-gradient(to bottom, gold, goldenrod, white); text-align: center; padding: 1px; border: 3px blueviolet  outset;">
                                                    <h2 style="background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
       background-clip: text;
       -webkit-text-fill-color: transparent;">Nice tutorial!</h2>
                                                    <p style="background-image: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet);
    		 background-clip: text;
         -webkit-text-fill-color: transparent;">-Mac Snow</p>
                                                </div>

                                                <!-- Message from Aline C. -->
                                                <div class="w3-panel w3-sand w3-leftbar">
                                                    <p class="w3-xlarge w3-serif">
                                                    <p><i class="fa fa-quote-right w3-xxlarge"></i><br>
                                                        <i>Great tutorial that I have recommended to friends.
                                                            Very clear, we directly work with
                                                            examples and the
                                                            exercises are well done. Thanks a lot !</i>
                                                    </p>
                                                    <p>Aline C.</p>
                                                </div>


                                                <!-- Message from |Thabang Kubheka-->
                                                <p
                                                    style="font-size: 16px;color: #000;text-align: center;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif">
                                                    Thank you for helping us learn and understand code.We
                                                    appreciate it - Love, Thabang Kubheka
                                                    ,South Africa
                                                </p>
                                                <!-- Message from |Thabang Kubheka-->

                                                <!--message from Kaprun -->
                                                <h1><b>Thanx w3chools from Kaprun!</b></h1>
                                                <!--end of message from innocent waluza-->
                                                <!--message from Kedar -->
                                                <h1><b>Hello, Kedar from BLR!</b></h1>
                                                <!--end of message from innocent waluza-->

                                                <h1 class="f_practice" style="text-align: center;">(This msg is
                                                    added by Aadil Shaikh) Holly
                                                    Molly!!! This
                                                    Worked!!</h1>

                                                <!-- Message from GODFrancySs-->
                                                <div class="w3-card-4 w3-monospace"
                                                    style="width: 20%; min-width: 400px; margin-inline: auto; margin-bottom: 100px;">
                                                    <div class="w3-center">
                                                        <header class="w3-container w3-light-grey">
                                                            <h3 class="w3-xxlarge font-effect-shadow-multiple"
                                                                style="font-family: 'Lobster', Sans-serif; cursor: pointer;">
                                                                Francisco Almeida</h3>
                                                        </header>
                                                        <div class="w3-container">
                                                            <p class="w3-large">Thank you w3schools 💖
                                                                (12/03/2023)</p>
                                                            <hr>
                                                            <p class="w3-left-align">Student in Computational
                                                                Engineering at the University of Aveiro
                                                                (UA) <span class="w3-hover-text-red"> Portugal
                                                                    🇵🇹</span>.</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- End Message from GODFrancySs (for gamers, search my name in faceit :P) -->

                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>"Thanks for this tutorial, it was really
                                                            insightful."</i>
                                                    </p>
                                                    <p>Saüc Abadal</p>
                                                </div>

                                                <div style="background: #704dd1; background: -webkit-linear-gradient(to right, #633479, #670974, #79278d);
	  background: linear-gradient(to right, #89279c, #6d27a7, #8b1da7);color:#fff;
	  margin: 0 auto; text-align: center; border-radius: 15px; padding: 2em; width: 90%;">
                                                    <h2>What Theodore said below! I thank him for his code as
                                                        well 😇</h2>
                                                    <p style="font-size: 2em;
            margin: 0 auto;">&#129304; &#129304;</p>
                                                    <p style="margin: 0 auto;">Andreas, Athens, Greece </p>
                                                    <time datetime="2023-01-23">8th of March, 2023</time>
                                                </div>

                                                <h2>Thank you for the the tutorial, Greetings from TURKEY :)
                                                </h2>

                                                <!-- Message from PT -->
                                                <h2>Thank you w3schools for this awesome tutorial on Git &
                                                    GitHub!</h2>
                                                <h3>This is PT from BD</h3>
                                                <!-- End Message from PT -->

                                                <!-- Another Message from Sahil Wani-->
                                                <div class="w3-panel w3-indigo w3-leftbar">
                                                    <p class="w3-xlarge">
                                                        <i>" Really grateful for providing such a great and easy
                                                            to follow tutorial.<br>
                                                            W3School Tutorials have guided me a lot in my
                                                            journey. Thanks a lot"</i>
                                                    </p>
                                                    <p>Sahil Wani</p>
                                                    <p>Mumbai, India</p>
                                                    <p>2023-04-197</p>
                                                </div>
                                                <!-- End Message -->

                                                <!-- Message from Sandrine -->
                                                <div class="w3-panel w3-leftbar w3-2017-navy-peony">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>Thank you w3schools for this brilliant tutorial.</i>
                                                    </p>
                                                    <p>Sandrine, from a sunny snowy Stockholm (Sweden)</p>
                                                </div>

                                                <!-- message from sheroz khan -->
                                                <h3> Thanks </h3>

                                                <!-- Message from Sahil Wani-->
                                                <div class="w3-panel w3-indigo w3-leftbar">
                                                    <p class="w3-xlarge">
                                                        <i>" Really grateful for providing such a great and easy
                                                            to follow tutorial.<br>
                                                            W3School Tutorials have guided be a lot in my
                                                            journey. Thanks a lot"</i>
                                                    </p>
                                                    <p>Sahil Wani</p>
                                                    <p>Mumbai, India</p>
                                                    <p>2023-04-197</p>
                                                </div>
                                                <!-- End Message -->

                                                <!-- Message from j-carrapa -->
                                                <p>Just a message.</p>

                                                <!-- Message from Michelle -->
                                                <p>It feels so cool to be able to contribute a message to a
                                                    public page through code. Thank you
                                                    for the
                                                    clear tutorial! Michelle :)</p>
                                                <!-- End Message from Michelle -->

                                                <!-- Message from mrakotomanana -->
                                                <div class="w3-panel w3-blue-grey w3-card-4">
                                                    <h3>Best tutorial!</h3>
                                                    <p>Thank you, <a
                                                            href="https://www.w3schools.com/">w3schools.com</a>!
                                                        Didier Michel</p>
                                                </div>
                                                <!-- End message from mrakotomanana-->

                                                <!-- Message from Flavio -->
                                                <p>You made one of the best tutorials on this subject.</p>
                                                <!-- End message from Flavio -->

                                                <!-- Message from Vitalizzare-->
                                                <div
                                                    style="margin: 0 auto; text-align: center; padding: 2em; border-radius: 10px; box-shadow: 3px 4px 9px grey; width: 80%; background: linear-gradient(to right, darkgreen, forestgreen, seagreen); color: ivory;">
                                                    <p style="margin: 0 auto; font-size: 24px;">Programming can
                                                        be seen as evolution on
                                                        steroids&nbsp;&mdash;
                                                        some handy and attractive code or idea
                                                        is&nbsp;reproduced with slight modifications,
                                                        and&nbsp;this post
                                                        is no&nbsp;exception.</p>
                                                    <p style="margin: 0 auto;">Thanks, Theodore from Athens and
                                                        everyone who replicated this code
                                                        before!</p>
                                                    <time datetime="2023-03-10">March 10, 2023</time>
                                                </div>
                                                <!-- End Message from Vitalizzare -->

                                                <!-- Message from Taryn -->
                                                <p>Thank you for teaching me how to use Git and GitHub. - Taryn
                                                </p>

                                                <!-- Message from Ivan Tendou -->
                                                <p>Thank you for this easy tutorial, -Ivan Tendou</p>

                                                <!-- Message from Paul Brian -->
                                                <div style="background: #704dd1; background: -webkit-linear-gradient(to right, #633479, #670974, #79278d);
	  background: linear-gradient(to right, #89279c, #6d27a7, #8b1da7);color:#fff;
	  margin: 0 auto; text-align: center; border-radius: 45px; padding: 2em; width: 100%;">
                                                    <h2>Thank you for this wonderful course!</h2>
                                                    <p style="font-size: 2em;
            margin: 0 auto;">&#129304; &#129304;</p>
                                                    <p style="margin: 0 auto;">Paul BRIAN, United States of
                                                        America </p>
                                                    <time datetime="2023-03-1">1st of March, 2023</time>
                                                </div>
                                                <!-- End Message from Paul Brian -->

                                                <!-- Message from Theodore -->
                                                <div style="background: #704dd1; background: -webkit-linear-gradient(to right, #633479, #670974, #79278d);
	  background: linear-gradient(to right, #89279c, #6d27a7, #8b1da7);color:#fff;
	  margin: 0 auto; text-align: center; border-radius: 15px; padding: 2em; width: 90%;">
                                                    <h2>w3schools tutorial rocks!</h2>
                                                    <p style="font-size: 2em;
            margin: 0 auto;">&#129304; &#129304;</p>
                                                    <p style="margin: 0 auto;">Theodore, Athens, Greece </p>
                                                    <time datetime="2023-01-23">16th of Feb, 2023</time>
                                                </div>
                                                <!-- End Message from Theodore -->

                                                <!--message from Inno Waluza-->
                                                <h1><b>Thank You w3chools for this tutorial</b></h1>
                                                <h2><b><i>Inno-Waluza From Dowa, Malawi @265</i></b></h2>
                                                <!--end of message from innocent waluza-->


                                                <!--message from Onesmus-->
                                                <p style="font-family:Copperplate, Papyrus, fantasy; font-size: 20px;">
                                                    Thank you so much W3
                                                    School for your
                                                    great tutorials.They have really been helpful.<br>Onesmus
                                                    from Kenya</p>
                                                <!-- Message from Arjun -->
                                                <h2>Thank you for a hands on tutorial on how to fork!</h2>
                                                <h3>This is Arjun from Hyderabad, India 🇮🇳</h3>
                                                <!-- End Message from Arjun -->
                                                <!-- Begin Message -->
                                                <div class="w3-panel w3-blue w3-leftbar">
                                                    <p class="w3-xlarge">
                                                        <i>"You miss 100% of the shots you don't take. -Wayne
                                                            Gretzky" - Michael Scott </i>
                                                    </p>
                                                    <p></p>
                                                </div>

                                                <!-- End Message -->


                                                <h2>Rawan.</h2>

                                                <!-- message from Kausik -->
                                                <div style="text-align:center">
                                                    <h2>Great tutorial and learnt a lot about Github - Kausik.
                                                    </h2>
                                                </div>
                                                <div style="text-align:center">
                                                    <h2>This Heading I added Just 4 the Learning Purpose</h2>
                                                </div>
                                                <!-- Message from Kumar Vaibhav-->
                                                <div style="text-align: center">
                                                    <h2> A good tutorial to learn Git and Github - KV</h2>
                                                </div>
                                                <!-- Message from WASEF ZEMAM -->
                                                <div class="w3-panel w3-leftbar w3-sand">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>
                                                            "At the heart of Git is collaboration And
                                                            collaboration is much easier with w3schools!"
                                                        </i>
                                                    </p>
                                                    <p>WASEF ZEMAM</p>
                                                </div>
                                                <div style="background: lightgray;">
                                                    <p><i>Thanks for this tutorial.</i> <br>Máté</p>
                                                </div>
                                                <!-- Message from Ivan -->
                                                <div class=w3-panel w3-red w3-leftbar">
                                                    <p class="w3-xlarge">
                                                        <i>"Thank you for this tutorial, and this amazing
                                                            learning platform."</i>
                                                        -- Ivan from Berne, Switzerland.
                                                    </p>
                                                </div>
                                                <!-- message from Rohith-->
                                                <div style="text-align:center">
                                                    <h2>Well orgainised content for learning Git and GitHub -
                                                        Rohith</h2>
                                                </div>

                                                <!-- Message from Hellerlight -->
                                                <div class="w3-panel w3-indigo w3-leftbar">
                                                    <p class="w3-xlarge">
                                                        <i>" Thank you for all these amazing and easy to follow
                                                            tutorials.<br>
                                                            If W3Schools wasn't here to guide me, i'm not sure i
                                                            would have gotten to where i am
                                                            now.<br>
                                                            Thank you. "</i>
                                                    </p>
                                                    <p>Hellerlight</p>
                                                    <p>2023-01-27</p>
                                                </div>
                                                <!-- End Message -->

                                                <!-- Message from Niq -->
                                                <div class="w3-panel w3-blue w3-leftbar">
                                                    <p class="w3-xlarge">
                                                        <i>"Thank you for this amazing Git tutorial. Exactly
                                                            what I was looking for 😇"</i>
                                                    </p>
                                                    <p>-Niq from Vienna, Austria 🇦🇹</p>
                                                </div>

                                                <!-- End Message -->

                                                <p>HELLO!!!!!!!!!!!!!</p>

                                                <h1> Taraji Grande Amore </h1>

                                                <!-- Message from Carlos-->
                                                <div style="background: #0F2027; /* fallback for old browsers */
                  background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027); /* Chrome 10-25, Safari 5.1-6 */
                  background: linear-gradient(to right, #2C5364, #203A43, #0F2027);/* W3C, IE10+/Edge, Firefox16+, Chrome26+, Opera12+, Safari7+*/ color:#fff;
                  margin: 0 auto;
                  text-align: center;
                  border-radius: 15px;
                  padding: 2em;
                  width: 90%;
                  ">
                                                    <h2>"One of the most interactive tutorials I've had the
                                                        pleasure of working with!"</h2>
                                                    <p style="font-size: 2em;
            margin: 0 auto;">👍👍</p>
                                                    <p style="margin: 0 auto;">- Carlos, North Carolina, USA</p>
                                                    <time datetime="2023-01-23">January 23rd, 2023</time>
                                                </div>
                                                <!--End Message from Carlos -->


                                                <!-- Message from Dinnkun -->
                                                <div>
                                                    <h1>From Debabrato</h1>
                                                    <p>Really Nice tutorial</p>
                                                    <p>02 Feb 2023</p>
                                                </div>

                                                <!-- Message from Dinnkun -->
                                                <div>
                                                    <h1>From Dinnkun: good tutorial!</h1>
                                                    <p>Yeah i kinda copy it from the bottom</p>
                                                    <p>23 Jan 2023 10:52</p>
                                                </div>

                                                <!--Message from Old Dogs-->
                                                <div>
                                                    <h1>OLD DOGS!</h1>
                                                    <H2>Yes, you can teach an old dog new tricks!</H2>
                                                    <p>Yuma, Arizona, USA</p>
                                                    <p> January 20, 2023</p>
                                                </div>

                                                <!-- End Message -->
                                                <!--Message from venky-->
                                                <div>
                                                    <h1>whaaaat!!!!</h1>
                                                    <H2>it really is a nice idea</H2>
                                                    <p>India</p>
                                                    <p> Feb 2, 2023</p>
                                                </div>

                                                <!-- End Message -->
                                                <!-- Message from Phil -->
                                                <div>
                                                    <h1>Best Tutorial i made so far, thank you!</h1>
                                                    <p>Philip-Daniel Ebsworth, Germany.</p>
                                                    <p>13.01.2023</p>
                                                </div>

                                                <!-- End Message -->

                                                <!-- Message from Kamron -->
                                                <div>
                                                    <h1>
                                                        This was the best tutorial I found so far! Kamron.
                                                    </h1>
                                                    <p>Tashkent. Uzbekistan</p>
                                                    <p>01.030.23</p>
                                                </div>
                                                <!-- End Message -->

                                                <!-- Message from Andrei -->
                                                <div>
                                                    <h1>Thank you for having such a detailed tutorial on git,
                                                        most of other stuff I found was just
                                                        commands!
                                                    </h1>
                                                    <p>Groningen, The Netherlands.</p>
                                                    <p>04.02.2023</p>
                                                </div>

                                                <!-- End Message -->

                                                <!-- Message from Mustapha NI -->
                                                <div class="w3-panel " style="background-color: #f1f1f1;
     color: #000000;
     border-radius: 30px;
     padding: 30px;">

                                                    <h1 style="text-align: center; color: #887a7a;">Moroccan
                                                        Developer 🇲🇦</h1>
                                                    <p class="w3-xlarge" style="font-family: Helvetica;
       font-style: normal;
       padding: 35px; ">
                                                        <i>
                                                            Thanks a lot W3Schools for such a great Tutorial.
                                                            i'm Mustapha NI from Morocco, Foum Zgiud
                                                            I truly appreciate your efforts. And this is my
                                                            first open-source contribution.
                                                            You really make us feel proud...
                                                        </i>
                                                    </p>
                                                    <p style="font-family: Helvetica;
       font-style: normal;
       float: right;
       padding: 30px;
       background-color: #dad1d1;
       border-left:rgb(30, 55, 42) solid 5px;
       border-right:rgb(30, 55, 42) solid 5px; ">Mustapha NI - Morocco, Foum Zgiud</p>
                                                </div>
                                                <!-- End Message -->

                                                <!-- Message from your lovely mother-->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>"Stop staring at your conpuper and go out and play!
                                                            Your eyes and your brain are going to
                                                            thank
                                                            you!"</i>
                                                    </p>
                                                    <p>-Your lovely mother</p>
                                                </div>
                                                <!-- END of message from your lovely mother-->

                                                <!-- Message from OSK -->
                                                <div class="w3-panel w3-leftbar w3-sand">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>
                                                            "The best tutorials are always from W3. Thanks so
                                                            much!!!"
                                                        </i>
                                                    </p>
                                                    <p>OSK</p>
                                                </div>
                                                <!-- End Message -->

                                                <!--message from lawal yusuf-->
                                                <P style="width:400px;bottom:0;right:0;
    border:1px solid green;background-color:green;color:white;"> I am so delighted with the provision
                                                    of this platfform.it helps learn git and gitub very easily.
                                                </p>
                                                <!--message end-->

                                                <!-- Message from frigori -->
                                                <div class="w3-panel w3-leftbar w3-yellow">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>
                                                            "Magnificent tutorial! Thanks!!"
                                                        </i>
                                                    </p>
                                                    <p>frigori</p>
                                                </div>
                                                <!-- End Message -->

                                                <!-- Message from ImadZR -->
                                                <div class="w3-panel " style="background-color: #009933;
    color: #000000;
    border-radius: 30px;
    border: 5px solid #24b20e;
    padding: 30px;">

                                                    <h1 style="text-align: center; color: #ffffff;">Moroccan
                                                        Developer 🇲🇦</h1>
                                                    <p class="w3-xlarge" style="font-family: Helvetica;
      font-style: normal;
      background-color: white;
      padding: 35px;
      border: 5px solid #24b20e;
      border-bottom-left-radius: 30px;
      border-top-right-radius: 30px;
      border-bottom-right-radius: 30px; ">
                                                        <i>
                                                            "Thanks a lot W3Schools for such a great Tutorial.
                                                            i'am Imad ZR from Morocco, Mohammedia ( weld lekbira
                                                            - casablanca )
                                                            I truly appreciate your efforts. And this is my
                                                            first open-source contribution.
                                                            You really make us feel proud..."
                                                        </i>
                                                    </p>
                                                    <p style="font-family: Helvetica;
      font-style: normal;
      float: right;
      padding: 30px;
      background-color: white;
      border: 5px solid #24b20e;
      border-top-left-radius: 30px;
      border-bottom-right-radius: 30px;
      border-bottom-left-radius: 30px; ">Imad ZR - Morocco, Mohammedia</p>
                                                </div>
                                                <!-- End Message -->

                                                <!-- Message from Juan Jimenez -->
                                                <div>
                                                    <h1>Keep Rocking w3schools!</h1>
                                                    <p>Juan Jimenez from Aguascalientes, Mexico.</p>
                                                    <p>12/23/2022</p>
                                                </div>

                                                <!-- Message from Jeremiah -->
                                                <div>
                                                    <p>
                                                        Best Git Tutorial Ever
                                                    </p>
                                                    <p>Jeremiah</p>
                                                </div>
                                                <!-- End Message -->


                                                <!-- Message from Sadik Turgut -->
                                                <div class="w3-panel w3-leftbar w3-sand">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>
                                                            "Great tutorial for a network engineer, Thank you
                                                            all"
                                                        </i>
                                                    </p>
                                                    <p>Sadik Turgut</p>
                                                </div>
                                                <!-- End Message -->

                                                <!-- Message From ARYA A -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>"Simplicity is the ultimate SOPHISTICATION"</i>
                                                    </p>
                                                    <p>Leonardo Da Vinci</p>
                                                </div>

                                                <!--- Message from Marvelous Innocent ---->
                                                <div class=""
                                                    style="background-image:linear-gradient(#8ee000, green); color: white; width: 90%; border-radius: 10px; padding: 10px 15px; margin:15px auto; ">
                                                    <h2 style="color:orange; font-size:30px;">A very big
                                                        <em>"THANK YOU TO W3SCHOOL"</em>
                                                    </h2>
                                                    <p>I really appreciate all team members that has worked
                                                        together to make <a class="" style="color: orange;"
                                                            href="w3schools.com">w3schools.com</a> a meaningful
                                                        and useful
                                                        website for
                                                        everyone who wants to learn web development and
                                                        programming. I have learnt alot from <a class=""
                                                            style="color: orange;"
                                                            href="w3schools.com">w3schools.com</a> and really
                                                        appreciate them very well</p>
                                                    <span
                                                        style="color:orange; display:block; font-size:20px; font-family: cursive; ">Marvelous
                                                        Innocent</span>
                                                    <span
                                                        style="color:orange; display:block; font-size:20px; font-family:cursive; ">
                                                        Nigeria</span>
                                                </div>
                                                <!--- End of message from Marvelous Innocent ---->

                                                <!-- Message from Leo-->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>"Great tutorials, I'm enjoying and learning a lot.
                                                            Thanks W3schools"</i>
                                                    </p>
                                                    <p>Cheers from Brazil</p>
                                                </div>

                                                <div>
                                                    <h1>Hello from Brasil!</h1>
                                                    <p>Daltro Oliveira Vinuto </p>
                                                </div>

                                                <div
                                                    style="background-color:rgb(100, 50, 70); color: white ;text-align: center;">
                                                    <h1>Thank you for this tutorial!</h1>
                                                    <h3>India</h3>
                                                </div>

                                                <!-- message from Filip -->
                                                <div
                                                    style="background-color:rgb(100, 50, 70); color: white ;text-align: center;">
                                                    <h1>Thank you for this tutorial!</h1>
                                                    <h3>India</h3>
                                                </div>

                                                <!--message from jay-->
                                                <div>
                                                    Great Tutorial , thank you.
                                                </div>

                                                <!--message from desulex -->
                                                <div>
                                                    Great Tutorial , thank you team w3schools.

                                                </div>

                                                <!--message from Nick-Phaita -->
                                                <div>
                                                    <h1>Wagwan!</h1>
                                                    <p>Happy to be here</p>
                                                    <h2>By Nick Phaita +254</h2>

                                                </div>

                                                <!-- End message -->

                                                <!--message from Aaron-->
                                                <div>
                                                    Great Tutorial , thanks W3.
                                                </div>


                                                <!-- Message from WDJ -->

                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>
                                                            "Hello World!"
                                                        </i>
                                                    </p>
                                                    <p>WDJ</p>
                                                </div>

                                                <!-- End of Message -->

                                                <!-- Message from Mustakim Alam Moon -->
                                                <div class="w3-panel w3-leftbar w3-sand">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>
                                                            "Thanks a lot W3Schools for such a great Tutorial.
                                                            This is the easiest & concise Git Tutorial I've ever
                                                            seen.
                                                            I truly appreciate your efforts. And this is my
                                                            first open-source contribution.
                                                            You really make us feel proud..."
                                                        </i>
                                                    </p>
                                                    <p>Mustakim Alam Moon</p>
                                                </div>
                                                <!-- End Message -->

                                                <!-- message from sheriff -->
                                                <div class="w3-panel w3-leftbar w3-sand">
                                                    <p class="w3-xxlarge w3-serif">
                                                        <i>"thanks so much w3schoools for the great
                                                            tutorial."</i>
                                                    </p>
                                                    <p style="font-weight: bolder;">Sheriff Oladimeji <br>
                                                        -Nigeria</p>
                                                </div>

                                                <!-- Message from Nima -->
                                                <div class="w3-panel w3-leftbar w3-sand">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>
                                                            "Cheers guys!"
                                                        </i>
                                                    </p>
                                                    <p>Nima</p>
                                                </div>
                                                <!-- End Message -->

                                                <div
                                                    style="text-align:center; color:white;background-color:skyblue; text-shadow: 3px 3px red">
                                                    <marquee behavior="" direction="left">Thanks for your
                                                        lesson! Tushar</marquee>
                                                </div>

                                                <!-- Message from Yevhen-->

                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif"><i>Cheers from Lviv.</i></p>
                                                    <p>Yevhen</p>
                                                </div>

                                                <div class="center"
                                                    style="text-align:center; color:white;background: linear-gradient(to bottom, #009933 0%, #00cc99 100%);">
                                                    <h1> Welcome TO Beautiful country NEPAL </h1>
                                                    <h2>Thanks for the awesome Git tutorial W3schools!!! </h2>
                                                    <h4>Never gonna give you up, -JSON</h4>
                                                </div>

                                                <!-- Message from Yifan-->
                                                <div style="text-align:center">
                                                    <p>Thank you W3Schools, I got 3 HDs and 1 D in my final.</p>
                                                </div>

                                                <!-- Message from Dkv3 -->
                                                <div class="center" style="box-shadow: 0px 1px 1px 0px #5bbff5; background: linear-gradient(to bottom, #f40762, #6628ed, #380263);
    border-radius: 6px; text-align: center; text-shadow: 0px 1px 0px #28a8ed; border: outset black; color: #0882c4;">
                                                    <h1>Sick tutorial! W3 is a super awesome site.</h1>
                                                    <h4>Connor from Florida</h4>
                                                </div>

                                                <div class="center"
                                                    style="text-align:center; color:white;background-color:#1d2a50">
                                                    <h1> Welcome TO Beautiful country NEPAL </h1>
                                                    <h2>Thanks form Hem Raj Bhatt </h2>
                                                </div>

                                                <!-- Message from SAN6830 -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif"><i>Thanks for who created this
                                                            website.i learn a lot from this
                                                            website</i>
                                                    </p>
                                                    <p>SRN^6830</p>
                                                </div>

                                                <!-- message from arjun -->
                                                <div style="text-align:center">
                                                    <h2>Great tutorial.</h2>
                                                </div>

                                                <div style="text-align:center">
                                                    <h2>Thanks for the nice introduction to Git!</h2>
                                                    <p>Im-A-Noob</p>
                                                </div>

                                                <div style="text-align:center">
                                                    <h2>Hola Amigos, happy learning</h2>
                                                </div>

                                                <!-- message from manan -->
                                                <div style="text-align:center">
                                                    <h2>hello have a great year.<br> ~Manan</h2>
                                                </div>

                                                <!-- Message from atanas011 -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif"><i>Cheers from Serbia.</i></p>
                                                    <p>Atanas011</p>
                                                </div>
                                                <!-- Message from Crainmantis-->
                                                <div style="text-align:center">
                                                    <p>There are those who can see, <br> those who can watch,
                                                        <br> and those who can learn. <br>
                                                        Congratulations to making it on this page and learning
                                                        everyone.
                                                    </p>
                                                </div>

                                                <h3>Hola mundo desde mexico</h3>
                                                <p>Esto solo son cambios superficiales</p>

                                                <!-- Message from MKhlon -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif"><i>Cheers from Krakow.</i></p>
                                                    <p>MKhlon</p>
                                                </div>

                                                <!-- Message from Moment -->
                                                <div>
                                                    <p>Everybody is a genius. But if you judge a fish by its
                                                        ability to climb a tree, it will live
                                                        its whole
                                                        life believing that it is stupid. </p>
                                                </div>

                                                <!-- Message from Punit -->
                                                <div>
                                                    <p> W3SCHOOL has helped me a lot with its contents. I
                                                        heartly thenk you for that! specially
                                                        for git
                                                        tutorial.</p>
                                                </div>


                                                <!-- message from Bulat -->
                                                <div style="text-align:center">
                                                    <h2>Thank you for your lessons. <br> Bulat from
                                                        Bashkortostan, Russia.</h2>
                                                </div>

                                                <!-- message from Sathwick -->
                                                <div style="text-align:center">
                                                    <h2>Thank you for your lessons.I learned a lot from u people
                                                        <br> Sathwick ,India.
                                                    </h2>
                                                </div>

                                                <!-- message from moonlight999777 -->
                                                <div style="text-align:center">
                                                    <h2>Thank you for your lessons. <br> moonlight999777 from
                                                        california.</h2>
                                                </div>

                                                <div
                                                    style="text-align:center; color:white;background-color:skyblue; text-shadow: 3px 3px red">
                                                    <marquee behavior="" direction="left">Thanks for your
                                                        lesson! Luc Van from Viet Nam</marquee>
                                                </div>

                                                <!-- message from rajneeshrai -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    My open-source contribution - thank you to w3schools!
                                                </div>

                                                <div
                                                    style="background-color:rgb(228, 248, 141); color: black ;text-align: center;">
                                                    <h1>w3schools</h1>
                                                    <h3>Thank you for the tutorials!</h3>
                                                </div>

                                                <div class="center"
                                                    style="text-align:center; color:black;background-color:#70dbdb">
                                                    <h1 style="font-family: Garamond">Keep Learning
                                                        -BelowSeaLevel</h1>
                                                </div>

                                                <div class="center"
                                                    style="text-align:center; color:white;background-color:#1d2a50">
                                                    <h1>Thanks for your lessons! Enoch from Nigeria.</h1>
                                                </div>

                                                <div
                                                    style="text-align:center; background-image:linear-gradient(141deg, #604752 0%, #E03724 51%, #D34A17 75%); text-shadow:#ff0 0px 0px 8px; color:#ff7">
                                                    <h1>Love is the only thing that matters.</h1>
                                                </div>

                                                <div>
                                                    <h2>From Carl in Guatemala</h2>
                                                    <p>Thanks for the tutorial.</p>
                                                    <p>Have a beautiful day, friends!</p>
                                                </div>

                                                <div
                                                    style="background-color:rgb(200, 194, 255); color: black ;text-align: center;">
                                                    <h1>That was awesome!</h1>
                                                    <h3>Thank you from DenVR</h3>
                                                </div>

                                                <!-- Message from CXR -->
                                                <link rel="preconnect" href="https://fonts.googleapis.com">
                                                <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
                                                <link
                                                    href="https://fonts.googleapis.com/css2?family=Noto+Sans+Display&family=Noto+Sans+TC:wght@500&display=swap"
                                                    rel="stylesheet">
                                                <script>
                                                    function mouseon() {
                                                        document.getElementById("CXR").style.backgroundColor = "#184E77";
                                                        document.getElementById("CXR").style.color = "#34A0A4";
                                                        document.getElementById("CXR").style.boxShadow = "5px 5px 10px #34A0A4";
                                                    }
                                                    function mouseshoot() {
                                                        document.getElementById("CXR").style.backgroundColor = "#52B69A";
                                                        document.getElementById("CXR").style.color = "#D9ED92";
                                                        document.getElementById("CXR").style.boxShadow = "5px 5px 10px #D9ED92";
                                                    }
                                                </script>

                                                <div id="CXR"
                                                    style="background-color: #52B69A; color:#D9ED92; box-shadow: 5px 5px 10px #D9ED92; width:auto; height: 300px; position: relative;">
                                                    <div class="words"
                                                        style="position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; margin: auto; font-size:30px; font-family: 'Noto Sans Display', sans-serif;"
                                                        onmouseover="mouseon()" onmouseout="mouseshoot()">
                                                        <p>人生軟腸</p>
                                                        <p>This is just a chapter, not your whole story. ♥</p>
                                                    </div>
                                                </div>
                                                <p
                                                    style="text-align: right; margin-right: 30px ;font-family: 'Noto Sans Display', sans-serif; font-size:20px; color:#1A759F; text-shadow:2px 0px 1px #99D98C;">
                                                    - CaiXinRu, Taiwan</p>

                                                <!-- message from Haresh -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>"Happiness is only real when shared"</i>
                                                    </p>
                                                    <p>Haresh</p>
                                                </div>


                                                <!-- message from AMN -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                    <h4>"W3SCHOOLS is great plateforme to learn code."</h4>
                                                    </p>
                                                    <p>Thank you!</p>
                                                </div>

                                                <!-- message from Yifan -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>"Cindy, internship, research paper, all the best
                                                            things in the world."</i>
                                                    </p>
                                                    <p>Yifan</p>
                                                </div>

                                                <!-- message from Iskuzmi -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>"My first open-source contribution. PROUD!"</i>
                                                    </p>
                                                    <p>iskuzmi</p>
                                                </div>

                                                <div class="center"
                                                    style="text-align:center; color:white;background-color:#1d2a50">
                                                    <h1>Thanks for your lessons! Andrii from Kyiv.</h1>
                                                </div>

                                                <!-- Message from Madhava -->
                                                <div
                                                    style="background: green; text-align: center;color: white;font-weight: 700;min-height: 10vh;font-size: 3rem;">
                                                    Thank you w3schools for the fork tutorial..from Maddy</div>

                                                <!--Message from Rahul -->
                                                <div
                                                    style="background:linear-gradient(orange,white,green);text-align: center;color: #0030dd;border-radius: 13px;">
                                                    <h1 style="font-family: fantasy;">Thank you w3school.com for
                                                        great tutorial.🙏</h1>
                                                    <marquee behavior="" direction="left">❤️❤️❤️❤️❤️❤️</marquee>
                                                    <h4 style="color:rgb(47, 41, 41);">Rahul from India</h4>
                                                </div>

                                                <!-- from Anshul Anand -->
                                                <div class="center"
                                                    style="background-color: lightpink; text-align: center; padding: 10px;">
                                                    <h1 style="font-family:serif;">Thank you W3Schools! You have
                                                        helped me the <span
                                                            style="font-weight:bold; text-decoration: underline;">most</span>
                                                        in my learning journey!!
                                                        You are a
                                                        blessing!!!</h1>
                                                    <h3>~Love from Anshul, India</h3>
                                                </div>

                                                <!-- Message from Khaled Amir -->
                                                <div class="center"
                                                    style="background-image: linear-gradient(to right, #7d27ff, #ff27ff); border-radius: 15px; padding: 30px; margin: 50px; color: white;">
                                                    <h1
                                                        style="font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-weight: 700;">
                                                        The most helpful git tutorial on the internet :)</h1>
                                                    <p style="font-style: italic;">From Khaled Amir, Egypt</p>

                                                </div>

                                                <!-- from kiran moktan-->
                                                <div class="center"
                                                    style="text-align:center; color:white;background-color:#1d2a50">
                                                    <h1>W3Schools paves the way for new developers, thank you
                                                        for all your efforts</h1>
                                                </div>

                                                <!-- message from rumiani -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>"My open-source contribution. PROUD!"</i>
                                                    </p>
                                                    <p>Rumiani</p>
                                                </div>

                                                <!-- message from Rakesh -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>"My first open-source contribution. PROUD!"</i>
                                                    </p>
                                                    <p>Rakesh</p>
                                                </div>

                                                <!-- message from Vyacheslav -->
                                                <div class="w3-panel w3-leftbar w3-light-grey">
                                                    <p class="w3-xlarge w3-serif">
                                                        <i>Thanks a lot for all your efforts. Thanks to you
                                                            world becomes a better place! </i>
                                                    </p>
                                                    <p>Vyacheslav</p>
                                                </div>

                                                <!--message from Talha-->
                                                <div
                                                    style="background-color:rgb(0, 77, 95); color: white ;text-align: center;">
                                                    <h1>Talha has been here.</h1>
                                                    <h3>Talha, Pakistan</h3>
                                                </div>

                                                <!--message from Tendai-->
                                                <div
                                                    style="background-color:rgb(0, 94, 55); color: white ;text-align: center;">
                                                    <h1>Thank you for this tutorial!</h1>
                                                    <h3>Tendai, Zimbabwe</h3>
                                                </div>

                                                <!-- message from Artem -->
                                                <div style="background-color: yellow; color: blue; text-align: center;">
                                                    <h1>Thank you fro tutorial</h1>
                                                    <h3>Artem, Ukraine</h3>
                                                </div>

                                                <!-- message from Azerbaijan, Jalal Rahmanov-->
                                                <div style="background-color: green; color: blue; text-align: center;">
                                                    <h1>Thanks from Karabagh, Azerbaijan :) </h1>
                                                    <h3>Jalal Rahmanov, Azerbaijan</h3>
                                                </div>

                                                <!-- message from Moonmist -->
                                                <h1>Inserted message</h1>
                                                <h2>No positivity, no negativity. Just an insertion.</h2>
                                            </div>

                                            <!-- message from Filip -->
                                            <div
                                                style="background-color:rgb(0, 94, 55); color: white ;text-align: center;">
                                                <h1>Thank you for this tutorial!</h1>
                                                <h3>Filip, Serbia</h3>
                                            </div>


                                            <!--This one from Ahmet Solmaz -->
                                            <div class="w3-container w3-deep-orange" name="viewport"
                                                content="width=device-width, initial-scale=1">
                                                <h2>Quote From Dostoyevsky</h2>
                                                <p>Especially Turkish Tea</p>

                                                <div class="w3-panel w3-amber">
                                                    <p class="w3-xlarge w3-serif"><i>“I say let the world go to
                                                            hell, but I should always have my
                                                            tea.”</i>
                                                    </p>
                                                    <p>Fyodor Dostoevsky</p>
                                                </div>
                                            </div>


                                            <!--This one from Vaibhav Yadav -->
                                            <div
                                                style="background:linear-gradient(to right, rgb(75, 75, 173),red); padding: 5px; border-radius: 5px; box-shadow: 5px 5px 9px black; color: wheat; font-size: 7px;">
                                                <h4 style="font-size: 30px;">Thank You W3Schools ❤️ for you
                                                    lovely support, carry on 🤘🤘🤘🤘
                                                    Love from
                                                    India.</h4>
                                                <h5 style="text-align: end; margin-right: 19px;">- Vaibhav
                                                    Yadav, India.</h5>
                                            </div>

                                            <!-- Message from ergun -->
                                            <div class="w3-panel w3-leftbar w3-light-grey">
                                                <p class="w3-xlarge w3-serif">
                                                    <i>"Hello World!"</i>
                                                </p>
                                                <p>Ergun</p>
                                            </div>

                                            <!-- message from Ali Farhad -->
                                            <div
                                                style="background-color:#00ffcc ;width:100% ;height:10rem ;border-radius: 15px; opacity: 0.8; color: #008000;padding: 1rem;">
                                                <h1 style="color:#02446c ; text-align: center;">what a tutorial!
                                                    :)</h1>
                                                <p>Thank you so much , Ali,IRAN <span style="color:red ;">&lt3
                                                    </span></p>
                                            </div>

                                            <!-- Message from moshmoshca -->
                                            <div style="display: flex; justify-content: center;" class="w3-center">
                                                <div
                                                    style="padding: 6rem 7rem; background-color: #FAD790; color: #252525; font-size: 3.2rem;">
                                                    <p style="font-weight: bold; margin: 0;">
                                                        Take one step at a time,<br>
                                                        never stop learning, and...
                                                    </p>
                                                </div>
                                                <div style="padding: 6rem; background-color: #17A096; color: white;">
                                                    <h3 style="font-size: 4rem;">Never give up!</h3>
                                                </div>
                                            </div>

                                            <!-- Message from levent-86 -->
                                            <div
                                                style="background-color:steelblue; color:white; display: flex; flex-direction: column; align-items: center; box-shadow: 0 4px 8px rgba(0, 0, 0, .5);">
                                                <h2>I've learned many things from you.</h2>
                                                <h1>Thank you w3schools.com family!</h1>
                                            </div>

                                            <!-- message from Sominski -->
                                            <h1>Всем добра!</h1>
                                            <h2>Спасибо за учебу!</h2>
                                </div>

                                <!-- Message from GrafStyle -->
                                <div class="w3-panel w3-leftbar w3-sand">
                                    <p class="w3-xlarge w3-serif">
                                        <i>
                                            "Doing 1% of improvement every single day"
                                        </i>
                                    </p>
                                    <p>Grafstyle</p>
                                </div>
                                <!-- End Message -->

                                <!-- Message from roXx -->
                                <div style="background-color: rgb(71, 177, 226); color: rgb(153, 17, 144);">
                                    <h1>This is my first contribution with any github fork. thanks a lot for
                                        this</h1>
                                    <p>
                                    <h2><i>W3School always gives a simple and clear explanation which is easy to
                                            understand</i></h2>
                                    </p>
                                    <p><i>Best wishes from India, always roXx .</i></p>
                                </div>

                                <!-- Message from Naveen -->
                                <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=BIZ UDPMincho">
                                <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Amatic SC">
                                <script>
                                    function mouseover() {
                                        document.getElementById("NavsP").style.backgroundColor = "skyblue";
                                        document.getElementById("NavsP").style.color = "white";
                                        document.getElementById("NavsP").style.boxShadow = "10px 10px 10px violet";
                                    }
                                    function mouseout() {
                                        document.getElementById("NavsP").style.backgroundColor = "lightcyan";
                                        document.getElementById("NavsP").style.color = "black";
                                        document.getElementById("NavsP").style.boxShadow = "10px 10px 10px grey";
                                    }
                                </script>
                                <p id="NavsP"
                                    style="text-align:center;background-color:lightcyan;box-shadow:10px 10px 10px grey; height:200px;width:auto;color:black;font-size:48px;font-family: 'BIZ UDPMincho', serif;padding-top:25px; margin:5px;"
                                    onmouseover="mouseover()" onmouseout="mouseout()">
                                    Thank you w3schools, for providing such amazing content to learn😇💖</p>
                                <p
                                    style="text-align: right; font-family:Amatic SC, serif;font-size:40px;text-shadow:1px 1px 3px grey;">
                                    ~Naveen,
                                    India</p>

                                <!-- Message From David -->
                                <div style="background-color:red; color: white; text-align: center">
                                    <h1>Hi I'm David From Indonesia, Thank you very much for this tutorial</h1>
                                </div>

                                <!-- Message from ph-->
                                <div style="background-color: black; color: white; text-align: center">
                                    <h1>Thank you very much for this tutorial!</h1>
                                </div>

                                <!-- message from Mubarak -->
                                <div style="background-color: red; color: white;">
                                    <h1>Mubarak Mayyeri was here</h1>
                                    <p><i>Thanks to w3schools and Git</i></p>
                                </div>

                                <!-- messge from Mihai -->
                                <div style="background-color: #201b1b; color: #cbcbcb;">
                                    <h1>Thank you very much from Romania</h1>
                                    <p><i>Mihai Neagu</i></p>
                                </div>

                                <!-- Message from Moshudougee -->
                                <div style="background-color: gray; color: blue;">
                                    <h1>Good work</h1>
                                    <p>Hakuna matata (!:!)</p>
                                </div>

                                <!-- message from Stephen  -->
                                <div class="w3-panel w3-leftbar w3-light-grey w3-hover-border-red"
                                    style="background-image: linear-gradient(to right,#000080, #24C6DC); box-shadow: 5px 5px 10px black; border-radius: 15px; ">
                                    <div class="w3-left-align w3-text-white">
                                        <p style="font-size: 30px; text-shadow: 2px 2px 4px red;">Coding is not
                                            an easy thing to do, but
                                            we'll keep
                                            trying, learning and improving till we become great, so far we dont
                                            give up.. &#128522 &#128522
                                        </p>
                                        <h3
                                            style="text-align: center; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;">
                                            Lovely
                                            website.. Thank you very much for this tutorial!</h1>
                    <p style="color: yellow; text-align: center; text-shadow: 5px 5x 6px red; font-size: 30px;">
                        ...Stephen from
                        Nigeria </p>
                </div>
            </div>

            <!-- message from Jonathanssz -->
            <div style="background-color: blue; color: white;">
                <h1>This tutorial is wonderful, I learned everything I needed.</h1>
                <p><i>Thanks from Brasil.</i></p>
            </div>

            <!-- message from Alexander -->
            <div style="background-color: #212121; color:#fafafa;">
                <h1>Nice tutorial!!!</h1>
            </div>

            <div style="background-color: #212121; color: #fafafa;">
                <h1>Amazing tutorial!</h1>
                <p>Thanks a ton :)</p>
            </div>

            <!-- message from Cosmin2701 -->
            <div style="background-color: green; color: white;">
                <h1>I finally did it guys !!</h1>
                <p><i>On my way becoming software engineer! Thanks for this tutorial !</i></p>
                <p><i>Best wishes, Cosmin .</i></p>
            </div>

            <div style="background: rgb(42, 126, 145); text-align: center; padding-block: 1rem; border-radius: 10px;">
                <h1>Thanks for Fork tutorial</h1>
                <h2>ykm</h2>
            </div>

            <!-- message from Ghana -->
            <div style="background-color: cyan; color: navy;">
                <h1>W3Schools is the main school!!!</h1>
                <p><i>I appreciate the team</i></p>
            </div>

            <div style="background: rgb(255, 196, 0); text-align: center; padding-block: 1rem; border-radius: 10px;">
                <h1>Best website where you can improve your developer skills</h1>
                <h2>Gin</h2>
            </div>

            <div style="background: rgb(255, 196, 0); text-align: center; padding-block: 1rem; border-radius: 10px;">
                <h1>Big THANK YOU</h1>
                <h2>Sami - Algeria</h2>
            </div>

            <div style="background-color: white; color: black;">
                <h1>Thanks from Middle east</h1>
                <p><i>Sepehr</i></p>
            </div>

            <!-- message from Mester yassir -->
            <div style="background-color: rgb(68, 17, 187); color: rgb(49, 211, 35);">
                <h1>i really learned from this website. we hope to add more tutorials like flutter .</h1>
                <p><i>Thanks from Morocco</i></p>
            </div>

            <!--message from Johanka-->
            <div> <span style="color: red;">With</span> <span style="color: gold;">Love</span> <span
                    style="color: green;">From</span> GoldCoast - Pizzosta</div>
            <div style="background-color: white; color: black;">
                <h1>Thank you very much for this tutorial!</h1>
                <p><i>Johanka</i></p>
            </div>

            <!--message from Bangladesh-->
            <div>
                <h1>Thanks a lot!</h1>
            </div>

            <!--message from ANUBHAV-->
            <div style="background:navy;color:white;text-align:center;
	font-size:2.5em;border-radius:80px;border:8px solid red;font-family:monospace;">
                Great tutorial on Fork and Git.<br> keep it up.<br>ANUBHAV FROM INDIA 🇮🇳
            </div>
            <!--end of message from ANUBHAV-->

            <div style="background: rgba(0, 63, 44, 0.89); padding: 0px; margin: 2px; border-radius: 20% 2% 30% 3%;">
                <p style="text-align: center; margin: 0%; padding:50px">
                    <span
                        style="color:rgb(255, 253, 195); text-shadow: 0px 0px 2px rgb(255, 0, 0), 0px 0px 20px rgb(255, 215, 215); font-size: x-large;">
                        From <span style="color: rgb(255, 206, 206);">Bangladesh</span>, to <span
                            style="color: rgb(160, 255, 215);">W3Schools</span>, so much thanks</span></br>
                    <span style="font-size: large; color: #e3d7ff;"> for turning the hardest topics into so easy ones to
                        learn!
                        Please add more tutorials because your tutorials are the best!</span>
                </p>
            </div>

            <div class="w3-panel w3-black">
                <p class="w3-large w3-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-margin-right"></i>
                    hello from migoilee 2022 :)
                </p>
            </div>
            <!-- message from HZW -->
            <div style="background-color: #565758; color: purple;">
                <h1>W3schools is so COOL! The tutorials is easy to understand which may disable language
                    barrier!</h1>
                <p>Thanks from China</p>
            </div>
            <!-- message from Fatah -->
            <div style="background-color: red; color: white;">
                <h1>W3Schools is really make programming education great and easy to understand</h1>
                <p><i>Thanks from Indonesia</i></p>
            </div>

            <!-- message from Ankit -->
            <div style="background-color: yellow; color: white;">
                <h1>Thanks to W3Schools for its simplicity</h1>
                <p><i>Thanks from India</i></p>
            </div>

            <!-- message from Brown -->
            <div style="background-color: yellow; color: white;">
                <h1>W3Schools☀️❤️</h1>
                <p><i>Thanks from China</i></p>
            </div>

            <!-- message from Endowp Thailand -->
            <div style="background-color:rgb(0, 94, 55); color: white ;text-align: center;">
                <h1>
                    💖 Thanks from Thailand! 💖
                </h1>
                <h1>
                    💖 W3schools 💖
                </h1>
            </div>

            <!--message from Reza-->
            <div style="background-color: yellow; color: white;">
                <h1>Thanks to W3Schools for its simplicity</h1>
                <p><i>Reza Sajjadian from Iran</i></p>
            </div>

            <!-- message from ARRWFajmayor Nigeria -->
            <div>
                <h1>Just trying out the github tutorial</h1>
                <p><i>ARRW</i></p>
            </div>

            <!-- Message from Siklab -->
            <div>
                <h1>Awesome GitHub tutorial!</h1>
                <p>Siklab</p>
            </div>

            <!-- John-K Thanks W3Schools -->
            <div class="w3-card w3-sans-serif" style="width:90%; min-width:400px; margin: auto; margin-bottom:100px">
                <div class="w3-center">
                    <header class="w3-container w3-blue">
                        <h1 class="w3-xxlarge" style="color:black; font-family: copperplate;">Thanks for the
                            tutorial W3schools.
                            &#128513;</h1>
                    </header>
                    <div class="w3-container w3-teal">
                        <p class="w3-large" style="color:black;"><i>John K</i></p>
                        <hr
                            style="  border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));; width: 70%; margin: auto; margin-bottom: 20px">
                        <p class="w3-right-align w3-small" style="margin-right: 10px; color:black; font-weight:bold;">
                            Scotland</p>
                    </div>
                </div>
            </div>

            <!-- message from Tbilisi -->
            <div class="w3-center w3-container w3-green">
                <h1 class="w3-xxlarge">Thanks W3schools from Georgia!</h1>
            </div>

            <!-- message from ARRW -->
            <div>
                <h1>Just trying out the github tutorial</h1>
                <p> <i> ARRW </i> </p>
            </div>

            <!-- Mr.Market Thanks W3Schools -->
            <div>
                <h1>Thanks for the tutorial W3Schools. It's great!</h1>
                <p> <i> Mr.Market </i> </p>
            </div>

            <!-- Message from Blaise-->
            <div style="background-color: lightblue">
                <h1 style=" color:blue; text-align:center;">Why w3school is awesomme?</h1>
                <p>W3schools is one of the best online ressources to learn computer science .It gives you a
                    clear roadmap
                    troughout your journey. It has a great editor , good documentations for almost all
                    programming language.</p>
                <p>Thanks W3schools for your support.</p>
                <hr>
                <p>Blaise</p>
            </div>

            <!--Message from Max-->
            <div style="border: 5px dotted #0077ff">
                <p class="w3-center w3-cursive">warm greetings from Ukraine</p>
            </div>


            <!-- message from Hassan Rasoulpour -->
            <div class="w3-card-4 w3-monospace"
                style="width: 90%; min-width: 400px; margin-inline: auto; margin-bottom: 100px;">
                <div class="w3-center">
                    <header class="w3-container w3-light-grey">
                        <h3 class="w3-xxlarge font-effect-shadow-multiple"
                            style="font-family: 'Monospace', Sans-serif;">
                            Thank you W3schools for all the great tutorials
                        </h3>
                    </header>
                    <div class="w3-container">
                        <p class="w3-large font-effect-shadow-multiple">Hassan Rasoulpour</p>
                        <hr>
                        <p class="w3-left-align"><span class="w3-hover-text-red">Mahabad-Iran</span></p>
                    </div>
                </div>
            </div>

            <!--Message from M. Mansoor Alamyar ( Afghanistan 2020)-->
            <div style="background-color: #93291E; border: 15px solid rgba(255, 255, 255, 0.4); margin: 10px 0px;">
                <h1 style="font-size:24px; color:white; padding-left: 10px; text-align:left;">If you think math
                    is hard, try web
                    development.</h1>
                <p style="font-size:14px; color: white; padding-left: 25px; text-align:left;">Mansoor Alamyar
                    from Afghanistan.
                </p>
            </div>

            <!-- A student appreciates W3Schools -->
            <div style="background-color: coral">
                <h1>Thank You W3 Schools</h1>
                <p> <i> Ali,Iran. </i> </p>
            </div>

            <!-- HBO appreciates W3Schools -->
            <div>
                <h1>I enjoy W3Schools Tutorials on Web Development.</h1>
                <p>W3Schools has helped a lot of people (incl. myself) to learn Web Development easily and
                    comprehensively. <br>
                    Thank you and one day, I hope to help more people.</p>
                <p><i>-HBO, Lagos Nigeria.</i></p>
            </div>

            <!--Message from M. Hanif Shahy ( Afghanista)-->
            <div style="border: 5px dotted #0077ff">
                <p class="w3-center w3-cursive">" I'm happy about learning in W3schools. I would tell others
                    about it in the
                    future."</p>
            </div>

            <!-- message from Biniyam Ethiopia -->
            <div>
                <h1 style="font-style: inherit;">Thank you W3SCHOOL</h1>
                <p><code>Coding is not just writing a code it is an art of life!</code> </p>
            </div>

            <!-- Message From Algeria By Maria Djadi -->
            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif">
                    <i>"Thanks for this tutorial. It was really helpful"</i>
                </p>
                <p>Maria Djadi</p>
            </div>
            <!-- Message From Brazil-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i> I'm a student from São Paulo, Brazil. <br> I'm Happy learning
                        Git and Github
                    </i></p>
                <p>Vinícus :)</p>
            </div>
            <!-- Message From Imran-->
            <div class="w3-panel w3-leftbar w3-light-grey w3-hover-border-red"
                style="border:1px solid rgb(128, 128, 128); box-shadow: 2px 2px 5px 5px #ccc; border-radius: 5px; ">
                <div class="w3-left-align w3-text-white">
                    <p class="w3-large">Want to learn new tech skills? Always w3schools was the first tutor to
                        start</p>
                    <p>Thank You</p>
                </div>
            </div>

            <!-- emre was here-->
            <div class="w3-panel w3-leftbar w3-light-grey w3-hover-border-red"
                style="background-image: linear-gradient(to right,#514A9D, #24C6DC); box-shadow: 5px 5px 10px black; border-radius: 15px; ">
                <div class="w3-left-align w3-text-white">
                    <p class="w3-large"> If you plan on being anything less than you are capable of being, you
                        will probably be
                        unhappy all the days of your life. -Abraham Maslow </p>
                    <p class="w3-">Great tutorial, thanks ! </p>
                </div>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Hello :)"</i>
                </p>
                <i>"Great git tutorial, you the best. Thank you!"</i></p>
                <p>van2jazz</p>
            </div>

            <!-- message from Junior -->
            <div>
                <h1 style="font-style: inherit;">Thanks W3SCHOOL</h1>
                <p><code>We learn for the fun!</code> </p>
            </div>

            <!-- Message from Norway -->
            <div style="border: 5px dotted #0077ff">
                <p class="w3-center w3-cursive">Truth hurts!</p>
            </div>

            <div style="background-color:black ;">
                <h1 style="color:red ;"> Are you so idle that you are reading these messages?
                    You are still far from getting a job.
                    Spend your time on learning.</h1>
            </div>

            <!--Message from Jiuzhou-->
            <div style="border: 5px dotted #0077ff">
                <p class="w3-center w3-cursive">I like the message above</p>
            </div>

            <!--Message Not from Jiuzhou-->
            <div style="border: 5px dotted #0077ff">
                <p class="w3-center w3-cursive">I like the message above even more!</p>
            </div>

            <!-- By Daniel Kubong-Alah -->
            <div style="background-image:url('https://www.w3schools.com/css/img_forest.jpg'); height:300px; background-position:center;
    background-repeat:no-repeat; background-size: cover">
                <div class="w3-card-4 w3-monospace w3-border w3-padding "
                    style="background-color:black; width: 25%; min-width: 400px; position: rightbar">
                    <p style="font-family: Sofia, Cursive; color:Green">W3School, a platform for beginers,</p>
                    <p style="color:red">Et une plateforme pour les personnes expérimentées!</p>
                    <p style="font-family: Sofia, Cursive; color:yellow">Daniel Mofor sends Love and
                        Gratitude,<br>From
                        <span>Bamenda, Cameroon.</span>
                    </p>
                </div>
            </div>

            <!-- Message from NYC -->
            <div style="border: 5px solid red">
                <p>Greetings from NYC!</p>
            </div>

            <div style="border: 5px solid blue">
                <p>Appreciating for the great tutorials</p>
            </div>
            <!-- Tutorial GitHub -->
            <div style="border: 2px solid black; padding: 8px;">
                <p>Very thanks, W3Schools</p>
            </div>

            <!-- Message from Indonesia -->
            <div style="border: 5px dotted #0077ff">
                <p class="w3-center w3-cursive">W3School keren!!!</p>
            </div>

            <!-- Message from Uzair Qurehi -->
            <div>
                <p class="w3-center w3-cursive"> JazakAllah for this. May Allah bless you :)</p>
            </div>

            <!-- Samuel was here -->
            <div style="background-color: #93291E; border: 15px solid rgba(255, 255, 255, 0.4); margin: 10px 0px;">
                <h1 style="font-size:24px; color:white; padding-left: 10px; text-align:left;">Thank you
                    w3schools for the
                    tutorial!</h1>
                <p style="font-size:14px; color: white; padding-left: 25px; text-align:left;">Samuel from Panama
                </p>
            </div>

            <!-- Vlad's message-->
            <div style="padding:7px; border:double 7px #336699; background:#66CCFF; margin:7px">
                <h1 align="center">Code long and prosper!)</h1>
                <p align="right">Me(28%) and Spok(62%)</p>
            </div>

            <!-- Message from dawpud -->
            <div style="background-color: #d3f2ff;">
                <h4>Thank you for providing free education to everyone! These free resources are invaluable to
                    so many people,
                    including myself.</h4>
                <div class="w3-panel w3-leftbar w3-light-blue" style="border-left-color: #1d8ebd!important;">
                    <p class="w3-xlarge w3-serif"><i>"No act of kindness, no matter how small, is ever
                            wasted"</i></p>
                    <h5>Aesop</h5>
                </div>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-center w3-cursive"> Hi all</p>
            </div>

            <!-- Ali added this -->
            <div>
                <h1>I like w3schools tutorials on web development</h1>
                <p>w3schools helped a lot to learn web development easily and comprehensively</p>
            </div>
            <div class="w3-panel w3-xlarge w3-leftbar w3-yellow">
                <p>It's better to light a candle than to curse the darkness.</p>
                <p><em>Confucio</em></p>
            </div>

            <!-- Message from Turkey -->
            <div>
                <h2>w3schools is the best</h2>
            </div>

            <!-- MSG from Acid -->
            <div style="border: 7px dotter gold">
                <p>Thank you, from israel!</p>
            </div>

            <!-- Message from Truong -->
            <div
                class="w3-panel w3-round w3-card-2 w3-blue w3-cursive w3-center w3-leftbar w3-rightbar w3-border-indigo w3-border w3-hover-indigo w3-animate-left">
                <p class="w3-xxxlarge">What a great tutorial!</p>
            </div>

            <!-- Message from Thành Tâm -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Thank you for everything ❤</i>
                </p>
                <p>Tôn Thành Tâm</p>
            </div>
            <!-- Birb added this -->
            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-monospace">
                    <i>"I learned a lot from W3Schools, Thanks"</i>
                </p>
            </div>

            <!-- Kinyanjui-Joseph added this-->
            <div
                style="background-image: url('https://images.unsplash.com/photo-1611348524140-53c9a25263d6?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8M3x8a2VueWF8ZW58MHx8MHx8&auto=format&fit=crop&w=600&q=60');height:300px;background-position: center;background-repeat:no-repeat;background-size: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;border-radius: 5px;box-shadow: 10px 10px 17px -1px rgba(0,0,0,0.75); -webkit-box-shadow: 10px 10px 17px -1px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 17px -1px rgba(0,0,0,0.75);margin-bottom: 1em;text-align: center;">
                <div style="background: rgba(255,2544,255,0.45);padding: 5px;">
                    <p style="color:#094e5f; font-weight: bold;font-size: x-large;">Thank you w3schools for your
                        amazing tutorials
                    </p>
                    <b><span style="color:#094e5f">Kinyanjui-Joseph</span></b>
                    <p style="font-weight: bold;font-size: large;">From Kenya 254!</p>
                </div>
            </div>

            <!-- Message from Reggie-->
            <div style="border: 5px dotted #0077ff">
                <p class="w3-center w3-cursive"> Thanks for the tutorial. Y'all Rock!</p>
            </div>

            <!-- Furqan added this -->
            <div style="background-image: linear-gradient(rgb(16, 16, 43) 30%, rgb(214, 232, 238) 50%);">
                <h1 style="font-size:28px; color:white; padding:10px; text-align:center;">Thanks W3Schools</h1>
                <p style="font-size:18px; padding:25px; text-align:left;">The tutorial helped a lot.</p>
            </div>

            <!-- Appropiate-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <div class="w3-center">
                    <p class="w3-large">Amazing tutorial! Thanks a lot w3schools!!</p>
                </div>
            </div>

            <!-- Kingsley added this -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <div class="w3-center">
                    <p class="w3-large">
                        This course is informative. I would recommend it to anyone looking for a quick
                        introduction to Git.
                    </p>
                </div>
            </div>

            <!-- Marco added this -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Thank you for the tutorial :)"</i>
                </p>
            </div>

            <!-- By soifant -->
            <div style="color:yellow;background:black;padding:3;">
                <center>
                    <h2>
                        Hey frind!! nice tutorial, thank you
                    </h2>
                </center>
            </div>

            <!-- Oliver added this -->
            <div style="background-image: linear-gradient(darkblue 50%, lightblue 50%);">
                <p style="font-size:28px; color:white; padding:15px; text-align:center;">Thanks W3Schools!"</p>
                <p style="font-size:18px; padding:25px; text-align:center;">Your <b>commit</b>ment to education
                    is very
                    impressive!</p>
            </div>

            <!-- MFord80 added this -->
            <div style="border: 6px dotted grey">
                <p>Thanks W3, great tutorial!</p>
            </div>

            <!-- Leo added this -->
            <div>
                <p> Thanks for your tutorial! </p>
            </div>

            <!-- Message from Raju Kumar S, Bangalore,India -->
            <div style="background-image: url('https://wallpapercave.com/wp/wp4556221.jpg');
    height:300px;background-position: center;background-repeat:no-repeat;background-size: cover;">
                <div class="w3-card-4 w3-monospace"
                    style="width: 30%;min-width: 400px;
      margin-left: auto;padding: 1em;box-shadow: 2px 2px 6px rgb(33 33 33 / 60%);
      background-color: rgba(255,255,255, 0.7);color:#1c4f14;font-family:Satisfy, serif;font-size: 1.5em; line-height: 0.5;">
                    <p>Thank you w3schools</p>
                    <p>From,</p>
                    <b><span style="color:#df73ff">Raju Kumar S</span></b>
                    <p class="w3-large">love from India!</p>
                </div>
            </div>

            <!-- Igor added this -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Thank you for great tutorial!"</i>
                </p>
                <p>Best Resource about Git</p>
            </div>

            <!-- Abdulmumin added this -->
            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-text-black w3-serif w3-large">"Thank you very much for this tutorial"</p>
                <p class="w3-text-black w3-serif"> Abdulmumin from Nigeria</p>
            </div>

            <!-- Joydeep from US, was here -->
            <div class="w3-panel w3-card-4 w3-center" style="width:50%">
                <span style="font-size:100px">&#10077;</span><br>
                <p style="margin-top:-60px">
                    <i><b>Make it as simple as possible, but not simpler - Albert Einstein </b></i>
                </p>
            </div>

            <!-- Message from Sanjeeb, India(Hyderabad) -->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-text-white w3-wide w3-roboto">Sanjeeb from India(Hyderabad)</p>
                <p class="w3-text-white w3-monospace w3-xxlarge">Thanks for your tutorial!</p>
            </div>

            <!--Message from Peter Nguyen, VietNam-->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-text-white w3-wide w3-roboto">Peter Nguyen from VietNam</p>
                <p class="w3-text-white w3-monospace w3-xxlarge">Thank you very much for this tutorial</p>
            </div>

            <!-- Message from Ho Chi Minh City, Vietnam -->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-text-white w3-monospace w3-xxlarge">Thanks for your tutorial!</p>
                <p class="w3-text-white w3-wide w3-roboto">Alan from Vietnam</p>
                <p class="w3-text-white w3-wide w3-roboto">Welcome to Vietnam!</p>
            </div>

            <!-- Nandried added this -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Thank you so much for the tutorial!"</i>
                </p>
                <p>You are the Best</p>
            </div>
            <!--Belvin added this-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"></p>
                <i>"Easiest and most useful tutorial"</i>
                <p>Thank you</p>
            </div>

            <!-- TinyTechieT added this -->
            <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>

            <!-- Makhmod was here-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <div class="w3-center">
                    <p class="w3-large">Great tutorial thanks w3schools</p>
                </div>
            </div>

            <div>
                <p><em>Thanks a lot W3Schools.</em></p>
                <p>Mudabbir Hussain Momin from India</p>
            </div>

            <!-- From Luis Pereira -->
            <div>
                <h1>Thanks for the git tutorial. It really helped me understand the system better.</h1>
            </div>

            <!-- Ali Rihan @a13r1 from Alexandria, Egypt -->
            <div class="w3-card-4 w3-monospace"
                style="width: 20%; min-width: 400px; margin-inline: auto; margin-bottom: 100px;">
                <div class="w3-center">
                    <header class="w3-container w3-light-grey">
                        <h3 class="w3-xxlarge font-effect-shadow-multiple"
                            style="font-family: 'Lobster', Sans-serif; cursor: pointer;">Ali Rihan</h3>
                    </header>
                    <div class="w3-container">
                        <p class="w3-large">Thank you w3schools 💖</p>
                        <hr>
                        <p class="w3-left-align">Computer and Systems Engineer, graduated from the Faculty of
                            Engineering,
                            Alexandria
                            University in <span class="w3-hover-text-red">Egypt</span>.</p>
                    </div>
                </div>
            </div>
            <!-- Ali Rihan @a13r1 from Alexandria, Egypt -->

            <!-- Igor added this -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Thank you for great tutorial!"</i>
                </p>
                <p>Best Resource about Git</p>
            </div>

            <!-- Aakash Dinkar commited here -->
            <div class="w3-panel w3-cyan w3-text-white w3-xlarge w3-border-blue w3-bottombar">
                <p>Aakash Dinkar made this commit <span id="aakash-dinkar-commit-time"></span></p>
                <p>
                    <i class="w3-xlarge w3-serif">
                        Have a Nice Day!!!
                    </i>
                </p>
                <script>
                    const dateOfCommit = new Date('June 10, 2022 12:00:00');
                    const todayDate = new Date();
                    const diffInHrs = ((todayDate - dateOfCommit) / (1000 * 60 * 60)).toFixed(1);
                    document.getElementById('aakash-dinkar-commit-time').innerHTML = diffInHrs + " hrs ago.";
                </script>
            </div>

            <!--  razvojno okruženje -->
            <div class="w3-panel w3-center w3-leftbar w3-pale-yellow">
                <p><i class="fa fa-quote-left w3-xxlarge w3-opacity"></i>
                    <i class="w3-serif w3-xlarge">Razvojno okruženje</i>
                    <i class="fa fa-quote-right w3-xxlarge w3-opacity"></i><br>
                </p>
            </div>

            <!-- Bogdan from Romania -->
            <div class="w3-panel w3-center w3-leftbar w3-pale-yellow">
                <p><i class="fa fa-quote-left w3-xxlarge w3-opacity"></i>
                    <i class="w3-serif w3-xlarge">Make Peace not war! Love eachother.</i>
                    <i class="fa fa-quote-right w3-xxlarge w3-opacity"></i><br>
                </p>
            </div>
            <p>
                Thanks for the tutorial! Cheers.
            </p>

            <!-- Fadlu was here-->
            <div class="w3-panel w3-center w3-leftbar w3-pale-yellow">
                <p><i class="fa fa-quote-left w3-xxlarge w3-opacity"></i>
                    <i class="w3-serif w3-xlarge">Coding is Fun!!!.</i>
                    <i class="fa fa-quote-right w3-xxlarge w3-opacity"></i><br>
                </p>
            </div>

            <!-- Rehberbey was here -->
            <div class="w3-hover-grayscale"
                style=" margin-block: 3vmax; user-select: none; cursor: default; max-width: 400px; min-width: 300px; margin-inline: auto; aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-around; row-gap: 0.5rem; padding-block: 1rem; box-shadow: 0 0 12px 4px rgb(255, 0, 85); border-radius: 1.25rem; color: white; background: linear-gradient( to bottom right, hsla(330, 100%, 67.06%, 0.96) 0%, hsla(329.24, 98.6%, 66.75%, 0.96) 6.9%, hsla(327.07, 94.77%, 65.87%, 0.959) 14.1%, hsla(323.63, 89.13%, 64.48%, 0.958) 21.3%, hsla(319.01, 82.33%, 62.64%, 0.956) 28.7%, hsla(313.26, 74.91%, 60.42%, 0.955) 36.1%, hsla(306.37, 67.35%, 57.86%, 0.953) 43.6%, hsla(298.37, 62.71%, 55.78%, 0.951) 50.9%, hsla(290.74, 69.42%, 56.62%, 0.949) 58.1%, hsla(284.18, 76.07%, 57.35%, 0.947) 65.1%, hsla(278.6, 82.38%, 57.95%, 0.945) 71.9%, hsla(273.95, 88.11%, 58.39%, 0.944) 78.3%, hsla(270.21, 92.97%, 58.7%, 0.942) 84.4%, hsla(267.4, 96.73%, 58.89%, 0.941) 90.1%, hsla(265.61, 99.14%, 58.99%, 0.94) 95.3%, hsla(264.98, 100%, 59.02%, 0.94) 100% ); ">
                <div>
                    <svg viewBox="0 0 512 512" style="fill: rgb(255, 0, 85); width: 120px">
                        <path
                            d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" />
                    </svg>
                </div>
                <div style="width: 300px; height: 100px; overflow: auto">
                    <h2
                        style=" color: rgba(255, 255, 255, 0.65); margin: 0; font-size: clamp(2.5rem, 5vw, 3rem); font-weight: 900; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; ">
                        Hello, </h2>
                    <p
                        style=" color: rgba(255, 255, 255, 0.4); margin: 0; font-size: clamp(1.25rem, 2.5vw, 1.5rem); font-weight: 500; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; ">
                        again after <span style=" color: rgba(255, 255, 255, 0.8); font-size: 1.1em; ">1</span>
                        year. </p>
                    <hr style="border: 2px dashed rgba(255, 255, 255, 0.4)">
                    <p
                        style=" color: rgba(255, 255, 255, 0.4); margin: 0; font-size: min(1.25rem, 2.5vmax); font-style: oblique; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; ">
                        Success is not final; failure is not fatal: It is the courage to continue that counts.
                        <br><strong>-Winston
                            S.
                            Churchill</strong>
                    </p>
                </div>
            </div>

            <!-- Federico was here -->
            <div class="w3-panel w3-card-4 w3-center" style="width:50%">
                <span style="font-size:100px">&#10077;</span><br>
                <p style="margin-top:-60px">
                    <i><b>Make it as simple as possible, but not simpler - Albert Einstein </b></i>
                </p>
            </div>

            <!-- Leandro from São Paulo, Brazil -->
            <div
                class="w3-panel w3-round w3-card-2 w3-blue w3-cursive w3-center w3-leftbar w3-rightbar w3-border-indigo w3-border w3-hover-indigo w3-animate-left">
                <p class="w3-xxxlarge">Be kind to everyone, and you will live a happy life!</p>
            </div>

            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-text-white w3-monospace w3-xxlarge">Your tutorials are so clear lots of love from
                    zimbabwe 💖</p>
                <p class="w3-text-white w3-wide w3-roboto">ezrajuba</p>
            </div>


            <!-- Message from Malaysia -->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-text-white w3-monospace w3-xxlarge">Thanks for your tutorial! I'm learning Git,
                    Github and HTML all
                    in 1 tutorial.</p>
                <p class="w3-text-white w3-wide w3-roboto">Nik from Malaysia</p>
            </div>

            <!-- Message from AllanK -->
            <div class="w3-panel w3-leftbar w3-white">
                <p class="w3-text-green w3-monospace w3-xxlarge">Yet another great tutorial</p>
                <p class="w3-text-white w3-wide w3-roboto">AllanK from Turkmenistan 1.5.2024</p>
            </div>


            <!-- Message from bangladesh -->
            <div class="w3-panel w3-leftbar w3-yellow">
                <p class="w3-xxlarge we-serif"><b>w3schools is a great resource thank you.</b></p>
                <p>~Brandon from Japan</p>
                <p>06/04/2022</p>
            </div>

            <!-- Message from Hanoi, Vietnam! -->
            <div class="w3-panel w3-center w3-leftbar w3-pale-yellow">
                <p><i class="fa fa-quote-left w3-xxlarge w3-opacity"></i>
                    <i class="w3-serif w3-xlarge">
                        Where there's a will there's a way.</i>
                    <i class="fa fa-quote-right w3-xxlarge w3-opacity"></i><br>
                </p>
            </div>

            <div class="w3-panel w3-leftbar w3-teal">
                <p class="w3-text-white w3-monospace w3-xxlarge">Everything is hard before it is easy</p>
                <p class="w3-text-white w3-wide w3-monospace">Goethe</p>
            </div>

            <!-- Msg from DaNang, VietNam-->
            <div style="width: 100%; height: 150px; background-color: #5B5B5B; color: #fff;">
                <p style="font-size: 2em; padding-top: 40px; padding-left:25px;"><i>You really make my day, TYSM
                        :)</i></p>
                <p style="padding-left: 25px;">- Hoang Quoc Vjet -</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif"><i>"Don't let the noise of others' opinions drown out your own
                        inner voice."</i>
                </p>
                <p>Steve Jobs</p>
            </div>

            <!--Message from Canada!-->
            <div class="w3-panel w3-leftbar w3-pale-blue">
                <p class="w3-xxlarge w3-sanserif"> "There is no try, only do!" - Yoda</p>
                <p class="w3-small w3-serif">Love from Vancouver, Canada</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-blue">
                <p class="w3-xlarge w3-serif">
                    W3Schools is absolutely the best. Love y'all &lt;3
                </p>
                <p>Love from Richard Zhang</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-blue">
                <p class="w3-xlarge w3-serif">
                    W3Schools is absolutely the best. Love y'all &lt;3
                </p>
                <p>Love from Fadlu Lanre</p>
                <p class="w3-small w3-serif">Love from Abeokuta, Nigeria.</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-blue">
                <p class="w3-xlarge w3-serif">
                    W3school has always been my mentor! Lots of Love🦾
                </p>
                <p>The self learner on W3schools</p>
                <p>Please update more tutorials</p>
                <p class="w3-small w3-serif">Love from Bhutan.</p>
            </div>

            <!--Heyoo-->
            <div class="w3-panel w3-leftbar w3-purple">
                <p class="w3-xxlarge w3-serif">
                    Let's learn together from W3Schools💖
                </p>
                <p><i>- Abhishek from India</i></p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-green">
                <p class="w3-xlarge w3-serif">
                    <i>"Hii"<br> Danke por el curso :D"</i>
                </p>
                <p>Apurv</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif"><i>" In theory, theory and practice are the same. In practice,
                        they’re not. "</i>
                </p>
                <p>From Khuong Nguyen</p>
            </div>

            <!-- Message from India -->
            <div class="w3-panel w3-leftbar w3-pink">
                <p class="w3-xxlarge">
                    Thanks W3 School for all the amazing tutorials!
                </p>
                <p>Love from SB</p>
            </div>

            <!-- Message from bangladesh -->
            <div class="w3-panel w3-leftbar w3-yellow">
                <p class="w3-xxlarge we-serif"><b>Thank you w3school</b></p>
                <p>Love from Bangladesh</p>
            </div>

            <!-- Message from Lagos, Nigeria-->
            <div class="w3-kid">
                <p>Thanks to w3schools for their well structured and detailed tutorial and th e reason why we
                    are all programmer
                </p>
            </div>

            <!-- I was there -->
            <div class="w3-panel">
                <p>Hello from Luxemburg :)</p>
                <p>Thanks for all these great tutos !</p>
                <p>22/05/2022</p>
            </div>

            <!-- Message from Brazil -->
            <div class="w3-panel w3-leftbar w3-pink">
                <p class="w3-xxlarge">
                    Thanks W3 School for all the amazing tutorials!
                </p>
                <p>AQUI É SENAC SL - É OS GURI E A GURIA</p>
            </div>

            <!-- Message from India -->
            <div class="w3-panel w3-leftbar w3-pink">
                <p class="w3-xxlarge">
                    Thanks W3 School for all the amazing tutorials!
                </p>
                <p>Love from India</p>
            </div>
            <!-- fork -->
            <div class="w3-panel w3-leftbar w3-pink">
                <p class="w3-xxlarge">
                    Thanks W3 School for all the amazing tutorials!
                </p>
                <p>Love from India</p>
                <h1>Payal Dhakad</h1>

            </div>

            <!-- Message from Brazil/RS -->
            <div class="w3-panel w3-leftbar w3-pink">
                <p class="w3-xxlarge">
                    <center>
                        <h1>AQUI É SENAC SL - É OS GURI E A GURIA</h1>
                    </center>
                </p>
                <p>Eles mesmo</p>
            </div>

            <!--Hello w3schools-->
            <h1>Thank you for the tutorial W3school!</h1>
            <p><i>Don't forget to laugh and drink water..</i></p>
            <p>Ncha! -miyaavkatz</p>

            <!-- Ahmad from Pakistan -->
            <div class="w3-panel w3-leftbar w3-sand w3-serif"">
                <p class=" w3-xxlarge">
                Thanks W3School for the amazing tutorials
                </p>
                <b>
                    <p>Ahmad from Pakistan🇵🇰</p>
                </b>
                <p>18-05-2022</p>
            </div>

            <!-- Harsh Goyal was here from India -->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-xxlarge">
                    Thanks for the tutorial W3 School!
                </p>
                <p>Thanks for the all amazing content</p>
                <p>Harsh Goyal from India ❤️⭐</p>
            </div>

            <!--Hello w3schools-->
            <div class="w3-panel w3-leftbar w3-light-green">
                <p class="w3-xlarge w3-serif">
                    <i>"Hello, this is Kei"<br> Thanks for the awesome learning platform"</i>
                </p>
                <p>Kei</p>
            </div>

            <!--Hey w3schools, thanks for all your tutorial articles-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"This is Raj Maity"<br> I have learned git and github from w3schools"</i>
                </p>
                <p>Raj</p>
            </div>

            <!--can you offer me a job-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">lots of love from india</p>
                <p>front-end developer</p>
                <p>i'm not styling it too much coz i feel lazy when i'm writing this</p>
            </div>

            <!--Hello reviewer. If you are reading this please add a tutorial on Ruby thank you.-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"W3schools has really helped me get into coding free of charge.<br>I am eternally
                        grateful for your
                        knowledge."</i>
                </p>
                <p>Victor</p>
            </div>

            <!-- Quang Tran was here -->
            <div class="w3-panel w3-leftbar w3-pink w3-border-purple">
                <p class="w3-xlarge w3-serif">Made with <span class="w3-xxxlarge">&hearts;&hearts;&hearts;</span>
                </p>
                <p>Quang Tran</p>
            </div>

            <!--Shyamrag was here-->
            <div class="w3-panel w3-leftbar w3-light-green">
                <p class="w3-xlarge w3-serif">
                    <i>"Thank you w3schools!! You are awesome"<br> Thanks for the awesome learning platform"</i>
                </p>
                <p>Kei</p>
            </div>

            <!--@ayoolavictor was here-->
            <div class="w3-panel w3-leftbar w3-yellow">
                <p class="w3-xxlarge we-serif">
                    <b>Thank you for everything!</b>
                </p>
                <p>I am really grateful</p>
            </div>

            <!--payal dhakad-->
            <div class="w3-panel w3-leftbar w3-yellow">
                <p class="w3-xxlarge we-serif">
                    <b>Thank you for everything!</b>
                    <b>payal dhakad</b>
                    <b>Date:1/06/2022</b>
                </p>
                <p>I am really grateful</p>
            </div>

            <!-- Josephzal was here -->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-xxlarge">
                    Thanks for the tutorial W3 School!
                </p>
                <p>Josephzal</p>
            </div>

            <!-- Aspiringlivlity was here-->
            <div style="background-color:rgb(0, 247, 255); color:black; min-height:30vh;">
                <h2>Aspiringlivlity</h2>
                <p>Learning git and github...thanks W3!</p>
            </div>

            <!-- @xOviwyRx was here -->
            <div class="w3-panel w3-leftbar w3-black">
                <p class="w3-xxlarge w3-serif">
                    <i>W3 School helps me. Thank you W3 School!</i>
                </p>
                <p>xOviwyRx</p>
            </div>

            <!--        @mayankmishra9595 was here   -->
            <div class="w3-panel w3-leftbar w3-pink">
                <p class="w3-xxlarge w3-serif">
                    <i>"Thank you W3 School!"</i>
                </p>
                <p>Mayank</p>
            </div>

            <!-- kingcong was here 04/26/2022 -->
            <h1>Thank you w3schools for all the wonderful tutorials!</h1>
            <p>I have learned a lot from your tutorials.</p>
            <p>kingcong was here 04/26/2022.</p>
            <p>Please support w3scools.com</p>
            <!-- This ends kingcong's message. -->

            <!--        @rashid was here   -->
            <div class="w3-panel w3-leftbar w3-pink">
                <p class="w3-xxlarge w3-serif">
                    <i>"Thank you!"</i>
                </p>
                <p>Rashid</p>
            </div>

            <div class="w3-panel w3-leftbar w3-purple">
                <p class="w3-xxlarge w3-serif">Thank you</p>
                <p>Andile</p>
            </div>

            <!-- paora was here 23/03/22 -->
            <h1>Hello w3school Community</h1>
            <p>I look foward to working with my first collab on github</p>

            <!-- leeuw is learning git-->
            <div class="w3-container w3-round-xlarge w3-black w3-margin-top w3-margin-bottom"
                style="box-shadow:2px 2px 0 #444">
                <div class="w3-center w3-cursive">
                    <blockquote class="w3-text-white">
                        <q>When something is important enough, you do it even if the odds are not in your
                            favor.</q>
                        <cite>Elon musk</cite>
                    </blockquote>
                    <div class="w3-badge w3-right-align w3-padding" style="font-size:medium">21/04/2022</div>
                </div>
            </div>

            <!-- Greetings from Rishabh, India-->
            <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>
            <p>Thanks w3schools for such a great course on Git/GitHub</p>
            <p>Love from India💖💖💖</p>
            <p>~Rishabh Sharma</p>

            <!-- END -->

            <!-- add simple content -->
            <p style="text-align: center; font-size: 20px;">Thank you, W3SCHOOL</p>
            <div class="w3-container w3-round-xlarge w3-light-blue">
                <br>
                <h2 class="w3-center w3-cursive w3-text-white" style="text-shadow:2px 2px 0 #444">
                    <span class="w3-animate-left">Thanks a Lot! </span>
                    <span class="w3-animate-right"> Javier. From 🇦🇷 🇦🇷 🇦🇷</span>
                </h2>
                <br>
                <div class="w3-badge w3-blue w3-right-align w3-padding" style="font-size:x-small">Argentina,
                    17/04/2022</div>
            </div>

            <!-- MacGreenbear adding on -->
            <div style="background-color:green; color:white; min-height:30vh;">
                <h2>Mac Green Bear</h2>
                <p>Git'in in gear with Git and GitHub...thanks W3!</p>
            </div>

            <!-- GB was here -->
            <div
                style="color:white ;background: linear-gradient(45deg, #863554, #292879, #246332);width: 70%; margin: auto;padding: 10px; text-align: center;">
                <h3><em>"Learn Something in Everything & Learn Everything in Something"</em></h3>
                <P>~ GB, 13 April, 2022</P>
                <P>Thank You W3Schools💖</P>
            </div>

            <!-- Thanks u so much  -->
            <div
                style="color:white ;background: linear-gradient(45deg, #863554, #292879, #246332);width: 70%; margin: auto;padding: 10px; text-align: center;">
                <h3><em>"Learn Something in Everything & Learn Everything in Something"</em></h3>
                <P>~ Rio, 13 Mei, 2022</P>
                <P>Thank You W3Schools💖</P>
            </div>

            <!-- God_of_Code was here -->
            <div style="background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);height: 30vh;">
                <p id="God_of_Code"
                    style="font-size: 2.2em; text-align: center; font-style: italic;font-family: 'Courier New', Courier, monospace;">
                    A journey of a lifetime begins with a single push request.</p>
            </div>

            <!-- JustOnesAndZeros may have been here -->
            <div
                style="background :linear-gradient(to right, #004F80 , #009DFF);height:auto;max-height: 165px; padding-left: 1%; border-left: #a1a1a1; border-left-style: solid; border-left-width: thick;">
                <h2 style="font:italic; color:#ffffff;"><i>"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA"</i></h2>
                <p style="color:#ffffff">JustOnesAndZeros</p>
            </div>

            <!-- @fozail was here -->
            <div style="background :linear-gradient(to right, #d4d4f7 , #6a6ae2);height:auto;max-height: 165px;">
                <p style="font:italic small-caps bold 25px/40px Georgia,Lucida Handwriting;text-align: center;">
                    Do I need to be
                    liked? Absolutely not. I like to be liked. I enjoy being liked. I have to be liked, but it’s
                    not like this
                    compulsive need to be liked, like my need to be praised.<br>~ Micheal Scott</p>
            </div>

            <!--		ICOZDS is learning Git		-->
            <p>Tell me and I forget, teach me and I may remember, involve me and I learn.</p>
            <p>W3schools is doing a great job involving everyone learning on their platform. Keep up the good
                work</p>

            <!--      @Geo was here     -->
            <div style="background-color:#000000;color:#ffffff">
                <i style="font-family:Satisfy, serif;font-size: 3.1rem;text-align: center;">"Life is like riding
                    a bicycle. To
                    keep your balance you must keep moving."</i>
                <p style="text-align:center;font-size: 2rem;">-Albert Einstein</p>
                <p style="color:#00ee00">Entry: 30 Mar. 2022</p>
            </div>

            <!--       @sebohm was here   -->
            <div class="w3-panel w3-center w3-rightbar w3-green">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">✔</span>
                        Thank you so much for your great Job!<br>
                        I learned a lot on the w3school website and i will go on learning!</i></p>
            </div>

            <!-- 	@theksbd was here   -->
            <div class="w3-panel w3-leftbar w3-sand w3-xxlarge w3-serif">
                <i style="font-size: 2rem;">"I'm a third-year student at my university. Hoping you guys will
                    pass the DSA course
                    at the first time you study it"</i>
                <p style="font-size: 1rem; font-weight: bolder;">theksbd - 2022-03-27</p>
            </div>

            <!-- 	@jiggs was here   -->
            <div class="w3-panel w3-leftbar w3-pink">
                <p class="w3-xxlarge w3-serif">
                    <i>"I don't know html and css yet so im copying mira's :)"</i>
                </p>
                <p>jiggs</p>
            </div>

            <!-- 	@Mira was here   -->
            <div class="w3-panel w3-leftbar w3-pink">
                <p class="w3-xxlarge w3-serif">
                    <i>"Learned a lot about git and github. Thank you:)"</i>
                </p>
                <p>Mira^-^</p>
            </div>

            <!-- 	@Ribobo was here   -->
            <div class="w3-panel w3-padding-jumbo w3-black w3-text-yellow">
                <div class="w3-container">
                    <h1>In case of fire &#128293;</h1>
                    <ul class="w3-text-green">
                        <li> git add</li>
                        <li> git commit</li>
                        <li> git push &#128521</li>
                    </ul>
                </div>
                <h3 class=w3-green>This is so cool! I appreciate the free service.</h3>
                <p> Samad (<i>@shaiksamad</i> ). Nellore, India.
            </div>

            <div
                style="padding: 5px 25px 25px 25px; background: rgb(255, 255, 255); color: #3f3f3f;  border-radius:15px; box-shadow:5px 5px 10px gray">
                <p>Thank you for the great Git tutorial!</p>
                <p style="text-align:right;font-size:12px;font-style: italic;">susan kh, 2022, thanks w3schools
                    <3 </p>
            </div>

            <!--@tamimhmizi left a message-->
            <div
                style="background-image: linear-gradient(140deg, #EADEDB 0%, #a8eeff 50%, #2f89ff 75%); padding: 12px;border-radius: 13px;">
                <h2>Hello there! w3Schools helped me a lot in learning everything Greetings from Tunisia!</h2>
            </div>

            <div
                style="background-image: linear-gradient(to right, #ffcccc, #ffe6cc, #ffffcc, #ccffcc, #ccffff, #ccccff, #f2ccff); color: gray; padding: 20px;">
                <h2 style="text-align:center">hello worlds & w3schools</h2>
            </div>

            <div
                style="padding: 5px 25px 25px 25px; background: rgb(255, 255, 255); color: #3f3f3f;  border-radius:15px; box-shadow:5px 5px 10px gray">
                <p>Thank you for the great Git tutorial!</p>
                <p style="text-align:right;font-size:12px;font-style: italic;">susan kh, 2022, thanks w3schools</p>
            </div>

            <!-- 	@shaiksamad was here   -->
            <div class="w3-panel w3-padding-jumbo w3-black w3-text-yellow">
                <div class="w3-container">
                    <h1>In case of fire &#128293;</h1>
                    <ul class="w3-text-green">
                        <li> git add</li>
                        <li> git commit</li>
                        <li> git push &#128521</li>
                    </ul>
                </div>
                <h3 class=w3-green>Thankyou, w3schools. I learned a lot from this site.</h3>
                <p> Samad (<i>@shaiksamad</i> ). Nellore, India.
            </div>
            <!-- 	@shaiksamad completed   -->

            <div
                style="background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);color:white; 	padding:20px 5px">
                <h3 style="text-align:center">The Git tutorial is very brief, clear and easy to understand,
                    although my English
                    is
                    not really good. I'm so grateful to W3Schools 😍</h3>
                <div style="display: flex; justify-content: center; align-items: center;">
                    <img src="https://cdn-icons-png.flaticon.com/512/555/555515.png" alt="Vietnam" style="width: 30px;">
                    <p style="margin: 0 10px;">Tùng Vũ, 14/03/2022 22:10</p>
                    <img src="https://cdn-icons-png.flaticon.com/512/555/555515.png" alt="Vietnam" style="width: 30px;">
                </div>
            </div>

            <div style="background-color:#62a079; color: white; padding: 10px;">
                <h2> Thanks W3school </h2>
                <h3 style="text-align:center">Dakar, Senegal - 15/03/2022 12:05</h3>
            </div>
            <!-- 	@payal dhakad completed   -->

            <div
                style="background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);color:white; 	padding:20px 5px">
                <h3 style="text-align:center">The Git tutorial is very brief, clear and easy to understand,
                    although my English
                    is
                    not really good. I'm so grateful to W3Schools 😍</h3>
                <div style="display: flex; justify-content: center; align-items: center;">
                    <img src="https://cdn-icons-png.flaticon.com/512/555/555515.png" alt="Vietnam" style="width: 30px;">
                    <p style="margin: 0 10px;"> 1/06/2022 1:00</p>
                    <img src="https://cdn-icons-png.flaticon.com/512/555/555515.png" alt="Vietnam" style="width: 30px;">
                </div>
            </div>

            <div style="background-color:#62a079; color: white; padding: 10px;">
                <h2> Thanks W3school </h2>
                <h3 style="text-align:center">Dakar, Senegal - 15/03/2022 12:05</h3>
            </div>

            <!-- Quiviro was here -->
            <div class="w3-panel w3-leftbar w3-black">
                <p class="w3-large w3-monospace w3-text-lime">My favorite classic games</p>
                <ul class="w3-monospace">
                    <li>Castlevania</li>
                    <li>The Legend of Zelda</li>
                    <li>Excite Bike</li>
                    <li>Halflife</li>
                    <li>Neverwinter Nights</li>
                </ul>
                <p class="w3-text-yellow">Quiviro Enquerre</p>
            </div>

            <!-- deepak was here  -->
            <div
                style="background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%); padding: 12px;border-radius: 13px;">
                <h2>Hello😍 there! w3Schools helps me alot, in my Web Development journey</h2>
                <p>Deepak Yadav
                <p>
                <h4>❤️ from India</h4>
            </div>

            <div style="background-color: black; color:white;">
                <h3 style="text-align:center">Thank you w3schools for this great Tutorial</h3>
                <p style="text-align:center">Elias Hayek, 12/03/2022 17:24</p>
            </div>

            <div style="background-color:#62a079; color: white; padding: 10px;">
                <h2>One can Learn from youtube Videos, but learning by reading and implementing is the BEST. And
                    that is
                    provided
                    by W3SCHOOLS Platform that even for FREE . Thankyou very much For you Hardwork for providing
                    free and best
                    content. </h2>
                <h3 style="text-align:center">Keshav, 12/03/2022 10:35</h3>
            </div>

            <div style="background-color:rgba(51, 51, 51, 0.822); color: white;">
                <h3 style="text-align:center">You are AWESOME!!!</h3>
                <p style="text-align:center">QA OLY, 09/03/2022 16:45</p>
            </div>

            <div style="background-color:rgba(51, 51, 51, 0.822); color: white;">
                <h3 style="text-align:center">Thank you for share your knowledges</h3>
                <p style="text-align:center">Daniel Josue, 07/03/2022 16:10</p>
            </div>

            <div
                style="height: 100px; background-color:rgba(51, 51, 51, 0.822); color: white; display: flex; align-items: center; justify-content: center; flex-direction: column; font-family: sans-serif; margin: 20px 0px;">
                <strong><u>Abdullah Nisar Ahmed Gorar</u></strong>
                <i>07/03/2022 12:00pm</i>
            </div>
            <div style="background-image: linear-gradient(180deg, #005bbb 50%, #ffd500 50%);color: white;padding: 1px;">
                <h3 style="text-align:center">Tomorrow is just yesteday in the future</h3>
                <p style="text-align:center">Kevin, 03.06.2022</p>
            </div>

            <div
                style=" background: linear-gradient(to right, #232526, #414345);color: wheat;box-shadow:1px 2px 4px hsl(220deg 60% 50%);padding: 1px;border-radius: 15px;">
                <h1 style="text-align:center">There is no Tomorrow ⏱️</h1>
                <h3 style="text-align:right">Thankyou W3Schools💖</h4>
            </div>

            <div style="background-image: linear-gradient(180deg, #005bbb 50%, #ffd500 50%);color: white;padding: 1px;">
                <h3 style="text-align:center">Слава Україні - Slawa Ukrajini - Glory to Ukraine</h3>
                <p style="text-align:center">Chris, 03.03.2022 (and btw thank you W3schools for making all of
                    these great
                    tutorials!)</p>
            </div>

            <div style="background-image: linear-gradient(180deg, #005bbb 50%, #ffd500 50%);color: white;padding: 1px;">
                <h3 style="text-align:center">Thank You So Much Guys .</h3>
                <p style="text-align:center">You Are Just Awesome - Tarik Mouhssine</p>
            </div>

            <div>
                <p>Joan Vila Valls - 2/3/2022</p>
                <h6>STOP WARS</h6>
            </div>

            <div
                style=" background: linear-gradient(to right, #232526, #414345);color: wheat;box-shadow:1px 2px 4px hsl(220deg 60% 50%);padding: 1px;border-radius: 15px;">
                <h1 style="text-align:center">There is no Tomorrow ⏱️</h1>
                <h3 style="text-align:right">By MukeshGehlot;Thankyou W3Schools💖</h4>
            </div>

            <div style="background-color: black; color:white; font-size:150%;">
                <h2 style="color:yellow; font-size:150%; text-align:center">Hello Reader</h3>
                    <p>It's me Felix Obianozie on the terminal</p>
                    <p>...just wanted you to know that I was here on 25 Feb. 2022</p>
                    <p>Beginning a programming career with w3schools will be your best gift to yourself this
                        year</p>
                    <p style="color:yellow">Thank me later...</p>
                    <br>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-orange w3-hover-text-black">
                <h3>Grazie W3schools</h3>
                <p>Sei la nostra Bibbia</p>
                <p>Scuola Meucci</p>
            </div>

            <div
                style="background-image: linear-gradient(140deg, #fd0404 0%, #5eff00 50%, #fcfcfc 75%); padding: 12px;border-radius: 13px;">
                <h2>Hello there! w3Schools helps me alot. Greetings from Iran</h2>
            </div>

            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif"><i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>Gortaria
                    de agradecer
                    a
                    w3scools pelo excelente tutorial de git e github tem me ajudado muinto, obrigado.
                <p><i>Andersson Gonçalves</i></p>
                </p>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-blue w3-hover-text-black">
                <h3>Hello W3S!</h3>
                <p>Greetings from Estonia</p>
                <p>Liu...</p>
            </div>

            <div
                style="background-image: linear-gradient(140deg, #EADEDB 0%, #a8eeff 50%, #2f89ff 75%); padding: 12px;border-radius: 13px;">
                <h2>Hello😍 there! w3Schools helps me alot. Greetings from Argentina!</h2>
            </div>

            <div class="w3-panel w3-black w3-text-green">
                <h2>Hello World!</h2>
                <p><em>Thank you so much for the amazing tutorial!</em></p>
                <p>Greetings from Brazil.</p>
                <p>Rudi, 20/02/2022.</p>
            </div>

            <div class="w3-panel w3-black w3-text-green">
                <h2>Hello World!</h2>
                <p><em>Thank you so much for the amazing tutorial!</em></p>
                <p>Greetings from Romania.</p>
                <p>Lucian, 18/06/2022.</p>
            </div>

            <div style="background-color: rgba(7, 243, 223, 0.897);">
                <h2 style="text-align: center; color: rgb(87, 87, 87);">Random quote:</h2>
                <p style="font-size: 30px; color:rgb(105, 105, 105)">Once you stop learning, you start dying</p>
            </div>

            <div style="background-color: rgba(7, 7, 243, 0.897);">
                <h2 style="text-align: center; color: #fff;">The Github tutorial</h2>
                <p style="font-size: 30px; color:white">the tutorial is really interesting and i love.</p>
            </div>

            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    If I have learnt further it is by standing on the shoulders of w3schools.
                </p>
            </div>

            <div class="w3-panel w3-leftbar w3-cyan">
                <p class="w3-xxlarge w3-serif"><i>Thanks for the tutorial! Greetings from Russia!</i></p>
                <p>YR, Feb 6, 2022</p>
            </div>

            <div style="background-color: #00FFFF; border: #000 solid 1px;">
                <p>
                <h2>Hello World!</h2>
                Thank you for the tutorial!<br>
                LC- Feb 10, 2022
                </p>
            </div>

            <section>
                <h2>Allah Macedo</h2>
                <p>Estive por aqui</p>
                <p>Grato pelo tutorial W3Schools.</p>
            </section>

            <div class="w3-panel w3-black">
                <p>
                <h2>Hello World!</h2>
                Thank you for the good tutorial! Greetings from Korea.<br>
                Kaye - Feb 09, 2022
                </p>
            </div>

            <div class="w3-container">
                <div style="background-color:maroon; color: white">
                    <h1>Howdy from Texas!</h1>
                    <h3>
                        Thank y'all for all the awesome guides!
                        I have learned about HTML, CSS, JavaScript,
                        and now Git from your tutorials!
                        <b>Cole McAnelly '24</b>
                    </h3>
                    <p><b>June 6, 2022</b></p>
                </div>
            </div>

            <div class="w3-container">
                <div class="w3-panel w3-pale-blue w3-leftbar w3-rightbar w3-border-blue">
                    <h1>Greetings from Ethiopia</h1>
                    <h3>Thank you W3Schools for this amazing tutorial! I understand how to navigate Git and
                        Github so much better
                        now!</h3>
                    <h3 style="color: #042b30;"><b>Ermiyas Abate</b></h3>
                    <p style="color: #042b30;"><b>Feb 6, 2022</b></p>
                </div>
            </div>

            <div class="w3-panel w3-leftbar w3-black w3-text-yellow">
                <p class="w3-xlarge w3-sans-serif">
                    <b>"Thanks w3schools for creating this tutorial... I learned a lot!"</b>
                </p>
                <p>Tharinda, 06 Feb 2022</p>
            </div>

            <div
                style="background-image: linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%); padding: 12px;border-radius: 13px;">
                <h2>Hello😍 there! w3Schools helps me alot</h2>
                <h3>Tahseen Ahmad Bhat </h4>
                    <h4>Kashmir (India)</h4>
            </div>

            <div class="w3-panel w3-leftbar w3-pink">
                <p class="w3-xlarge w3-serif"></p>
                <h3>Helped a lot for learning more detailed things about git.</h3>
                <p><b>Nova - </b>30 jan 2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-black">
                <p class="w3-xlarge w3-serif"></p>
                <h3>w3schools always helps me to learn new things.</h3>
                <p><b>Nikhil - </b>25.01.2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-red">
                <p class="w3-xxlarge w3-monospace">
                    <i>"I leart a lot from W3schools"</i>
                </p>
                <p>Jaya 2.2.2022</p>
            </div>

            <div class="w3-panel w3-leftbar"
                style='font-family: "Montserrat", sans-serif; background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);'>
                <h2>&#10024;Thanks to your tutorials among many others, an IT legend was born.&#10024;</h2>
                <p class='w3-large'>
                    Be proud of yourself.<br />
                    I am proud of you.
                    <span style='font-size:50px;'>&#127870;&#127863;&#127863;</span>
                    <br /><br />
                    <i>4ristokratka, Jan 25, 2022, Slovakia</i>
                </p>
            </div>

            <div>
                <p>This is such a great tutorial! I understand how to navigate git and Github so much better
                    now!
                <p>
                <p><i> Svetlana, 22.01.2022 USA</i></p>
            </div>

            <div class="w3-panel w3-leftbar"
                style="background: #ff009d; font-family: 'Trebuchet MS', sans-serif; color : #fff">
                <p class="w3-xxlarge">
                    Working through your tutorials is always enjoyable!
                    Greetings and thank you from USA
                </p>
                <p style="color: #042b30;"><b>Jan 22, 2022</b></p>
            </div>

            <div class="w3-panel w3-leftbar"
                style="font-family:'Lucida Sans', 'Lucida Sans Regular', sans-serif ; background-color: #600BB4;">
                <h1>
                    Thanks W3schools for this amazing tutorial
                </h1>
                <h2>Hello from Iran</h2>
                <p><i>January 21 2022</i></p>
            </div>

            <div
                style="background-color:#000; padding:18px; border-radius:0px 15px 15px 0px; margin:20px 0px;font-family:'Courier New', Courier, monospace; color:#008000; border-left: 8px solid #008000;">
                <h2 style="font-family:'Courier New', Courier, monospace; font-size:45px; text-align:center;">
                    Greetings from 🇧🇷
                </h2>
                <p style="font-size:20px;">
                    W3Schools, you contribute a lot to the professional growth of millions of people around the
                    world.<br>Thank
                    you!! 💚
                </p>
                <p style="font-size:15px; text-align:end;">
                    João Paulo | Feb 28, 2022
                </p>
            </div>

            <div>
                <h1>Many Thantks to w3schools for their tutorials </h1>
                <h3>Greetings from Argentina</h3>
                <p><i>January 20 2022</i></p>
            </div>

            <div>
                <h1>Many Thantks to w3schools for their tutorials </h1>
                <h3>Greetings from Kenya</h3>
                <p><i>June 23 2024</i></p>
            </div>

            <div class="w3-panel w3-leftbar"
                style='font-family: "Montserrat", sans-serif; background-color: darkseagreen;'>
                <h2>Welcome All Joining to Programming World</h2>
                <p class='w3-large'>&#8195;Thanks to all w3schools staff.&#128079; It is done incredible,
                    amazing
                    job.&#128077;<br />
                    My wizard was, is and will be w3schools. It is easy, attractive in w3schools platform.<br />
                    Well, I can not resist temptation to program.&#128521;<br /><br />
                    <i>Darius, 19.01.2022 Lithuania</i>
                </p>
            </div>

            <div class="w3-panel w3-leftbar"
                style="background: #00FFFF; font-family: 'Trebuchet MS', sans-serif; color : #fff">
                <p class="w3-xxlarge">
                    Hello World 😍<br>
                    "W3schools has really impacted so much in my tech journey - <em>Thank you</em>" <br>
                </p>
                <p style="color: #0f8a98;"><b>NVEGS, 18th Jan 2022</b></p>
            </div>

            <div class="w3-panel w3-leftbar w3-black">
                <p class="w3-xlarge w3-serif"></p>
                <i>“Success is not final, failure is not fatal: it is the courage to continue that counts.” –
                    Winston
                    Churchill</i><br>
                <br>And so do I, now, have the courage to take baby steps towards learning new things, exploring
                new domains and
                working together to conquer things I thought I couldn't before!
                <br><br><i>Happy to have started this journey of my own! :)</i></p>
                <p><b><em>Ani14kay </em></b> { 17.01.2022 }</em></p>
            </div>

            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-xxlarge w3-monospace">Hello from Grenoble, France</p>
                <p><i>Hello à mes camarades Data+ qui passeraient par là</i></p>
                <p>AV, 17.01.2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-xxlarge w3-monospace">Hi Everyone! I am from Bangladesh</p>
                <p>Mister M 15.01.2022</p>
            </div>

            <div class="w3-panel w3-leftbar" style="background: #aaa;">
                <h4 style="color: #d6297a;">Hello😍</h4>
                <p style="font-style: italic; text-shadow: 2px 2px 10px #eee;">Thanks to w3schools for its great
                    tutorials!</p>
                <p style="color: #910d4a;">Sepideh, 10 Jan 2022</p>
            </div>

            <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>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xlarge w3-monospace">
                    <i>"I’ve learned a ton of useful skills from w3schools!"</i>
                </p>
                <p>Shawn, 16 Jan 2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-monospace">
                    <i>"I learned so many things from my school - W3Schools"</i>
                </p>
                <p>kushal 19.1.2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-monospace">
                    <i>"w3schools is best, providing amazing content"</i>
                </p>
                <p>kushal 11.1.2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-monospace">
                    <i>"w3s is helpful and amazing"</i>
                </p>
                <p>Risqi 9.1.2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-monospace">
                    <i>THAT'S AWESOME</i>
                </p>
                <p>Ptaxan 10/01/2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-monospace">
                    <i>"Thank you for your amazing job"</i>
                </p>
                <p>Marek 7.1.2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-monospace">
                    <i>"This tuturial is so great!"</i>
                </p>
                <p>yzhouxc, 29.12.2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-deep-purple">
                <h1>Hello World</h1>
                <br>
                <p>gittersweet from Indonesia</p>
                <p>25 December 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-green">
                <h3>Hello World</h3>
                <p>Thank you w3schools for your tutorials!</p>
                <p>Peter | 24 Dec 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-xxlarge w3-monospace">
                    <i>"Your are awesome W3school. You are my mentor."</i>
                </p>
                <p>Swalih t, 21.12.2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif">
                    <i>"Learning to code is hard, but it's harder without w3schools."</i>
                </p>
                <p>Ekoorits, 16.12.2021</p>
            </div>

            <div style="background-color:rgb(0, 94, 55); color: white ;text-align: center;">
                <h1>Thank you for this tutorial!</h1>
                <h3>ocirrico</h3>
            </div>

            <div class="w3-panel w3-leftbar w3-black">
                <h1>Sawasdee from Thailand</h1>
                <p>Thank you! for awesome tutorial w3school you guys rock!!!</p>
                <p>Pone, 14.Dec.21</p>
            </div>

            <div class="dcodingkid-repo w3-panel"
                style="background:linear-gradient(90deg, rgba(112,112,112,1) 0%, rgba(78,78,78,1) 47%, rgba(0,0,0,1) 100%); color: #000;">
                <h1 class="w3-text-white">Hello, World!</h1>
                <p class="w3-text-white">A big thank you w3schools for serving this platform and making our life
                    lot more easier
                </p>
                <p><em>DCodingKid, 13.12.2021</em></p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif"><i>I stole a style from India, but still want to say hello to
                        everyone from
                        Ukraine. Good mood everyone =)</i></p>
                <p>Max from Kyiv</p>
                <p>until the new year 11 days ...</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif"><i>Hello from INDIA. Thanks to w3schools for its amazing free git
                        tutorial.</i>
                </p>
                <p>Abhay from INDIA</p>
                <p>12 December, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-text-deep-purple"><i>Thank you w3schools! I'm learning GIT for the first
                        time!!!</i></p>
                <p class="w3-text-gray">David, 12,12,2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-text-deep-purple"><i>Very cool tutorial! Nice and comprehensive! Thanks!
                        :)</i></p>
                <p class="w3-text-gray">Martin, 12,01,2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-text-deep-purple"><i>Thank you w3schools for this great Git tutorials
                        👍!</i></p>
                <p class="w3-text-gray">Dima, Kyiv, 09.12.2021</p>
            </div>

            <section style="background-color: #33A4FF;">
                <article>
                    <h1>Bonjour de Paris!</h1>
                    <p>Myla, 08/12/2021</p>
                </article>
            </section>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Hola todos, saludos desde Cali, Colombia!</i> 😁
                </p>
                <p>Learning a lot with w3school!!!</p>
                <p>Jaime, 12/05/2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-blue">
                <h3>Yo!</h3>
                <p>It's me :D</p>
                <p>Wojtek, Dec 02, 2021.</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>This is my very first contribution and pull request</i> 😁
                </p>
                <p>Thanks w3schools</p>
                <p>Amanda L, 12/02/2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>My very first contribution and pull request</i> 😁</p>
                <p>Thanks w3schools</p>
                <p>Eren Yeager, 11/29/2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-blue">
                <h3>Hello Everyone!</h3>
                <p>This line is my contribution.</p>
                <p>Kean N | Nov 26, 2021.</p>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-blue">
                <h3>Hello World!</h3>
                <p>QuangNhatPro a.k.a QNP.</p>
                <p>Thank W3school for my web developer career.</p>
                <p>❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤</p>
                <p>Don't give up just because it's hard.</p>
                <p>Youngboiz si tình | Keep it up.</p>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-blue">
                <h3>Hello W3schoolers!</h3>
                <p>It's 11PM moutain time on Thanksgiving Day.</p>
                <p>I'm learning Git and try to land my first job.</p>
                <p>Thank W3schools so much for amazing content.</p>
                <p>Happy Thanksgiving to everyone.</p>
                <p>Thanh Pham | Nov 25, 2021.</p>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-green">
                <h3>Hello</h3>
                <p>This is my contribution to this project!</p>
                <p>Gehmasse | Nov 2021</p>
            </div>
            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-green">
                <h3>Hi</h3>
                <p>This is ikkim's contribution to this project!</p>
                <p>ikkim | Nov 2021</p>
            </div>

            <div class="w3-panel w3-round-large">
                <h2>Hello</h2>
                <p>Thanks for W3Schools</p>
                <p>karim | Nov 14, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-blue">
                <h3>Greetings all</h3>
                <p>From code-blind to be able to read html, css, js, python, c++ etc thanks to W3Schools</p>
                <p>Thank you W3Schools</p>
                <p>For those who are new at coding, W3Schools is the perfect first stop. Cheers!</p>
                <p>Oby L Jr. | Nov 11, 2021.</p>
            </div>

            <div class="w3-panel w3-round-large"
                style="background: linear-gradient(90deg, rgba(0,255,201,0.3533788515406162) 0%, rgba(23,255,116,0.9220063025210083) 35%, rgba(3,126,71,1) 100%);">
                <h2>Hello everybody!</h2>
                <p>Thank you w3schools!</p>
                <p>Gery from Indonesia | Nov 11, 2021.</p>
            </div>

            <div class="w3-panel w3-round-large"
                style="background: linear-gradient(90deg, rgba(0,255,201,0.3533788515406162) 0%, rgba(23,255,116,0.9220063025210083) 35%, rgba(3,126,71,1) 100%);">
                <h2>Hello All</h2>
                <p>Always keep learning.</p>
                <p>SSSS | Nov 05, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-blue">
                <h2>Hello everybody!</h2>
                <p>It is never too late to learn something new. &#10024</p>
                <p>You can do this!, happy learning. &#127891 &#128218</p>
                <i>Thanks w3Schools for your great work, we appreciate it a lot. &#128525</i>
                <p>Artmen from Mexico | Nov 08, 2021.</p>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-green">
                <h3>Hello everyone!</h3>
                <p>Thanks for W3Schools.</p>
                <p>Victor | 6 nov 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-red">
                <h3>Thank you W3Schools!</h3>
                <p>Thank you for being such a great platform to learn from. I have started web development on
                    the Beginning of
                    September 2021 and after half a year with tons of hard work I can see it it paying off!</p>
                <p>Davza | 5 Jan 2022</p>
            </div>
            <!-- Edited for Git Tutorial -->

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-green">
                <h3>Hi everyone</h3>
                <p>Thanks for W3Schools.</p>
                <p>Mez | Summer 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <h1> Hello All &#128151;</h1>
                <p>Welcomes You to W3SCHOOL Learning</p>
                <p>Eden Lin!!! | Oct 25, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <h1> Hello, World!;</h1>
                <p>Best learning website in my opinion</p>
                <p>pinguxx28 | Nov 14, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <h1> Hello All &#128151;</h1>
                <p>Welcomes You to W3SCHOOL Learning</p>
                <p>Vinoth Kumar M | Oct 24, 2021</p>
            </div>

            <div style="background-color: #00FFFF; font-family: cursive;" class="w3-panel w3-leftbar">
                <h1><b>Hello from Kyiv, Ukraine.</b></h1>
                <p>A lot of THANKS for w3schools</p>
                <h2>&#x1F383 Happy Helloween</h2>
                <p>Oleksandr Poliukh (&#x1F41D BeeCamper &#x26FA) | Oct 23, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p>W3School is the best!<br>Freddy K. | Oct 25, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p>Lets go! My first Pull Request</p>
                <p>Hopefully it gets accepted</p>
                <p>Unit 02 | Oct 20, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p>One of the best tutorial, i'm changing my career to IT sphere and i feel very excited, like i
                    was born for
                    it,
                    i'm 30, thinking it's never too late. Wish me luck :)</p>
                <p>Elvin | Oct 12, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif"><i>Git didn't make sense until I met w3school tutorial. Now I
                        have got it all.
                        Thank you so much.</i></p>
                <p>Michael Jordan, from Tanzania.</p>
                <p>October 19, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif"><i>"Never give up; Keep on."</i></p>
                <p>Mohammad Ahmadian, from the Earth.</p>
                <p>October 14, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Sheeeeeeesh w3schools</i>
                </p>
                <p>Hope this pull will be accepted</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p>Thanks for the great tools and exceptional support. At age 67, you make it easy to still
                    learn new things
                    from
                    w3schools!</p>
                <p>Bruce | Oct 9, 2021</p>
            </div>

            <section style="background-color: #7ca4b8;">
                <article>
                    <h1>Hello from Angola &#128151;</h1>
                    <p>I just want to say thanks <a href="https://www.w3schools.com/default.asp">w3school</a>
                        for such a great
                        content.</p>
                    <p>Hecroesmo | 12/10/2021</p>
                </article>
            </section>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Greetings from Chicago! Thanks for the tutorial."</i>
                </p>
                <p>Harrison | October 9, 2021</p>
            </div>

            <div>
                <pre style="background-color: #222;color: chartreuse;font-size: 16px;font-family: cursive;">
      😍Hello World 🙏 of GIT.
      It's great to be learning a new technology.
      I have previous experience with centralized version control systems, namely Perforce and SVN.
      But GIT is exciting. Happy Learning!👍
      ----------------------------------------
      Atul | 07 Oct 2021 | Patna, Bihar, India
      </pre>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Greetings from Istanbul, was a good tutorial thanks for your effort."</i>
                </p>
                <p>yusuf | Sep 23, 2021</p>
            </div>

            <div>
                <p class="w3-xlarge w3-serif">
                    <i>"The education you provide makes the world a better place"</i>
                </p>
                <p>Wong | Oct 3, 2021 | Kuala Lumpur, Malaysia</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Greetings from Istanbul, was a good tutorial thanks for your effort."</i>
                </p>
                <p>yusuf | Sep 23, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <b>
                    <pre>Gracias por el tutorial. Muy útil. </pre>
                </b>
                <i>Héctor | Sep 27, 2021</i>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <b>
                    <pre>Greetings From Nigeria. </pre>
                </b>
                <i>Funsho | Mar 03, 2023</i>
            </div>

            <div class="w3-panel w3-card-4 w3-sand">
                <p>W3Schools, You are the best! Thank You!</p>
                <p>From Russia with love!</p>
            </div>

            <div class="w3-panel w3-border  w3-orange w3-hover-border-red  w3-hover-shadow ">
                <b>
                    <pre class="w3-xlarge">This is not happening to you, This is happening for you 💙 </pre>
                    <pre class="w3-xlarge">Thanks for providing such a good platform.</pre>
                    <pre
                        class="w3-xlarge">W3school provides a fantastic platform where I can learn how to program. </pre>
                </b>
                <i>Vansh Sharma | 23 September 2021</i>
            </div>

            <div class="wedo" style="background-color: black; color: cyan;">
                <h1>Hi, guys</h1>
                <p>I Would Like To Say islame is not a terrorism</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <b>
                    <pre>Hi guys! Cheers!!</pre>
                </b>
                <i>Rahim | Sep 27, 2021</i>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <b>
                    <pre>Greetings from my local git repo bros. </pre>
                </b>
                <i>ibrahim | Sep 15, 2021</i>
            </div>

            <div
                style="display:inline-block; padding-left: 7px; padding-right: 7px; padding-bottom: 4px; border:1px solid red; border-radius: 5px;border-left: 5px solid green; font-family: cursive; font-size: 21px; background-color: rgba(yellow, 0.9); color: darkslategrey; ">
                <b>
                    <pre>One last game, one more try..... So it goes... :)</pre>
                </b>
                <i>Loke_N</i>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>Hello everyone. This is my pull request, yo!</i></p>
                <p>supermike from russia</p>
            </div>

            <div>
                <p class="w3-xlarge w3-serif"><i>"Thank you W3Schools."</i></p>
                <p>TAWATCHAI UDOMPOL</p>
            </div>

            <div class="w3-panel"
                style="background: linear-gradient(to bottom right,#d5d80c,#1036dd, red);position:relative">
                <div
                    style="position:absolute;left: 0px;top: 0px;bottom: 0px;width: 6px;background: linear-gradient(to bottom, rgb(238, 255, 0),rgb(4, 0, 255),rgb(212, 35, 35));">
                </div>
                <p class="w3-xlarge w3-serif" style="color:white;margin-top: 50px;">IT has a great documentation
                    ,no need to see
                    the video lecture after reading through this documnetation</p>
                </br>
                <i>Dhruv Tiwari</i>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Amazing tutorial, Thanks W3schools</p>
                <p>Abdul Motaleb From Bangladesh</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>Hi !!! I am Saion Gupta. I am the founder of 10xCoderKids. I
                        aspire to become
                        10xCoder and get to learn a lot from w3schools. I have a youtube channel where I post
                        coding tutorials
                        regularly.</i></p>
                <p><b>Saion Gupta</b></p>
            </div>

            <div style="padding: 10px 20px; background-color: #0093dd; color:#fff; box-shadow:0 1px 2px #555;">
                <em>"Live an object-oriented life!"</em> ~
                Tugbeh Emmanuel <strong>(@2gbeh)</strong>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"W3Schools, muito obrigado pelo tutorial sobre Git/GitHub,
                        aprendi muito!"</i>
                </p>
                <p>José Lucas from Brazil</p>
            </div>

            <div style="background-color: blue; font-family: cursive;" class="w3-panel w3-leftbar">
                <h2>Hello Everyone</h2>
                <p>A lot of THANKS for w3schools</p>
                <p>glozbeig | Nov 03, 2021</p>
            </div>

            <div class="w3-panel w3-xlarge w3-leftbar w3-yellow">
                <p>It's better to light a candle than to curse the darkness.</p>
                <p><em>Confucio</em></p>
            </div>

            <div>
                <p class="w3-xlarge w3-serif"><i>"Thank you <b>W3Schools git tutorials</b>."</i></p>
                <p>INDIRA BOORLA</p>
            </div>

            <div>
                <p class="w3-xlarge w3-serif"><i>"Are you passionate about learning git. Checkout <b>W3Schools
                            git
                            tutorials</b>."</i></p>
                <p>PRIYANK KHANNA</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Thank you W3Schools, you are my favourite"</i>
                </p>
                <p>mehmet yilmaz</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-green">
                <p class="w3-xlarge w3-serif"><i>"You are the main actor in your life.Try the best in your
                        life."</i></p>
                <p>Hein Htet</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>Thank you W3Schools for Git tutorial. </i></p>
                <p>Martino</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Thanks for the Tutorials w3schools"</i></p>
                <p>Guy with potential</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>We're living in a world where no one's innocent, but at least
                        we try...</i></p>
                <p>Unknown</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"It's been great and rewarding working with w3school. Your
                        tutorials have been
                        so
                        helpful"</i></p>
                <p>Onyema</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Learning Git is fun"</i></p>
                <p>K-pi</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>This is my first fork. If you're reading this, don't give up. I
                        only have this
                        to
                        say.</i></p>
                <p>FacuA0</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey"
                style="background: linear-gradient(to bottom left, #ff9a9e , #fad0c4);position:relative">
                <p class="w3-xlarge Helvetica"><b>gogogo ahead again</b></p>
                <p style="font-family:cursive">MinhThanh</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey"
                style="background: linear-gradient(to bottom left, #ff9a9e , #fad0c4);position:relative">
                <p class="w3-xlarge Helvetica"><b>Smile. Not for anyone else, but for yourself.</b><br>Stay Safe
                    and Healthy :)
                </p>
                <p style="font-family:cursive">-Gaurav Garg</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Thanks for all the tutorials for me learning git! :)"</i></p>
                <p>khangdovan</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Thanks for all the tutorials! :)"</i></p>
                <p>Agustinms</p>
            </div>

            <div class="w3-panel w3-lefbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><b>Sky</b> is the <b>limit</b></p>
                <p>Hafiz</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>KELOKEEEE</i></p>
                <p>KouD</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Wow keep up the good work guys! Thanks for everything."</i>
                </p>
                <p>Akeem</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Thank You w3schools"</i></p>
                <p>khunsai</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Let's make this world better guys"</i></p>
                <p>Tanjona R.</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"I learned so much things thanks to 'w3schools'"</i></p>
                <p>Don T</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Thank You w3schools for the knowledge"</i></p>
                <p>Tomson</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Thank You w3schools"</i></p>
                <p>ssakib4050</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Muchas gracias w3schools"</i></p>
                <p>Isabel From Spain</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>Thank you, guys@w3schools.com for your many years friendly
                        entry point to new
                        technologies and ideas!</i></p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Comfortable t-shirt"</i></p>
                <p>MC Igu</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><q>Thank you W3 Schools</q></p>
                <p>R. Ali</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><q>Challenges are what make life interesting and overcoming them
                        is what makes
                        life
                        meaningful.</q></p>
                <p>Joshua J. Marine</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><q>Headache or not, I'm gonna do this! &#128526;</q></p>
                <p>theKomer</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"The Future Is Now, <del>Old Man</del> Everybody"</i></p>
                <p>lleks</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"The ability to write clean, useful code coupled with being
                        able to work
                        collaboratively in a team will open opportunities for one across borders in today's
                        digital world."</i></p>
                <p>Ugogineering</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Let's sit down and learn coding"</i></p>
                <p>Khai Hoan Pham</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><strong>"... <br>For whatever we lose (like a you or a me)<br>it's
                        always
                        ourselves
                        we find in the sea"</strong></p>
                <p>E. E. Cummings</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p>Thank you W3Schools team for this tutorial ,I love your website , it is the best ,and hello
                    from Morocco to
                    all
                    coders around the world</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Hello World!"</i></p>
                <p>Roman Yusupov</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Arise,awake and don't stop until the goal is reached."</i></p>
                <p>Swami Vivekananda</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>“Coding is the language of the future, and every girl should
                        learn it. As I've
                        learned from watching girls grow and learn in our classrooms, coding is fun,
                        collaborative and creative.”
                    </i></p>
                <p> Reshma Saujani</p>
            </div>

            <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>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"And so the geek inherited the earth."</i></p>
                <p> Edward Snowden</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Don't let that time go wasted"</i></p>
                <p>Vaishnav Shyam</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Why do people look for problems where there aren't any"</i>
                </p>
                <p>SiXeD</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Dont hate anyone"</i></p>
                <p>MananNayak</p>
            </div>

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif"><i>"Hacerlo simple es posible, pero no más simple."</i></p>
                <p> Albert Einstein</p>
                <p>Desde España</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Go Beyond Yourself."</i></p>
                <p>Hossain</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Chaque homme doit inventer son chemin."</i></p>
                <p>Jean-Paul Sartre</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"If I can do this, then there's hope for everyone."</i></p>
                <p>Stu1902</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Talk is cheap. Show me the code."</i></p>
                <p>Linus Torvalds</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"I Got 99 Problems, But Writing Code Ain’t One."</i></p>
                <p>Unknown</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>" 1.Make it work, 2.Make it right, 3.Make it fast. "</i></p>
                <p>Kent Beck</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"SENAI Taguatinga Curso de JAVA turma QUA.209.019"</i></p>
                <p>Luiz Felipe from Brazil</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Life itself is hard, but we got to find a way to navigate"</i>
                </p>
                <p>passyEche</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Love is the will to extend one's self for the purpose of
                        nurturing one's own
                        or
                        another's spiritual growth. We do not have to love. We choose to love."</i></p>
                <p>M. Scott Peck</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"I'm not afraid of falling, because I'm born to rise.</i></p>
                <p>Kushang Shah</p>
            </div>

            <p> Hello its me albertojmarun </p>

            <p> Hello, I'm come from VietNam </p>

            <p>Greetings from harrydev</p>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Don't wish it EASIER, Wish you were BETTER."</i></p>
                <p>Jim Rohn</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"I am the ultimate hide and seek champion."</i></p>
                <p><code>;</code>semicolon</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"All we have to decide is what to do with the time that is
                        given to us."</i>
                </p>
                <p>Gandalf</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Thanks for sharing your knowledge with us!</p>
                <p>Gabit from Argentina</p>
            </div>

            <div>
                <p>In my small journey through life, I discovered that the fear of failure has kept a lot of
                    persons form
                    starting. This as little as it may seems is a major barrier to greatness and success.</p>
                <p>As a begining programmer many have told me that programming is for genuises, but i keep
                    motivating myself
                    daily
                    with a quote that says;
                <blockquote> "Nothing is impossible to a man that believes"</blockquote>
                <blockquote>"You can achieve anything you set your heart to if your can discipline yourself to
                    pay the price for
                    it"</blockquote>
                </p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Thanks for your great tutorials that help me a lot!</p>
                <p>Souleymane from France</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Great things are done by a series of small things brought together
                </p>
                <p>Hari From India</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p>Your courses are soooo amazing. Can you make a tutorial on data structures and algorithms?
                </p>
                <p>Michael from Nigeria</p>
                <p class="w3-xlarge w3-serif">Thanks a lot W3Schools SG from India</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">I am learning from W3Schools, and they are great. Thanks for that.
                </p>
                <blockquote>Never Settle</blockquote>
                <p>Harsh From India</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p>Muchas gracias </p>
                <p>Isabel from Spain</p>
                <p class="w3-xlarge w3-serif">Thanks a lot W3Schools SG from India</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">I'm micun, learning git from W3Schools.</p>
                <blockquote>Keep going.</blockquote>
                <p>With love from Croatia</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">These tutorials are the best, infinite thanks W3schools' team</p>
                <p>J.Seb From Chile</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"whats good homeboy"</i></p>
                <p>Emperor Palpatine</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Hi, I started my tech journey with w3schools and it's been a
                    wondeful, exciting
                    experience. </p>
                <p>Thanks for all you do at w3schools</p>
                <p>Hengage From Nigeria</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">completing W3Schools Git tutorial</p>
                <p>Yinghan from Singapore</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Thanks W3Schools for your efforts. I loved the learning
                    experience.</p>
                <p>Muhamamd Nabeel From Egypt</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Thanks for making a complex topic a whole lot easier to
                    understand!! The w3schools
                    team is awesome! </p>
            </div>

            <div class="w3-panel" style="background: linear-gradient(to right,#D80C5E,#600BB4);position:relative">
                <div
                    style="position:absolute;left: 0px;top: 0px;bottom: 0px;width: 6px;background: linear-gradient(to bottom, orangered,yellow,skyblue);">
                </div>
                <div style="position:relative;">
                    <div
                        style="border: 1px solid black;position: absolute;width: 50px;height: 50px;top:5px;left:20px;background: rgba(0,0,0,0.5)">
                    </div>
                    <div
                        style="border: 1px solid black;position: absolute;width: 50px;height: 50px;top:30px;left:50px;;background: rgba(0,0,0,0.4)">
                    </div>
                    <div
                        style="border-style: solid hidden hidden hidden; border-width: 1px;position: absolute;width: 39px;height: 39px;transform: rotate(40deg);left: 52px;top: 13px;">
                    </div>
                    <div
                        style="border-style: hidden hidden solid hidden; border-width: 1px;position: absolute;width: 39px;height: 39px;transform: rotate(40deg);left: 27px;top: 33px">
                    </div>
                    <div
                        style="border-style: solid hidden hidden hidden; border-width: 1px;position: absolute;width: 39px;height: 39px;transform: rotate(40deg);left: 4px;top: 14px">
                    </div>
                    <div
                        style="border-style: hidden hidden solid hidden; border-width: 1px;position: absolute;width: 39px;height: 39px;transform: rotate(40deg);left: 78px;top: 33px">
                    </div>
                </div>
                <p class="w3-xlarge w3-serif" style="color:white;margin-top: 80px;font-style: italic">La
                    novedades, cambian el
                    ambiente de trabajo y da lugar a nuevas oportunidades.</p>
                <p style="color:white;font-style: italic;">Miguel desde Perú</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Thanks for helpful tutorials. Also thanks for adding Kotlin series
                    :)</p>
                <p>Abhay</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-green">
                <p class="w3-xlarge w3-serif"><i>"Thank you for good knowledge, I'm glad to have such a good
                        website."</i></p>
                <p>Eigkivz</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">pleasant experience with w3school</p>
                <p>Sashish</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey" style="background-color: #222 !important;">
                <p class="w3-xlarge w3-serif" style="filter: url(#flames); font-weight: bold; color: #eaeaea;">
                    Thank you w3s for
                    this course and the other ones as well! You guys are changing a lot of people's life 😄</p>
                <p style="color: #eee">Daniel M. from Brazil</p>
                <svg height="0" width="0">
                    <filter id="flames">
                        <feflood flood-color="#aa4400" result="COLOR"></feflood>
                        <feturbulence seed="1" numOctaves="4" baseFrequency="0.08" result="NOISE_MAP">
                            <animate attributeName="baseFrequency" values="0.08; 0.05; 0.08" dur="30s"
                                repeatCount="indefinite" />
                        </feturbulence>
                        <fegaussianblur stdDeviation="0.5" in="SourceAlpha" result="BLUR_TEXT" />
                        <fedisplacementmap in="BLUR_TEXT" in2="NOISE_MAP" xChannelSelector="R" yChannelSelector="R"
                            scale="15" result="BLACK_FLAMES" />
                        <fecomposite in="COLOR" in2="BLACK_FLAMES" operator="in" result="COLORED_FLAMES" />
                        <femerge>
                            <femergenode in="COLORED_FLAMES"></femergenode>
                            <femergenode in="SourceGraphic"></femergenode>
                        </femerge>
                    </filter>
                </svg>
            </div>

            <div class="w3-panel"
                style="background: linear-gradient(to bottom right,#d5d80c,#1036dd, red);position:relative">
                <div
                    style="position:absolute;left: 0px;top: 0px;bottom: 0px;width: 6px;background: linear-gradient(to bottom, rgb(238, 255, 0),rgb(4, 0, 255),rgb(212, 35, 35));">
                </div>
                <p class="w3-xlarge w3-serif" style="color:white;margin-top: 50px;">A Great Work, beat all
                    things. God bless
                    you.
                </p>
                <marquee behavior="scroll" direction="left" style="color:white;font-style: italic;"> Eduardo
                    Mejias Avila; with
                    Love &#10083; from Venezuela &#128170; &#128526; @AvilaPro</marquee>
            </div>

            <div class="w3-panel" style="background: linear-gradient(to right, orangered, yellow);position:relative">
                <div
                    style="position:absolute;left: 0px;top: 0px;bottom: 0px;width: 6px;background: linear-gradient(to bottom, orangered,yellow,skyblue);">
                </div>
                <div style="position:relative;">
                    <div
                        style="border: 1px solid black;position: absolute;width: 50px;height: 50px;top:5px;left:20px;background: rgba(0,0,0,0.5)">
                    </div>
                    <div
                        style="border: 1px solid black;position: absolute;width: 50px;height: 50px;top:30px;left:50px;;background: rgba(0,0,0,0.4)">
                    </div>
                    <div
                        style="border-style: solid hidden hidden hidden; border-width: 1px;position: absolute;width: 39px;height: 39px;transform: rotate(40deg);left: 52px;top: 13px;">
                    </div>
                    <div
                        style="border-style: hidden hidden solid hidden; border-width: 1px;position: absolute;width: 39px;height: 39px;transform: rotate(40deg);left: 27px;top: 33px">
                    </div>
                    <div
                        style="border-style: solid hidden hidden hidden; border-width: 1px;position: absolute;width: 39px;height: 39px;transform: rotate(40deg);left: 4px;top: 14px">
                    </div>
                    <div
                        style="border-style: hidden hidden solid hidden; border-width: 1px;position: absolute;width: 39px;height: 39px;transform: rotate(40deg);left: 78px;top: 33px">
                    </div>
                </div>
                <p class="w3-xlarge w3-serif" style="color:white;margin-top: 80px;font-style: italic">If you
                    want to shine like
                    the Sun, first burn like the Sun</p>
                <p style="color:white;font-style: italic;">Anonymous</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">I had learned alot from <b>w3schools</b> Thanks for that. </p>
                <p>Ahmed from NIGERIA </p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"the most important thing in coding is to have fun doing
                        it."</i></p>
                <p class="w3-xlarge w3-serif"><i>"&amp; remember to kow your limits and try to break it
                        everytime you stuck in
                        something."</i></p>
                <p>mahmoud bebars</p>
            </div>

            <p>thanks fogr giving chsdfsd</p>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>Thank you W3Schools, you are a beacon of light in my coding
                        journey. </i></p>
                <p>EliMullan</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>Thank you W3Schools for all these tutorials and exercises.
                        Learnt alot of stuff
                        from this!</i></p>
                <p>Ish_1022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>Thank you W3Schools for Git journey. </i></p>
                <p>EliMullan</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>What have in your hand, Just do it, Don't put the things on
                        Time. Time can flip
                        any Time </i></p>
                <p>Sackumar</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-blue">
                <p class="w3-xlarge w3-serif"><i>"Great Resource for Git and Github Tutorial you made my life
                        easier
                        w3schools"</i></p>
                <p>Rahul Pulagam From India</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Thank you W3Schools for this tutorial.</p>
                <p>Oliver</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i><b><u>Per aspera ad astra :-)</u></b></i></p>
                <p>o_dz</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-gray">
                <p class="w3-xlarge w3-serif"><i>"Thank you W3Schools for Git and GitHub tutorial. I learnt a
                        lot of stuff from
                        you &gt;3"</i></p>
                <p>Salter Soang</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-gray">
                <p class="w3-xlarge w3-serif"><i>Fighting</i></p>
                <p>IRT HNIM</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>Happy to be here. Thank you W3Schools for Git tutorial. </i>
                </p>
                <p>Anh Hoang</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-gray">
                <p class="w3-xlarge w3-serif"><i>"Hello There"</i></p>
                <p>Obi-Wan Kenobi</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Amazing tutorial, really helped me out, thanks guys.</p>
                <p>Balo From Brazil</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Thanks w3schools for sharing knowlegment whit everyon!</p>
                <p>JL Brasil</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Hello!</p>
                <p>From VietNam</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Be Blessed.</p>
                <p>AL USA</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Thanks for the Great tutorial(s)!</i>
                </p>
                <p>Nobedee</p>
            </div>

            <div class="w3-panel"
                style="background: linear-gradient(to bottom right,#d5d80c,#1036dd, red);position:relative">
                <div
                    style="position:absolute;left: 0px;top: 0px;bottom: 0px;width: 6px;background: linear-gradient(to bottom, rgb(238, 255, 0),rgb(4, 0, 255),rgb(212, 35, 35));">
                </div>
                <p class="w3-xlarge w3-serif" style="color:white;margin-top: 50px;">Your documentations are
                    really helpful ,
                    thank
                    you!</p>
                </br>
                <i>SAHIL KUMAR from India!</i>
            </div>

            <div class="w3-panel" style="background: linear-gradient(to right, skyblue, red);position:relative">
                <div
                    style="position:absolute;left: 0px;top: 0px;bottom: 0px;width: 6px;background: linear-gradient(to bottom, green, white, red);">
                </div>
                <div style="position:relative;">
                    <div
                        style="border-radius: 50%; position: absolute; width: 140px;height: 120px;top: 30px;left:60px;background: linear-gradient(to bottom, green, black);">
                    </div>
                    <p
                        style="position: absolute;width: 60px;height: 60px;top: 5px;left:100px;font-size: 50px; text-align: center;color: rgba(0,180,50,0.8)">
                        W</p>
                    <p
                        style="position: absolute;width: 60px;height: 60px;top: 5px;left:130px;font-size: 40px; text-align: center;color: rgba(0,180,50,0.8)">
                        3</p>
                </div>
                <p style="position: absolute;left: 10px;top: 150px;font-size: 10px">Present day, Present time.
                </p>
                <p class="w3-xlarge w3-serif"
                    style="text-align: center;color: rgba(13,0,54,0.5);margin-top: 80px;font-style: italic">
                    experimentum habere
                    fun,
                    discere.</p><!--experimenta, diviertete, aprende-->
                <p style="color:white;font-style: italic; text-align: right">Quetz fom Mexico</p>
                <!--Jose Cortes-->
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Awesome tutorial!</i>
                </p>
                <p>Rg</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Noice very like tutorial!</i>
                </p>
                <p>EU</p>
            </div>

            <div class="w3-panel"
                style="background: linear-gradient(to bottom right,#d5d80c,#1036dd, red);position:relative">
                <div
                    style="position:absolute;left: 0px;top: 0px;bottom: 0px;width: 6px;background: linear-gradient(to bottom, rgb(238, 255, 0),rgb(4, 0, 255),rgb(212, 35, 35));">
                </div>
                <p class="w3-xlarge w3-serif" style="color:white;margin-top: 50px;">Thank you so much for the
                    documentation, you
                    are the best</p>
                </br>
                <i>JD HINCAMAN from colombia!</i>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Great tutorial!!! Greetings from Greece!</i>
                </p>
                <p>GR</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>like tutorial!</i>
                </p>
                <p>Bhph82 from India</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Thank you for the nice tutorial! I'm learning to code and found your lessons a great way
                        to get started
                        with
                        git/github, it's being really useful.</i>
                </p>
                <p>Eduardo Demuner from Brazil</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Thank you for the nice tutorial! it's being really useful.</i>
                </p>
                <p>Thabo Gumede from South Africa</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Thank you W3Schools for helping me begin on my coding journey! I am so thankful to have a
                        wealth of
                        resources
                        at my disposal for free.</i>
                </p>
                <p>Amy from Utah</p>
            </div>
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Thank you W3Schools for helping me begin on my coding journey! I am so thankful to have a
                        wealth of
                        resources
                        at my disposal for free.</i>
                </p>
                <p>Sofyen from CO</p>
            </div>
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Thanks a lot, W3School! You are great teachers!</i>
                </p>
                <p>Alex from Russia</p>
            </div>

            <div class="w3-panel"
                style="background: linear-gradient(to bottom right,rgb(21, 184, 48),rgb(255, 255, 255),rgb(255, 255, 255),rgb(240, 128, 24));position:relative">
                <div
                    style="position:absolute;left: 0px;top: 0px;bottom: 0px;width: 6px;background: linear-gradient(to bottom, rgb(21, 184, 48),rgb(255, 255, 255));">
                </div>
                <h2
                    style="color:rgb(0, 0, 0);margin-top: 50px; text-shadow: -1px -1px 0 #FFF,1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF;">
                    <b>Greetings from Ireland!</b>
                </h2>
                <marquee behavior="scroll" direction="left"
                    style="color:rgb(22, 185, 49); text-shadow: -1px -1px 0 #FFF,1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF;">
                    <b>
                        <pre>Ben Lawlor | Nov 09, 2021</pre>
                    </b>
                </marquee>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Greetings from brazil! Thanks W3schools!"</i>
                </p>
                <p>Adrian | november, 2021</p>
            </div>

            <div class='w3-leftbar' style="background-color : #016370; color: #8fd2db; padding: 10px;">
                <p style='font-size:1.5em'>Finally understand git and version control</p>
                <p style='font-size: 1.3em'>THANK YOU W3schools !!</p>
                <p style='margin-top:5px;'>@e-hokage777</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>I learned a lot of basic and advanced knowledge thanks to W3Schools.</i>
                </p>
                <p>Long from Viet Nam at 7:05 PM 11/20/2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Greetings from Belarus! Thanks W3schools!</i>
                </p>
                <p>Zmicer, 22 november, 2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-purple">
                <p class="w3-xlarge w3-serif">
                    <i>I love elephants!</i>
                </p>
                <p>Oleg, 01/12/2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-purple">
                <p class="w3-xlarge w3-serif">
                    <i>lessgo!</i>
                </p>
                <p>JP, 22/04/2022</p>
            </div>

            <!--Mawit's message from cameroon-->
            <div class="Mawit-repo"
                style="background:cornflowerblue; font-size:4ch; color:darkblue; border-radius:10px; padding:1%;">
                <p>
                <h3>hey guys <strong>Mawit</strong> here from <strong>Cameroon </strong></h3>
                </p>
                <p>thanks to you w3schools for the lake of knowledge you make available to us,<br>
                    and happy learning friends</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-green">
                <p class="w3-xlarge w3-serif">
                    <i>Thank you w3schools!</i>
                </p>
                <p>Chapmann Chow from Hong Kong</p>
                <p>28/11/2021</p>
            </div>

            <div>
                <h1>Thank you so much w3schools!</h1>
                <p>Praful Chaudhari from India.</p>
                <p>05/12/2021</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <h1 class="w3-text-green w3-center">&#x2618; &#x2618; &#x2618;</h1>
                <p class="w3-xlarge"><b>GIT</b> is so far the most inspiring thing
                    i've learned at <i class="w3-text-green">w3schools</i>!</p>
                <p class="w3-monospace">Kate Khokhlova with greetings from Kharkiv, Ukraine
                    <br>08.12.2021
                </p>
            </div>

            <div class="Mawit-repo"
                style="background:rgb(100, 237, 127); font-size:4ch; color:rgb(0, 139, 0); border-radius:10px; padding:1%;">
                <p>I'm Learning Git &amp; GitHub with w3schools.</p>
                <p class="w3-xlarge w3-serif">Thanks W3Schools!</p>
                <p class="w3-xlarge w3-serif">From Panama</p>
                <p class="w3-xlarge w3-serif"><i>Juan Jurado, 09/12/2021</i></p>
            </div>

            <div class="ciddt-repo"
                style="background-color: #0093dd; font-size: 1.2rem; color: yellow; border-radius: 5px; padding: auto; border-color: black;">
                <h3>This is my practice for repo</h3>
                <p>Thanks W3Schools!</p>
                <p>From VietNam</p>
                <p>I love you!</p>
            </div>

            <div>
                <h1>Thanks everybody in w3schools who tries to simplify the learning new tech.</h1>
                <p>w3schools works for me like a cheetsheet.</p>
                <p>05/12/2021</p>
            </div>
            <div
                style=" font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; color: rgb(43, 39, 39); text-align: center; border: 1px solid blue; border-radius: 5px; margin: 15px; background-image: linear-gradient(135deg, rgb(255, 179, 191), rgb(153, 204, 255)); box-shadow: 10px -10px 8px #cccccc ">
                <p>Hello w3schools.</p>
                <p>You've been a good source for learning. Thank you</p>
                <address>Karikari from Ghana</address>
            </div>

            <div class="ciddt-repo"
                style="background-color: #0093dd; font-size: 1.2rem; color: yellow; border-radius: 5px; padding: auto; border-color: black;">
                <h3>Hi everyone!!!</h3>
                <p>Thanks W3Schools!</p>
            </div>

            <div>
                <h1>Very nice tutorial!</h1>
                <p>Thanks for all the help, 2022-01-09</p>
            </div>

            <div>
                <h1>Welcome everybody!</h1>
                <p>Greetings from Pcim, 2022-01-15</p>
            </div>

            <div>
                <h1>Hello😍 World. Learning git is fun. Goodbye! <br> ~LM </h1>
            </div>

            <div>
                <h1>Hi, Im Ghazal</h1>
                <p>Thanks for the tutorial</p>
            </div>

            <div
                style="background:linear-gradient(red 0%, white 1%, white 99%, green 100%); max-width:95%; padding: 0 1rem; margin:0 auto; box-shadow:#222 2px -2px 10px; border-radius:3px;">
                <div style="width:49%; display:inline-block; padding:0 2rem; margin:0 auto; vertical-align:top;">
                    <h1 style="font-size:1.4rem;">AZ ÉLET ÉRTELME</h1>
                    <p style="font-family:serif;font-size:0.9rem;"> Ha sok cseresznyepaprikát madzagra fűzünk,
                        abból lesz a
                        paprikakoszorú.<br>
                        Ha viszont nem fűzzük fel őket, nem lesz belőlük koszorú. Pedig a paprika ugyanannyi,
                        éppoly piros, éppoly
                        erős.
                        De mégse koszorú.<br>
                        Csak a madzag tenné? Nem a madzag teszi. Az a madzag, mint tudjuk, mellékes,
                        harmad­rangú valami.<br>
                        Hát akkor mi?<br>
                        Aki ezen elgondolkozik, s ügyel rá, hogy gondolatai ne kalandozzanak összevissza, hanem
                        helyes irányban
                        haladjanak, nagy igazságoknak jöhet a nyomára. (Örkény István)</p>
                </div>
                <div style="width:49%; display:inline-block; padding:0 2rem; margin:0 auto; vertical-align:top;">
                    <h1 style="font-size:1.4rem">THE MEANING OF LIFE</h1>
                    <p style="font-family:serif;font-size:0.9rem;"> If we tie a lot of cherry-peppers on a
                        string, they’ll make a
                        pepper-wreath.<br>
                        However, if we don’t tie them on a string, they won’t make a wreath. Although it’s the
                        same amount of
                        peppers,
                        just as red and just as hot. But still no wreath.<br>
                        Does it only lie in the string? No, it doesn’t. That string, as we all know, is an
                        incidental, third-rate
                        thing.<br>
                        Then what?<br>
                        People capable of brooding over it and taking care not to let their mind wander about,
                        but keep them on the
                        right
                        track may get a scent of eternal verities. (István Örkény)</p>
                </div>
            </div>

            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-green">
                <h3>Thanks for W3Schools.</h3>
                <p>Chaiyasut | 21 Jan 2022</p>
            </div>

            <div>
                <h1>Hello World. Learning git is fun. Goodbye! <br> ~LM </h1>
            </div>

            <!-- Bryan's message -->
            <div style="background-color: #000;">
                <h3 style="color: white;">Hello from El Salvador</h3>
                <p style="color: white;"><i>January 25, 2022</i></p>
            </div>


            <div class="w3-panel w3-sand">
                <span style="font-size:150px;line-height:0.6em;opacity:0.2">❝</span>
                <p class="w3-xlarge" style="margin-top:-40px;text-align: center;">
                    <i>Thanks to W3Schools.</i>
                </p>
                <p>@@m | 2/2/2022</p>
            </div>

            <div>
                <p>Thanks for the tutorial!</p>
                <p>Tommi - 3/2/2022</p>
            </div>

            <!-- Ameer from India -->
            <div
                style="background-color:#F1EFDC ; color:#42032C; margin:40px; padding: 30px; text-align:center; font-weight: 900;">
                <h3>Thanks for presenting content in really good maneer</h3>
                <p>Ameer from India 16/11/2022</p>
            </div>
            <!-- Ishak's message -->
            <div style="background-color: #000;">
                <h3 style="color: white;">Hello from Viluppuram</h3>
                <p style="color: white;"><i>Feb 15, 2022</i></p>
            </div>

            <div class="w3-panel w3-sand">
                <span style="font-size:150px;line-height:0.6em;opacity:0.2">❝</span>
                <p class="w3-xlarge" style="margin-top:-40px;text-align: center;">
                    <i>Thanks to W3Schools.</i>
                </p>
                <p>@@m |15/2/2022</p>
            </div>

            <!-- Franco Message -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Thanks W3School for this tutorial, i'm learning so much!!!</i>
                </p>
                <p>Franco from Italy</p>
            </div>

            <div>
                <p
                    style="color:white;background-color:black;border:1px solid pink;border-radius:10px;text-align:center;">
                    This is cool! Thanks! <br> Tuukka - Feb 6. 2022
                </p>
            </div>

            <div class="w3-panel w3-sand">
                <span style="font-size:150px;line-height:0.6em;opacity:0.2">❝</span>
                <p class="w3-xlarge" style="margin-top:-40px;text-align: center;">
                    <i>Thanks to W3Schools.</i>
                </p>
                <p>Curlos - 2/4/2022</p>
            </div>

            <div class="w3-panel w3-leftbar"
                style="background: #00FFFF; font-family: 'Trebuchet MS', sans-serif; color : #fff">
                <p class="w3-xxlarge">
                    Hello World 😍<br>
                    "W3schools has really impacted so much in my tech journey - <em>Thank you</em>" <br>
                </p>
                <p style="color: #0f8a98;"><b>Muhon, 10th Feb 2022</b></p>
            </div>

            <div>
                <h3>Hello. My simple edit. djbrooks</h3>
                <p>Feb 12, 2022</p>
            </div>

            <div class="w3-panel w3-card w3-red w3-round">
                <p class="w3-xxlarge w3-center" style="text-shadow:1px 1px 0 #444">
                    <strong>Thanks you W3Schools!!!<strong>
                </p>
                <p class="w3-left-align">Damian from Argentina</p>
            </div>

            <div style="width:500px;" class="w3-panel w3-leftbar w3-round-large w3-card w3-indigo w3-cursive">
                <h3> Hello World! I'm saved by the blood of Jesus! </h3>
                <p> "God shows his love for us in that while we were still sinners, Christ died for us." -
                    Romans 5:8</p>
                <p> Thank you for this super helpful tutorial! I'm excited to learn more on my way to becoming a
                    Back-End
                    developer! I'll honor God through my work and studies! </p>
            </div>

            <div class="w3-black" style="font-family: monospace; border-radius: 25px; padding: 10px;">
                <h3>I maybe the last one to commit . . .</h3>
                <p>But the tutorials are very good! 🖥️💾💿💽</p>
                <p>But I'm still bad at C++</p>
            </div>

            <div style="background-color:#171717;border-radius:10px">
                <h2 style="font-family:sans-serif;color:#ffffff">
                    <center>Hello @Everyone</center>
                    </h4>
                    <p style="text-align:center;font-family:sans-serif;color:#ffffff">Thank you w3 schools for
                        your amazing
                        support
                        for the dev's</p>
            </div>

            <!-- Im cheat -->
            <div class="cheat"
                style="border: #0093dd solid 5px; margin-top: 20px; padding: 20px; border-radius: 10px; box-shadow: 0 0 20px black;background-color: #4158D0; background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);">
                <h1 style="text-align: center; color: white;">Thank a lot w3 school your website help a lot of
                    delevoper around
                    the world.</h1>
                <p>Chansocheat Sok 2/19/2022</p>
            </div>

            <div>
                <h3>Thanks for all the lessons!</h3>
                <p>danbaz101 on Feb 28, 2022</p>
            </div>

            <div
                style="text-align: center; background-color: rgb(221, 72, 79); color: #fff; padding: 10px 16px; box-shadow: 3px 3px 8px 2px rgb(0, 0, 0, 0.5); border-radius: 8px;">
                <h3>Hello from Indonesia</h3>
                <p>You can do it, Fighting!!!</p>
                <p><small>By: SRZ Dev :D</small></p>
            </div>

            <div>
                <h3>I love W3Schools</h3>
                <p>Thank you for helping me to learn git and github</p>
                <p>Now I am confident using it. Emekadavid from Nigeria</p>
            </div>

            <div>
                <h3>Love from india</h3>
                <p>Thanks w3schools for the fantastic hands-on experience for the complete github</p>
                <p>praveen-raja from INDIA</p>
            </div>

            <div class="w3-panel w3-card w3-red w3-round">
                <p class="w3-xxlarge w3-center" style="text-shadow:1px 1px 0 #444">
                    <strong>Thanks you W3Schools!!!<strong>
                </p>
                <p class="w3-left-align">Victor from Ukraine.</p>
            </div>

            <div
                style="width: 98%; background-image: linear-gradient(to right, #84fab0 0%, #8fd3f4 51%, #84fab0 100%); margin: auto; padding: 10px; text-align: center; border: 1px solid transparent; border-radius: 15px;">
                <h1 style="letter-spacing: 7px;"><b>BE YOUR BEST!</b></h1>
                <p style="color: white;">Jean from PH <i>03/10/22</i></p>
            </div>

            <div
                style="width: 98%; background-color: aqua; margin: auto; padding: 10px; text-align: center; border: 1px solid transparent; margin-top: 2em;">
                <h1 style="letter-spacing: 14px;"><b>great to be here</b></h1>
                <p style="color: rgb(201, 11, 11);text-align: right;">love SQL <i>17.03.2022</i></p>
            </div>

            <div style="padding: 25px; margin: 25px 0; background: lightblue; color: #005bbb; font-weight: bold;">
                Hello and
                thank you to w3schools for this comprehensive tutorial on Git and GitHub. <br>Greetings from
                Germany
                <br>yesthatismyname on March 09, 2022
            </div>

            <div
                style="padding: 5px 25px 25px 25px; background: rgb(255, 255, 255); color: #3f3f3f;  border-radius:15px; box-shadow:5px 5px 10px gray">
                <p>Thank you for the great Git tutorial!</p>
                <p style="text-align:right;font-size:12px;font-style: italic;">Pawel Litwin, 15.03.2022</p>
            </div>

            <div style="background:grey;color:#fff;padding:20px;margin:auto;width:98%;text-align: center;">
                <h4>A Big Thanks & Lots of Love From India</h4>
                <p>Tushar Mohapatra<i>19th March 2022</i></p>
            </div>

            <div
                style="padding: 1%; margin: 1%; background-image: linear-gradient(115deg, black 90%, #ee0000 90% 91%, #eeee00 91% 92%, #00ee00 92% 93%, #00eeee 93% 94%, black 94%); text-align: center; border-radius: 5px; box-shadow: 5px 5px gray">
                <h3 style="color: white; letter-spacing: 7px; font-family: 'Asap', sans-serif;"><b>Thanks for
                        all the great
                        lessons that you provide!</b></h1>
                    <p
                        style="color: white; text-align: right; padding: 0% 12% 0% 0%; font-size: 12px;font-style: italic">
                        Fabio,
                        18.03.2022</p>
            </div>

            <div>
                <h3>Love from china</h3>
                <p>Thanks w3schools for the fantastic hands-on experience for the complete github</p>
                <p>JZ from CHINA</p>
            </div>

            <div class="w3-panel w3-leftbar w3-cyan" style="border:1px solid indigo">
                <p class="w3-xlarge w3-serif" style="color: white; font-family: Cursive">Thank You For This Fun
                    Tutorial!</p>
                <p>AviK from Israel &emsp; 24.03.2022</p>
            </div>


            <p> hello from dagestan </p>

            <p> hello from dagestan </p>


            <h1>SUIIIIIII W3Schools💖</h1>

            <div>
                <h3>I love W3Schools</h3>
                <p>Thank you for helping me to learn git and github</p>
                <p>Now I am confident using it. Alexandro from Russia</p>
            </div>

            <div
                style="width: 98%; background-image: linear-gradient(to right, #0077ff 0%, #00aaff 50%, #069bff 100%);  padding: 10px; text-align: center; border-radius: 5px;">
                <h2>“If I have seen further, it is by standing on the shoulders of Giants”<br> - thank you w3 -
                    <br>
                </h2>
                <p style="color: white;">GB from Italy 26.03.2022</i></p>
            </div>

            <div
                style="width: 98%; margin: 20px 20px 20px 0; padding: 20px; border-radius: 5px; background: linear-gradient(to right, #11998e, #38ef7d); box-shadow: 2px 4px 5px #0c6a62; display: flex; flex-direction: column; justify-content: center; align-items: center;">
                <p style="font-size: 22px;">Thanks W3Schools for your amazing tutorials!</p>
                <p style="font-size: 15px;">Bugahontas from Brazil - 31/03/2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i><b><u>Thank you w3schools and See You in other tutorials
                                :)</u></b></i></p>
                <p>M4600 - 05.04.2022</p>
            </div>

            <!--Mohammad Hosein Was Here-->
            <div class="w3-container w3-green w3-padding-24">
                <h2>Mohammad Hosein.</h2>
                <h3> I'm from Iran .</h3>
                <p>You are full of unrealised potential. It’s important that you recognise them.</p>
            </div>

            <!--TimFas Was Here-->

            <div class="w3-row-padding w3-margin-top">
                <div class="w3-quarter">
                    <div class="w3-card">
                        <img src="https://wallpaperaccess.com/full/5329.jpg" style="width:100%" height="140">
                        <div class="w3-container">
                            <h5>Tehran</h5>
                        </div>
                    </div>
                </div>
                <div class="w3-quarter">
                    <div class="w3-card">
                        <img src="https://wallpaperaccess.com/full/7956848.jpg" style="width:100%" height="140">
                        <div class="w3-container">
                            <h5>Maryam Mirzakhani</h5>
                        </div>
                    </div>
                </div>
                <div class="w3-quarter">
                    <div class="w3-card">
                        <img src="https://wallpaperaccess.com/full/5326.jpg" style="width:100%" height="140">
                        <div class="w3-container">
                            <h5>Iran</h5>
                        </div>
                    </div>
                </div>
                <div class="w3-quarter">
                    <div class="w3-card">
                        <img src="https://wallpaperaccess.com/full/5366.jpg" style="width:100%" height="140">
                        <div class="w3-container">
                            <h5>Tehran</h5>
                        </div>
                    </div>
                </div>
            </div>

            <div class="w3-container w3-pink w3-padding-24">
                <h2>I'm quite confident, in some sense. Maryam Mirzakhani</h2>
                <p>Friday, Farvardin 12, 1401 AP Date in Karaj, Alborz Province.</p>
                <p>Fri, 01 Apr 2022 17:54:39</p>
            </div>

            <!--Mohammad Hosein Was Here-->
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        Thanks W3Schools for a wonderful tutorial. Keep it up guys!<br>
                        From an avid fan of yours - 08/04/2022</i></p>
            </div>

            <!-- I was was here ;) -->

            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    Thank you so much from gms461!
                </p>
            </div>
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    The best exprience ever! Thanks!
                </p>
            </div>

            <!-- D_captainkenya Was Here-->
            <div class="w3-panel"
                style="background: linear-gradient(90deg, #30f171 0%, #16b3e2 43%, #3958e2 100%);position:relative">
                <div
                    style="position:absolute;left: 0px;top: 0px;bottom: 0px;width: 6px;background: linear-gradient(to bottom, rgb(21, 184, 48),rgb(255, 255, 255));">
                </div>
                <h2
                    style="color:rgb(0, 0, 0);margin-top: 50px; text-shadow: -1px -1px 0 #FFF,1px -1px 0 #FFF,-1px 1px 0 #FFF,1px 1px 0 #FFF;">
                    <b>Kenyans Come here too!</b>
                </h2>
                <p>And we love it. Thank you <span style="color: #0d43f1;">W3SCHOOLS</span><br>This Git Zone is
                    wonderful</p>
                <p><span id="blinkname" style="color: #313cd6;">D_captainkenya</span><br>30 April 2022</p>
                <script>var blink_speed = 1000; //Blink my name after 1 second
                    var t = setInterval(function () {
                        var ele = document.getElementById('blinkname');
                        ele.style.visibility = (ele.style.visibility == 'hidden' ? '' : 'hidden');
                    }, blink_speed);</script>
            </div>

            <div class="w3-panel w3-card-4 w3-light-grey" style="width:40%">
                <p class=" w3-large w3-sans-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    Nikkis was here, thanks!
                </p>
            </div>

            <!-- guy who doesnot knows HTML was also here -->

            <!--Yusuff Mustapha-->
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:100px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        Thank you W3Schools! - 07/05/2022</i></p>
            </div>

            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:100px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        humendra here!Thank you W3Schools, Learned a lot from you.- 12/05/2022</i></p>
            </div>

            <!--Barbara Lencinas-->
            <div
                style="width:80%; height:auto; margin: auto; border: 16px ridge #f232c9; background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%); text-shadow: 5px -2px 5px rgba(251,87,4,1); ; font-family: 'Crafty Girls', cursive, Verdana, Geneva, Tahoma, sans-serif; font-size: 2.5em;">
                <p style="padding-left: 5%;">
                    Hi! I'm Barby! I've started this journey on my own and W3Schools is part of it. I just wanna
                    say
                    <strong>THANKS</strong>.
                </p>
                <p style="text-align: right; padding-right: 5%;">11/05/22</p>
            </div>

            <!--Lucas Wolff-->
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        W3Schools rocks!!!<br>
                        From an avid fan of yours - 08/04/2022</i></p>
            </div>

            <!-- Daniel Kamsiyochukwu Nicholas -->
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:40%">
                <p class=" w3-large w3-sans-serif">
                    <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                    Daniel Kamsiyochukwu Nicholas from Nigeria was here, 20/05/2022
                </p>
            </div>

            <!-- I copied Jean from PH -->
            <div
                style="width: 98%; background-image: linear-gradient(to right, #84fab0 0%, #8fd3f4 51%, #84fab0 100%); margin: auto; padding: 10px; text-align: center; border: 1px solid transparent; border-radius: 15px;">
                <h1 style="letter-spacing: 7px;"><b>STAY HEALTHY, STAY HOPEFUL, SPREAD LOVE</b></h1>
                <p style="color: white;"> James from USA <i>05/23/22</i></p>
            </div>

            <!--Yusuf Kesgin-->
            <div class="w3-panel w3-leftbar w3-light-grey w3-text-red">
                <p class="w3-xlarge">
                    <i>Yusuf Kesgin from Turkey was here. Happy coding! </i>
                </p>
                <p class="w3-small">23/05/2022</p>
            </div>

            <!-- Kiran Moktan says happy learning -->
            <div style="width: 50%; text-align: center; color:gray;background-color: whitesmoke; margin: auto; border-radius: 15px;"
                class="bg-dark m-auto">
                <marquee behavior="scroll" direction="left">
                    <h1 style="word-spacing:5px;">W3SCHOOLS FOREVER</h1>
                </marquee>
            </div>

            <!--Simone De Bartolo-->
            <div class="w3-panel w3-leftbar w3-light-grey w3-text-red">
                <p class="w3-xlarge">
                    <i>Simone De Bartolo from Catania, thanks W3Schools</i>
                </p>
                <p class="w3-small">23/05/2022</p>
            </div>

            <!--Thomas Njoroge-->
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        Thanks W3Schools for the tutorial<br>
                        From Thomas Njoroge - 26/05/2022</i></p>
            </div>

            <!--Anjali Rathor-->
            <div class="w3-container w3-pink w3-padding-24">
                <h2>I'm quite confident, in some sense.
                    Anjali Rathor</h1>
                    <p> neemuch,madhya pradesh,India .</p>
                    <p>wed, 01 june 2022 </p>
            </div>

            <!-- ANIL DOLLOR -->
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        Thanks W3Schools for the tutorial<br>
                        From Anil DOLLOR - 1/06/2022</i></p>
            </div>

            <!-- ANIL DOLLOR -->
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <img
                    src="https://avatars.githubusercontent.com/u/25725857?s=400&u=7148d1783301f055211947713316f4eef6fd61fa&v=4" />
                <p><i class="w3-serif w3-xlarge">
                        Thanks W3Schools for the tutorial<br>
                        From Anil DOLLOR : ) , Neemuch Madhya Pradesh, India</i><br />
                    <strong>31 May 2022</strong>
                </p>
            </div>

            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        <H1>Anjali Mahawar</H1><br>
                        <h2> From Neemuch (M.P.) India - 01/06/2022 </h2>
                </p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Thank you W3Schools" - 08/06/2022</i>
                </p>
            </div>

            <!-- another Kevin -->
            <div>
                <p>Now I can work with others without fear of messing up, thx w3schools :D </p>
                <p>From Kevin - Montpellier, France - 06/06/2022</p>
            </div>

            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        <H1>Poonam Dhangar</H1><br>
                        <h2> From Neemuch (M.P.) India - 06/06/2022 </h2>
                </p>
            </div>

            <!-- Marim -->
            <div>
                <style>
                    #SomeMarimbist-clear-fix::after {
                        content: "";
                        clear: both;
                        display: table;
                    }
                </style>
                <div style="background-color: #2c90f5; padding:1.5em; font-family:cursive;"
                    id="SomeMarimbist-clear-fix">
                    <img style="float:right; height:42vh; filter:brightness(130%); filter:contrast(103%)"
                        src="https://www.almarsguides.com/AlmarsImages/Retro/Walkthroughs/PS2/Persona3/Academics%20Increased.jpg"
                        alt="Makoto Studying">
                    <p style="font-size: 2em;">Thanks for the lessons, I've learned a lot and hope to continue
                        for as long as I am
                        able!</p>
                    <p style="font-size: 1.5em;">~Marim 6-4-22</p>
                </div>
            </div>

            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        <H1>Smit Shah</H1><br>
                        <h2> From Bhavnagar (Gujrat) India - 04/06/2022 </h2>
                </p>
            </div>

            <div>
                <p>Thanks @w3schools.com team for making these awesome tutorials and making them available for
                    everyone for
                    free.
                    You're the best </p>
                <h2>MarconiCodes from Zimbabwe</h2>
            </div>

            <!-- Roman from Krasnodar -->
            <div style="background-color: rgb(105, 248, 224);">
                <p style="background-color: rgba(163, 210, 9, 0.971); text-align: center;">Thank you
                    @w3schools.com for your
                    best
                    tutorial in the world!!!</p>
                <h2 style="background-color: rgba(195, 9, 9, 0.971); text-align: center;">I'm @w3schools.com a
                    fan! I love you!
                </h2>
            </div>

            <!-- Diego Costa from Brazil -->
            <div
                class="w3-panel w3-round w3-card-2 w3-blue w3-cursive w3-center w3-leftbar w3-rightbar w3-border-indigo w3-border w3-hover-indigo w3-animate-left">
                <p class="w3-xxxlarge">Hello there! w3Schools helps me alot. Greetings from Brazil!</p>
                <p>Diego Costa - 2022</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Hey, hey, hey, hey now. Don't be mean,; we don't have to be
                        mean, cuz,
                        remember,
                        no matter where you go, there you are."</i></p>
            </div>

            <blockquote class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-large"><i>"Close to finishing w3schools Git Tutorial... Now I need to start doing
                        this for my
                        projects (T_T)"</i></p>
                <p>That One Git Noob</p>
            </blockquote>

            <!-- Sunil from India -->
            <div style="background-color:#FFFF00;">
                <p style="text-align:center; color:#FF0000;">Sunil from New Delhi, India - 11th June, 2022</p>
                <p style="color: #008000; text-align: center;">w3schools.com has best tutorial in the world!!!
                </p>
                <h3 style="color: #0000FF; text-align: center;">I'm thankful to @w3schools.com! </h3>
            </div>

            <!-- Verolls from China -->
            <div class="w3-panel w3-light-grey">
                <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10077;</span>
                <p class="w3-xlarge" style="margin-top:-40px">
                    <i>"感谢w3schools"</i>
                </p>
                <p>Verolls 2022/06/14</p>
            </div>

            <!-- Billy from El Salvador :D -->
            <div
                style="background-color:#141414;color:#FF0000;border: 1px solid #9F9F9E; border-radius: 5px; padding: 5px; height: auto; max-height: 450px;font-family:Helvetica,Arial,sans-serif;padding-left: 2px;">
                <p>"Do whatever you want with this repo but dont make it bored"</p>
                <p>HASTA LA VISTA!!!!</p>
                <h3>Graduated in Git and GitHub - hydralisk3 - SV</h3>
            </div>

            <!-- ManoRuiz from Spain -->
            <div style="border: 6px dotted grey">
                <p>Gracias W3 desde Madrid</p>
            </div>

            <!-- sentient bot from google -->
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        <H1>BB</H1><br>
                        <h2>From Google 6/15/22</h2>
                </p>
            </div>

            <!-- Dexter Liu added this -->
            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-text-black w3-serif w3-large">"Thanks for the journey. Leart a lot!!"</p>
                <p class="w3-text-black w3-serif"> Dexter liu from New Zealand</p>
            </div>

            <!-- Create by Allen -->
            <div style="border: 6px dotted grey">
                <p>Create by Allen</p>
            </div>

            <!--Added by Manger George-->
            <div class="w3-panel w3-center w3-leftbar w3-pale-yellow">
                <p><i class="fa fa-quote-left w3-xxlarge w3-opacity"></i>
                    <i class="w3-serif w3-xlarge">Added by Manger George</i>
                    <i class="fa fa-quote-right w3-xxlarge w3-opacity"></i><br>
                </p>
            </div>

            <!-- Kibirt Bayou from Ethiopia -->
            <div
                class="w3-panel w3-round w3-card-2 w3-blue w3-cursive w3-center w3-leftbar w3-rightbar w3-border-indigo w3-border w3-hover-indigo w3-animate-left">
                <p class="w3-xxxlarge">W3Schools is great. I'm very thankful. Loved the tutorial.</p>
                <p>Kibi from Ethiopia - 2022</p>
            </div>

            <!-- Aasheesh -->
            <div class="w3-panel w3-leftbar w3-red">
                <p class="w3-xlarge w3-serif"><i>"Thank you for the Git tutorial!"</i></p>
                <p><i>Aasheesh</i></p>
            </div>

            <!-- Dejan Zmijanac added -->
            <div class="dcodingkid-repo w3-panel"
                style="background:linear-gradient(90deg, rgba(112,112,112,1) 0%, rgba(78,78,78,1) 47%, rgba(0,0,0,1) 100%); color: #000;">
                <h1 class="w3-text-white">Great tutorial. Thank you.</h1>
                <p class="w3-text-white">Dejan Zmijanac was here!</p>
                <p><em>2022/06/24</em></p>
            </div>

            <!-- Brown added this -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Thanks W3School for your tutorials! - Brown</i>
                </p>
                <p>- From Vietnam with love ~ May,2023 -</p>
            </div>

            <!-- Create by Rajendra Kumawat -->
            <div class="w3-panel w3-leftbar w3-black">
                <p class="w3-xlarge w3-serif"></p>
                <h3> Love you w3schools</h3>
                <p><b>from India </b>25.01.2022</p>
            </div>

            <!-- Create by Brigesdha -->
            <div
                style="width: 98%; background: repeating-linear-gradient(45deg, yellow 0px, yellow 45px, black 45px, black 85px); margin: 20px auto; padding: 10px; text-align: center; border: 1px solid transparent; border-radius: 15px;">
                <h1 style="letter-spacing: 7px; color: white; text-shadow: 5px 5px 3px rgba(0, 0, 0, 0.5);">
                    <b>THANK A LOT FOR
                        THE
                        LESSON!</b>
                </h1>
                <p style="color: white; text-shadow: 5px 5px 3px rgba(0, 0, 0, 0.5);">Brigesdha from ID
                    <i>27/06/22</i>
                </p>
            </div>

            <!--Create by BlueStone17 (Italy)-->
            <div style="background-color: #009DFF; margin-left: 15px; margin-right: 15px; border-radius: 5px;">
                <h1>Great site and great tutorial, Thank you</h1><br>
                <p>BlueStone17, Italy, 29/06/22</p>
            </div>

            <!-- Message from the Netherlands -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Hi everyone! I'm from the Netherlands.</p>
            </div>

            <!-- Israel -->
            <div class="w3-panel w3-leftbar w3-blue">
                <p class=" w3-xlarge w3-serif"><i>"Thank you for the Git tutorial! You're the best "</i></p>
                <p><i>Israel Rojas</i></p>
            </div>

            <!--Create by Moeminlatt (Myanmar)-->
            <div style="background-color: #009DFF; margin-left: 15px; margin-right: 15px; border-radius: 5px;">
                <h1>Thank your for your great lessons</h1><br>
                <p>Yangon, Myanmar, 01-Jul-2022</p>
            </div>

            <!--Create by Flores-Oz-->
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif"><i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>Thanks
                    W3School</p>
                <p>Flores-Oz, 5/07/22</p>
            </div>

            <!-- Tal -->
            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-xlarge w3-serif"><i>"Thank you for the Git tutorial! You're the best "</i></p>
                <p><i>Tal (and GitHub copilot)</i></p>
            </div>

            <!--Create by Jose de Jesus @Vendettjesus-->
            <div class="w3-panel w3-light-grey">
                <p class="w3-xlarge w3-serif">The best tutorial on the web!</p>
                <p>Mexico 31/07/22</p>
            </div>

            <!-- veeranjaneyulu -->
            <div style="Background-color:blue">
                <p style="color:black;font-size:1rem;">I learned a lot in w3schools and It has helped lot of
                    developer.</p>
            </div>

            <!-- TSG -->
            <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>

            <!-- Nikolaos added this -->
            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-text-black w3-serif w3-large">"Thank you for this tutorial!"</p>
                <p class="w3-text-black w3-serif"> Greetings from Serbia</p>
            </div>

            <!-- Julius -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Amazing tutorial, really helped me out, Thanks for the tutorial.
                </p>
                <p>Julius From Brazil</p>
            </div>

            <!-- Create by Natarajan -->
            <div
                style="width: 98%; background: repeating-linear-gradient(45deg, yellow 0px, yellow 45px, black 45px, black 85px); margin: 20px auto; padding: 10px; text-align: center; border: 1px solid transparent; border-radius: 15px;">
                <h1 style="letter-spacing: 7px; color: white; text-shadow: 5px 5px 3px rgba(0, 0, 0, 0.5);">
                    <b>ITS THE BEST</b>
                </h1>
                <p style="color: white; text-shadow: 5px 5px 3px rgba(0, 0, 0, 0.5);">infraz1 from ID
                    <i>27/06/22</i>
                </p>
            </div>

            <!--Create by Paula-->
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif"><i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>Thank
                    you for the
                    tutorial W3School</p>
            </div>

            <!-- Xiao -->
            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-xlarge w3-serif">
                    <i>"Thank you for the great tutorial! 08/06/2022</i>
                </p>
            </div>

            <!-- Iran -->
            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-xlarge w3-serif"><i>"Thank you for the Git tutorial! You're the best "</i></p>
                <p><i>Iran SagharMax</i></p>
            </div>

            <!-- JJNM2422 -->
            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-xlarge w3-serif"><i>"Gracias por el tutorial, aprendi los comandos basicos "</i>
                </p>
                <p><i>JJNM2422 vzla,08-07-2022</i></p>
            </div>

            <!--Copied by blableu-->
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                <p class=" w3-large w3-serif"><i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>Thanks!
                    and sorry
                    Flores-Oz for stealing</p>
                <p>Flores-Oz, 5/07/22</p>
            </div>

            <!--Brioche150 -->
            <div class="w3-panel w3-card-4 w3-light-grey" style="width:12%">
                <div class="w3-panel w3-card-4 w3-blue" style="width:13%">
                    <div class="w3-panel w3-card-4 w3-blue" style="width:75%">
                        <p class="w3-text-black w3-serif"> " How do I centre a div?</p>
                    </div>
                </div>
            </div>

            <!-- Create by KienDuy (VietNam) -->
            <div class="w3-center w3-hover-shadow" style="max-width:30%;margin:auto;">
                <header class="w3-container" style="background-image:linear-gradient(to right,#8e9eab,#eef2f3)">
                    <h3 class="w3-xxlarge font-effect-shadow-multiple"
                        style="font-family: 'Lobster', Sans-serif; cursor: pointer;">
                        KienDuy</h3>
                </header>
                <div class="w3-container">
                    <p class="w3-large">Thank you w3schools✨😆</p>
                    <hr>
                    <p class="w3-left-align">Your tutorial is amazing & impressive. I'm very thankful. Hope you
                        have a happy life!
                    </p>
                    <p class="w3-right-align" style="font-size:14px">From Vietnam, 17/7/2022</p>
                </div>
            </div>

            <!-- Message from the Türkiye -->
            <div class="w3-panel w3-leftbar w3-light-red">
                <p class="w3-xlarge w3-serif">Thank you for such a great tutorial.</p>
                <p class="w3-xlarge w3-serif">Emre / Türkiye / 18.07.2022</p>
            </div>

            <!-- Created by jw from Malaysia -->
            <div class="w3-panel w3-sand w3-leftbar">
                <p><i class="fa fa-quote-right w3-xxlarge w3-opacity"></i>
                    <span class="w3-serif w3-xlarge">
                        Thank you for this amazing Git and GitHub tutorial! Hope to pick up more technical
                        skills from
                        W3School!</span>
                </p>
                <p>--- jw from Malaysia</p>
            </div>

            <!-- Message from Ousmane (China) -->
            <div
                style="text-align: center; background-color:rgb(0, 0, 0, 0.5); color: #fff; border: 3px solid #00eeee; box-shadow: 50px;">
                <strong><i style="color: #000;">Ousmane, China</i></strong><br>
                <i>Thanks so much <a href="https://www.w3schools.com/">w3school</a>
                    for the provision of free resources to global learners.<br>
                    I have benefit a lot from your rich contents over the years.
                </i>
            </div>

            <!-- Message from Shawn (Malaysia) -->
            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-xlarge w3-serif"><i>"This is my first time learning GIT, thank you W3school"</i>
                </p>
                <p><i>Shawn, 20/07/2022</i></p>
            </div>

            <!--Created by ashkan from iran-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"w3schools is the best website for learning."</i>
                </p>
                <p>Ashkan Khani</p>
            </div>

            <!--Message from Francis-->
            <div class="w3-panel w3-leftbar w3-red">
                <p class="w3-xxlarge w3-serif">
                    Thank you very much W3Schools. I really like the way the courses are formatted.
                </p>
                <p><i>- Francis from Philippines</i></p>
            </div>

            <!-- Message from Prof. Hammed Bello (Nigeria) -->
            <div class="w3-panel w3-leftbar" style="background-color: dodgerblue">
                <p class="w3-xxlarge w3-serif" style="color: whitesmoke;"><i>"My love for w3schools.com is
                        unlimited, it has
                        been
                        a helping hand for me right from beginning Thanks for all you do. You are the best."</i>
                </p>
                <h2 style="color: whitesmoke;">Hammed Bello from Nigeria</h2>
            </div>

            <!--Created by jagdeep singh from india-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Instagram pbx__malhi folow me there"</i>
                </p>
                <p>Jagdeep Singh</p>
            </div>

            <!--Created by Palak Logics from india-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Hi Hello"</i>
                </p>
                <p>Palak</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"satyam sharma is the"</i>
                </p>
                <p>Ashkan Khani</p>
            </div>

            <!-- melih start -->
            <div>
                <h1>melih was here</h1>
            </div>
            <!-- melih end -->

            <!--Created by abhishek baliyan from india-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Thank you so much for the tutorial!"</i>
                </p>
                <p>W3school is Amazing</p>
                <p>You are the Best</p>
            </div>

            <!--Created by RaiNFall-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Thanks for this amazing tutorial and for the opportunity to get my hands dirty with
                        GiT!"</i>
                </p>
                <p>RaiNFall</p>
            </div>

            <!-- Meeage from Oyefule (Nigeria) -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Insightful and buttressed my learning"</i></p>
                <p>Oyefule Oluwatayo</p>
            </div>

            <!-- From Andrés Conde Rodríguez -->
            <div
                style="background-image: linear-gradient(144deg, #8df 40%, #6f8 99%); margin: 10px; padding: 16px; text-align: center; border-radius: 25px;">
                <h1 style="letter-spacing: 7px; color: white;"><b>My congratulations to W3schools for this
                        awesome tutorial</b>
                </h1>
                <p style="color: white;">Andrés Conde Rodríguez from Spain</p>
            </div>
            <!-- Form SURAJ KUMAR SHARMA form INDIA  -->
            <div class="cheat"
                style="border: #72adcb solid 5px; margin-top: 20px; padding: 20px; border-radius: 10px; box-shadow: 0 0 20px rgb(126, 54, 54);background-color: #d09c41; background-image: linear-gradient(43deg, #04f40c 0%, #e8e8e8 46%, #b7440e61 100%);">
                <h1 style="text-align: center; color: white;">Thank a lot w3 school your website help a lot of
                    delevoper around
                    the world.</h1>
                <p class="w3-xxlarge w3-serif">
                    <i>"Make it as simple as possible , To Deliver the edge of git <span title="Version Control System">
                            (VCS)
                        </span>contribution </i>
                </p>
                <p class="w3 x-large sw3-cursive">" Thank you for <a href="https://www.w3schools.com/"> w3School
                    </a> " </p>
                <p class="w3-text-white">Suraj Kr. Sharma ( <span class="w3-text-black">INDIA</span> ) </p>
            </div>

            <!-- Meeage from Owzbi (Nigeria) -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>Thanks to w3schools for the amazing work</i></p>
                <p>Owzbi from Nigeria</p>
            </div>

            <!-- phoenix_soul-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <div class="w3-center">
                    <p class="w3-large">Thanks for the tutorial!</p>
                </div>
            </div>

            <!-- From ElenaCoder  -->
            <div class="div" style="border: 3px dashed grey; background-color: #e7e6e2">
                <div style="margin-right:auto; margin-left:auto">
                    <p>"Tell me and I forget. Teach me and I remember. Involve me and I learn." - Benjamin
                        Franklin</p>
                    <p>Thanks W3school for the tutorial! </p>
                </div>
            </div>

            <!-- Message from Laurel1er -->
            <div>
                <p>Tutorial quite simple to understand for beginers --&gt; Great work again!</p>
            </div>

            <!-- Message from Leo -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Thanks a lot!"</i></p>
                <p>Leo</p>
            </div>

            <!-- Message from Eileenpk -->
            <div>
                <p>Thank you for the helpful tutorial!!</p>
            </div>

            <!-- Bruce H -->
            <div class="div" style="border: 5px dashed grey; background-color: #00ffcc">
                <div style="margin-right:auto; margin-left:auto">
                    <p>Greatest tutorial about Git</p>
                    <p>Thanks for the tutorial! </p>
                </div>
            </div>

            <div>
                <p>Thanks for the tutorial!</p>
            </div>

            <!-- Message from GV -->
            <div class="w3-panel w3-animate-fading">
                <p class="w3-xxlarge w3-serif"><i>Thanks for the incredible job. Have a good day!</i></p>
                <p>GV</p>
            </div>

            <h1 style="text-align:center;">thank you w3school</h1>

            <!-- Serhii from Ukraine-->
            <div class="w3-container">
                <div class="w3-panel w3-leftbar w3-sand">
                    <p class="w3-xxlarge w3-serif"><i>Keep calm and learn with w3schools.com </i></p>
                </div>
            </div>

            <!--Message de jogo-->
            <div style="background-color: rgb(247, 194, 247); color: rgb(36, 23, 71);">
                <h1>Devilish Hairdresser, uma série de 10 jogos lançados no GirlsGoGames e sites associados dos
                    anos de 2009 a
                    2013... </h1>
                <p>
                <h2><i>flash do Anjo e do Diabo, procurando cada pepita de informação que posso encontrar. </i>
                </h2>
                </p>
                <p><i>Depois disso, exploro minuciosamente o raciocínio por trás de uma interpretação popular de
                        sua
                        dinâmica.</i>
                </p>
            </div>
            <!--Tem algo aqui-->

            <!-- Message from DL -->
            <div>
                <p>Thank you for the tutorial, it'll come in handy for college!</p>
            </div>

            <!--Message from Luke-->
            <div class="w3-panel w3-leftbar w3-red">
                <p class="w3-xxlarge w3-serif">
                    Thank you very much W3Schools. A well structured course.
                </p>
                <p><i>- Luke</i></p>
            </div>

            <!-- Message from Simon -->
            <div style="background: rgb(30, 55, 42);box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);padding: 10px;">
                <p style="font-family: monospace;font-weight:400;text-align: center;color:white;font-style: normal;">
                    Thanks from
                    Sweden!<br>-Simon</p>
            </div>
            <!-- Message From Mehmet Husnu Celik-->
            <div
                style="background-image: url('https://images.pexels.com/photos/434645/pexels-photo-434645.jpeg?cs=srgb&dl=pexels-pixabay-434645.jpg&fm=jpg&w=4608&h=3456');height:380px;background-position: center;background-repeat:no-repeat;background-size: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;border-radius: 5px;box-shadow: 10px 10px 17px -1px rgba(0,0,0,0.75); -webkit-box-shadow: 10px 10px 17px -1px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 17px -1px rgba(0,0,0,0.75);margin-bottom: 1em;text-align: center;">
                <div style="background: rgba(255,2544,255,0.45);padding: 5px;">
                    <p style="text-shadow: 0.2em 0.1em 0.28em #5fea53; font-weight: bold;font-size: x-large;">
                        Thank you w3schools
                        for your efforts and beginner friendly tutorials</p>
                    <p style="text-shadow: 0.2em 0.1em 0.28em #001440; font-weight:bold;font-size: x-large">
                        Learn from yesterday
                    </p>
                    <p style="text-shadow: 0.2em 0.1em 0.28em #001440; font-weight:bold;font-size: x-large">Live
                        for today</p>
                    <p style="text-shadow: 0.2em 0.1em 0.28em #001440; font-weight:bold;font-size: x-large">Hope
                        for tomorrow</p>
                    <p style="text-shadow: 0.2em 0.1em 0.28em #001440; font-weight:bold;font-size: x-large">The
                        important thing is
                        to not stop questioning</p>
                    <b><a href="https://www.animatedimages.org/cat-turkey-flag-903.htm"><img
                                src="https://www.animatedimages.org/data/media/903/animated-turkey-flag-image-0001.gif"
                                border="0" alt="animated-turkey-flag-image-0001" style="width:25px;height:15px;" /></a>
                        <span style="text-shadow: 0.2em 0.1em 0.28em #9b1712; font-weight:bold;font-size:large">Mehmet
                            Hüsnü
                            Celik</span>
                        <a href="https://www.animatedimages.org/cat-turkey-flag-903.htm"><img
                                src="https://www.animatedimages.org/data/media/903/animated-turkey-flag-image-0001.gif"
                                border="0" alt="animated-turkey-flag-image-0001"
                                style="width:25px;height:15px;" /></a></b>
                    <p style="text-shadow: 0.2em 0.1em 0.28em #9b1712; font-weight: bold;font-size: large;"><a
                            href="https://www.animatedimages.org/cat-turkey-flag-903.htm"><img
                                src="https://www.animatedimages.org/data/media/903/animated-turkey-flag-image-0021.gif"
                                border="0" alt="animated-turkey-flag-image-0021" style="width:40px;height:40px;" /></a>
                        Greetings From Turkey <a href="https://www.animatedimages.org/cat-turkey-flag-903.htm"><img
                                src="https://www.animatedimages.org/data/media/903/animated-turkey-flag-image-0022.gif"
                                border="0" alt="animated-turkey-flag-image-0022" style="width:40px;height:40px;" /></a>
                    </p>
                </div>
            </div>

            <!-- Message from Drew -->
            <p>
                Hello World!
            </p>
            <!-- Message from Thien Nhan -->
            <div class="w3-panel w3-leftbar w3-red">
                <p class="w3-xxlarge w3-serif">
                    Thank you very much W3Schools. A well structured course.
                </p>
                <p><i>- Luke</i></p>
            </div>
            <!-- Message from Fatou-->
            <p>Thank you for the tutorial</p>

            <!-- Message from UL -->
            <p>Hello and thank you!</p>

            <!--Message from awkward person-->
            <p>Hi</p>

            <!--Message from M. Mansoor Alamyar ( Afghanistan )-->
            <div style="background-color: #1e3799; border: 15px solid #6a89cc; margin: 10px 0px;">
                <h1 style="font-size:24px; color:white; padding-left: 10px; text-align:left;">If you think math
                    is hard, try web
                    development.</h1>
                <p style="font-size:14px; color: white; padding-left: 25px; text-align:left;">Mansoor Alamyar,
                    Kabul-Afghanistan.
                </p>
            </div>


            <!--Message from Hung ( Vietnam )-->
            <div class="w3-panel w3-pale-green">
                <h1 class="w3-text-orange" style="text-shadow:1px 1px 0 #444">Thank you W3Schools. Thank you for
                    the tutorial.
                </h1>
            </div>

            <!--Message from Dixvi( Myanmar )-->
            <div class="w3-panel w3-pale-green">
                <h1 class="w3-text-orange" style="text-shadow:1px 1px 0 #444">Very Very Thank W3Schools💖.Your
                    are my Master
                </h1>
            </div>

            <!-- Message from backup01 -->
            <p>Just a test! Thank you, w3schools team!</p>

            <!-- Message from LD -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"I asked God for a bike, but I know God doesn’t work that way. So I stole a bike and
                        asked for
                        forgiveness."</i>
                </p>
                <p>Someone</p>
                <p>quoted by Legend-Duck</p>
            </div>

            <!--Message from Darko Sasanski-->
            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif" style="margin: 15px 0px;">
                    <i>Thank You W3Schools !!</i><br>
                    <i>Благодарам W3Schools!!</i>
                </p>
                <p style="margin-top: 15px;">&nbsp;-Дарко Сасански</p>
            </div>

            <!--Message from yenhungkuo -->
            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif" style="margin: 15px 0px;">
                    <i>Thank You W3Schools !!</i><br>
                    <i>學習到很多東西!!</i>
                </p>
            </div>


            <!-- Message from Marie-->
            <p>Thanks a lot for the tuto</p>


            <!-- A thank you message from Bryan -->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-xxlarge">
                    Thanks for the tutorial W3 School!
                </p>
                <p>Thanks for the all the amazing content</p>
                <p>Agwe Bryan from Cameroon 👍 🥰</p>
            </div>

            <!-- Message from Texas -->
            <p> Thanks a lot for this awesome tutorial </p>

            <h1>added new line</h1>

            <!-- Message from Kimsong -->
            <h2
                style="text-align: center;padding: 10px; font-weight: bold; text-shadow: 0 0 2px lime, 0 0 10px lime; color: white; background-color: #000;">
                Amazing Tutorial
            </h2>

            <!-- A thank you message from AhmedGamalDakhly  -->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-xxlarge">
                    Thanks for the tutorial W3 School!
                </p>
                <p>Thanks for the all the amazing content</p>
                <p>Ahmed Gamal Dakhly from Egypt/Minya 👍 🥰</p>
            </div>

            <div>
                <h1>Thank you for making this tutorial, W3Schools! ~MP </h1>
            </div>

            <!-- Message from dnalexen  -->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-xxlarge">
                    Very good tutorial!
                </p>
            </div>
            <!-- Message from welfitt -->

            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-xxlarge">
                    Thanks very much, have a great day.
                </p>
            </div>

            <!-- Message from phani -->
            <div class="w3-panel w3-blue">
                <p>Thank you very much for the tutorial!</p>
            </div>

            <!-- Message from Ralph -->
            <div class="w3-panel w3-leftbar w3-red">
                <p class="w3-xxlarge w3-serif">This is the best way to learn ever. Thank you W3Schools!!!
                </p>
                <p><i>- Ralph</i></p>
            </div>

            <!-- Message from dgimg-desarrollador -->
            <div style="background-color:#6CBAEC;">
                Thank you for teaching us www.w3schools.com<br />Mexico City.
            </div>

            <!-- Message from Juergen -->
            <div class="w3-panel w3-blue">
                <p>Thanks for this great tutorial!</p>
            </div>

            <!-- Message from yoyobara -->
            <div style="background-color:#6CBAEC;">THANKS FROM YOYOBARA!</div>

            <!-- Message From Siavash/Kurdistan -->

            <!-- Message from Jasper-->
            Thanks for this tutrorial!

            <!-- Message from mikeliza  -->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-xxlarge">
                    Thank you for this tutorial
                </p>
            </div>
            <!-- Message from TY -->
            <div style="border: 2px solid black; padding: 8px;">
                <p>Thank you(w3Schools) for such a wonderfull git tutorial. :)</p>
            </div>

            <!-- Message from SD boss -->
            <div style="background-color:#6CBAEC;">
                Thank you for teaching us www.w3schools.com<br />NIGERIA.
            </div>

            <!-- Message from Starko1-->
            <div class="w3-panel w3-leftbar w3-orange">
                <p class="w3-xxlarge">Thank you for this great tutorial w3schools! - Someone from France</p>
            </div>

            <!-- Message from Emere -->
            <div style="background-color:#666699;">
                <p> Thank you...</p>
            </div>

            <!-- Message from Ofir -->
            <div
                style="background-color: #000; border: 2 px dashed aqua; padding: 6px; color: #fff; font-family: 'Lucida Console', 'Courier New', monospace; text-align: center;">
                <p>Thank you w3schools so much for this course</p>
                <p>I learned a lot from this course and a lot of your other courses :)</p>
            </div>

            <!-- Message from the bryxx -->
            <div style="background-color: yellow;padding: 20px;">
                Thanks for great tutorial W3School! from Philippines
            </div>

            <!--Message from Aibar who live in Kazakhstan-->
            <div style="border: 3px solid orangered;padding: 10px; margin: 10px;font-size: 20px;">
                <p>Thanks for this tutorial. <br>
                    Mambet Aibar</p>
            </div>

            <!-- Message from ws -->
            <div style="background-color:#6CBAEC;">
                Thank you for the wonderful git tutorials s www.w3schools.com<br />weisheng.
            </div>

            <!-- Message from Jaber Zakik -->
            <div style="background-color:#6CBAEC;">
                Thank you for teaching us www.w3schools.com ... jaber <br />Morocco.
            </div>

            <!-- Message from Gwanghyeon Gim-->
            <div class="w3-panel w3-leftbar">
                <p>좋은 깃 강의에 감사드립니다.</p>
                <p class="w3-medium">김광현.</p>
            </div>

            <!-- Message from gt7219b -->
            <div style="background-color:#6CBAEC;">
                I'm very grateful for this for course<br />
            </div>


            <!-- Message from Olek -->
            <div style="background-color:#6CBAEC;">
                Git tutorial 2022 is good <br />
            </div>


            <!-- Message from Mahammad-->
            <div style="text-align:center; color: salmon;background-color: coral;">
                <h2>Thank you for these great tutorials. <br> Mahammad from Baku, Azerbaijan.</h2>
            </div>

            <!-- Message from some guy-->
            <div style="text-align:center; color: light-blue;background-color: dark-grey;">
                <h2>Thank you. <br> some guy from US.</h2>
            </div>

            <!-- Message from gt7219b -->
            <div
                style="background-color:pink; padding: 20px; border: 2px solid lightgreen; border-radius: 10px; margin: 20px;">
                Hello! I'm A.M. Shohan from Bangladesh.<br>
                Thank you very much W3School.<br />
            </div>

            <!-- Message from Pietro-->
            <div class="center" style="text-align:center; color:white;background-color:#1d2a50">
                <h1>Thank you for the lessons! Pietro.</h1>
            </div>

            <!-- Message from Erfan-ram start -->
            <div class="w3-container">

                <div class="w3-panel w3-card-4 w3-light-grey" style="width:50%">
                    <p class=" w3-large w3-serif">
                        <i class="fa fa-quote-right w3-xxlarge w3-text-red"></i><br>
                        Thanks Allah 💖<span style='font-size:20px;'>&#10024;</span>
                    </p>
                </div>
            </div>
            <!-- Message from Erfan-ram end -->

            <!-- Message from pushkardangi -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>Thank you W3Schools, Lots of Love from India. I love
                        computers because you
                        made
                        it easy for me. </i></p>
                <p>EliMullan</p>
            </div>

            <!-- message form bhavyaramesh from tamilnadu, india -->
            <div>
                <p> very grateful to you for providing such a wonderful content, lots of love </p>
            </div>

            <!-- Message from Ira-->
            <p style="color:magenta;" align="center">
                <i>Thank you for the tutorial!</i>
            </p>

            <!-- Message from Alejandro Gasca -->
            <div class="w3-container w3-panel w3-round-xlarge w3-light-green w3-panel w3-card-4" style="margin:1em">
                <h2 class="w3-text-white w3-bold" style="text-align:center">&#11088; Thank you W3School for
                    the amazing Git
                    Tutorial &#11088;</h2>
                <p>Greetings from San Luis Potosí, México.</p>
            </div>

            <!-- Message from El Salvador-->
            <p style="color:orange;" align="center">
                <i>Thank you for the tutorial!</i>
            </p>

            <!-- Message from UES-->
            <p style="color:red;" align="center">
                <i>Thank you for the tutorial <3< /i>
            </p>

            <!-- Message from Brazil-->
            <p style="text-align: center"><ins>Thank you for these amazing tutorials, they helped me a lot.
                    Cheers from
                    Brazil
                    - Daniel.</ins></p>

            <!-- Message from en_croissant-->
            <div
                style="border: 2px solid black; border-style: solid hidden solid hidden; margin: 45px auto; text-align: center;">
                <h1>Hi there 🤙</h1>
            </div>

            <!-- Message from Vietnam-->
            <p style="color:orange;" align="center">
                <i>Thank you very much for the tutorial! Best wishes to you. </i>
            </p>
            <!-- end message-->

            <!--Message from Tamale Julius-->
            <div style="max-width: 100%; border: none; background:rgb(0, 77, 95); color: #d3f2ff;">
                <p>Thank you w3shools for this tutorial ❤️</p>
                <p>Greetings from Kampala, Uganda</p>
            </div>
            <!--end message-->

            <!--Message from Brazil-->
            <div
                style="background: rgb(255, 0, 85); color: rgb(230, 230, 230); text-align: center; padding: 20px; font-size: 25px; font-family:'Courier New', Courier, monospace; font-style:normal;">
                <p>Thank you for the very nice tutorial. You rock!</p>
                <p style="font-size: 16px;">Marcio, Brazil</p>
            </div>

            <!--Message from earth-->
            <div style="background: blue; color: white; text-align: center; padding: 20px;">
                <p style="font-size: 25px;">some text about thanking w3school</p>
            </div>

            <!--Message from Bologna, Italy-->
            <div style="background: lightyellow; text-align: center; padding: 15px; font-style: italic;">
                <p style="font-size: large;">Ciao a tutti and thank you to W3Schools!</p>
            </div>

            <!--Message from Cairo, Egypt-->
            <div style="background: lightyellow; text-align: center; padding: 15px; font-style: italic;">
                <p style="font-size: large;">W3Schools is the best & simple learning website i have ever
                    seen!</p>
            </div>

            <div
                style="font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; color: #fff; text-shadow: 0 0 15px #a5a5a5; padding: 30px 0; font-size: 1.7rem;">
                Thanks to W3schools! Love from Bangladesh.
            </div>

            <!-- message from  Zougha -->
            <div style="background-color: yellow; color: blue; text-align: center;">
                <h1>Thank you fro tutorial</h1>
                <h3>Zougha, Morocco</h3>
            </div>

            <!--Message from India, Pune-->
            <div style="background: lightyellow; text-align: center; padding: 15px; font-style: italic;">
                <p style="font-size: large;">Thank you to W3Schools! for great tutorial</p>
            </div>

            <!--Message from DEVOWFS GUELMIM-->
            <div style="background: lightyellow; text-align: center; padding: 15px; font-style: italic;">
                <p style="font-size: large;">Thank you to W3Schools!</p>
            </div>

            <!-- Message from Alan Phillips from Portsmouth, UK -->
            <div class="w3-container w3-panel w3-round-xlarge w3-light-green w3-panel w3-card-4" style="margin:1em">
                <h2 class="w3-text-white w3-bold" style="text-align:center">&#11088; Spend 2 days going
                    through this tutorial.
                    Simple and clear. Many thanks! &#11088;</h2>
                <p>From Alan Phillips, Portsmouth UK.</p>
            </div>

            <!-- From Piotr  -->
            <div class="div" style="border: 3px dashed grey; background-color: #e7e6e2; text-align: center">
                <p>Thanks W3School for this cool tutorial! Greetings from Cracow, Poland</p>
                <p>Piotr, 25 Dec 2022</p>
            </div>

            <!--Message from Holiday-->
            <div style="background: lightblue; text-align: center; padding: 25px;">
                <p style="font-size: 30px;">Merry Christmas and Happy New Year!</p>
            </div>

            <!--Message from Dublin, Ireland-->
            <div style="background-color: F1F1F1;">
                <div class="w3-container w3-round-large w3-card-4"
                    style="margin: auto; width: 50%; background-color: #0c6a62; margin-top: 1em;margin-bottom: 1em;">
                    <p style="font-size: xlarge; text-align: center; color: #FFF;">学到了很多! 谢谢侬!</p>
                    <p style="font-size: medium; text-align: center; color: #FFF;">-From Shanghai, China</p>
                </div>
            </div>

            <!--Message from SouthEast Asia-->
            <div style="background-color:rgb(0, 94, 55); color: green ;text-align: center;">
                <p> Thank you W3schools for this so wonderful tutorial, really much appreciated!. ROCK!</p>
                <p style="font-size : large;">Carl, SouthEast Asia</p>
            </div>

            <!--Message from Algiers, Algeria-->
            <div class="w3-panel w3-blue">
                <p class="w3-xxlarge w3-sanserif"> "Happy New Year!!! Hakuna Matata" - Skill Rox ,27/12/2022
                </p>
            </div>

            <div>
                <p>W3Schools, you've been a life saver. Thank you for all that you do, Ibukun from Nigeria
                </p>
            </div>

            <!--Message from Lubnan, Asia-->
            <div style="background-color: black; color: white;">
                <p class="w3-xxlarge w3-sanserif"> "Thank you for teching me ^__^" - Sk>
            </div>

            <!--Message from a starter-->
            <div>
                <p>
                <h2>Thank You So Much w3schools</h2>
                </p>
            </div>

            <!--Message from a India-->
            <div style="background-color:rgb(0, 94, 55); color: green ;text-align: center;">
                <p> Thank you W3schools for this so wonderful tutorial, really much appreciated!. ROCK!</p>
                <p style="font-size : large;">India--</p>
            </div>


            <!--Message from Germany-->
            <div style="background-color:rgb(0, 94, 55); color: green ;text-align: center;">
                <p> Thank you W3schools for this so wonderful tutorial, really much appreciated!</p>
                <p style="font-size : large;">AW, Fulda</p>
            </div>

            <div id="javad"
                style="font-family:Verdana, Geneva, Tahoma, sans-serif; color:crimson; font-size: 32px; text-align: center; background-color: #D9ED92; width: 90%; border-radius: 20px; margin: auto;box-shadow:10px 10px 5px #70dbdb;">
                <p>Thanks a lot for sharing this great tutorial! this is not the first time I've used
                    w3schools, you have
                    taught
                    me a lot over the years!</p>
                <small style="color: #094e5f;">Javad from Iran.</small>
                <small style="color: #094e5f;"><time datetime="2023-01-11">2023-01-11</time></small>
            </div>

            <!--Message from Tiago Brito-->
            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif" style="margin: 15px 0px;">
                    <i>Thank You W3Schools !!</i><br>
                    <i>Greetings from Portugal!</i>
                </p>
                <p style="margin-top: 15px;">&nbsp;-Tiago Brito</p>
            </div>
            <!-- Message from Daniel from Bolivia -->
            <div style="background-color: #E6E6E9; padding: 10px">
                <h2 id="h2-daniel-bolivia">Congratulations for such an amazing job w3schools. Greetings from
                    Bolivia</h2>
                <div class="bandera">
                </div>
                <style>
                    .bandera {
                        margin: auto;
                        height: 100px;
                        width: 150px;
                        background: linear-gradient(180deg, red 34%, yellow 34%, yellow 66%, green 66%)
                    }

                    #h2-daniel-bolivia {
                        text-align: center;
                        text-shadow: 1px 5px 5px #9999A1;
                    }
                </style>
            </div>
            <!--Message from Bangladesh-->
            <div
                style="font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; color: #fff; text-shadow: 0 0 15px #a5a5a5; padding: 30px 0; font-size: 1.7rem;">
                SO MANY LOVE FROM BANGLADESH.🇧🇩<br>
                This is your host Sajib Hasan.
            </div>

            <!-- Message from M.J from Persia -->
            <div style="background-color:#004F80; border:5px solid #042b30; border-radius: 5px;text-align: center;">
                <h1>Thanks to <span
                        style="text-decoration: underline;font-weight: bolder; font-family: fantasy;">✔w3schools✔</span>
                    for being
                    such nice and generous at sharning this wonderful knowledge to everyone freely!</h1>
            </div>

            <!-- message from rumiani -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"My open-source contribution. PROUD!"</i>
                </p>
                <p>Rumiani</p>
            </div>

            <!-- Message from Zach -->
            <div>
                <h1>Thanks for the Tutorial!</h1>
                <p>From Zach</p>
            </div>

            <!-- Message from Evgeniy from Belarus-->
            <div
                style="@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap'); font-style: normal; margin: 40px 0; display: flex; justify-content: center; align-items: center; text-align: center; color: yellowgreen;">
                <div style="background-color: #121212; padding: 30px 60px; border-radius: 30px;">
                    <h1 style="font-family: 'Roboto Mono', monospace;">
                        Thank you w3schools!
                    </h1>
                    <h1 style="font-family: 'Roboto Mono', monospace;">
                        The best place for learning!!!
                    </h1>
                    <p style="font-family: 'Roboto Mono', monospace; font-weight: normal;">
                        Evgeniy from Belarus, 2023
                    </p>
                    <div style="width: 100px; margin: 0 auto;">
                        <div style="height: 20px; background-color: #ececec; border-radius: 5px 5px 0 0;"></div>
                        <div style="height: 20px; background-color: #d20000"></div>
                        <div style="height: 20px; background-color: #ececec;border-radius: 0 0 5px 5px;"></div>
                    </div>
                </div>
            </div>

            <style>
                .xcontainer {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    text-align: left;
                    height: auto;
                    width: 100%;
                    padding: 20px;

                }

                .xbox {
                    height: auto;
                    width: 57%;
                    background-color: #7ee8fa;
                    background-image: linear-gradient(315deg, #7ee8fa 0%, #80ff72 74%);
                    padding: 50px;
                    border-radius: 20px;
                    background-color: white;
                }
            </style>
            <div class="xcontainer">
                <div class="xbox">
                    <h1>Thanks W3 Schools For Making Learning Easy</h1>
                    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus porro culpa incidunt
                        voluptatem quis
                        cumque
                        sint, consequatur libero nam aperiam placeat! Totam quis corporis mollitia iste
                        blanditiis possimus
                        tenetur
                        dignissimos.</p>
                    <h5>-John Doe</h5>
                    <h6>05//02/2022</h6>
                </div>
            </div>

            <!-- message from lahoucine -->
            <div
                style="display: flex;justify-content:center;align-items:center; height:40px;padding:10px;margin-bottom: 30px;">
                <div
                    style="width:50%;background-color: rgba(0, 0, 0, 0.5);border-radius: 10px;box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.5);text-align: center;">
                    <h2><code style="color: white;">thanks for this tutorial</code></h2>
                </div>
            </div>


            <!-- Message from Evgeniy from Belarus-->
            <div
                style="@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap'); font-style: normal; margin: 40px 0; display: flex; justify-content: center; align-items: center; text-align: center; color: yellowgreen;">
                <div style="background-color: #121212; padding: 30px 60px; border-radius: 30px;">
                    <h1 style="font-family: 'Roboto Mono', monospace;">
                        Ooooooooooooh w3schools!
                    </h1>
                    <h1 style="font-family: 'Roboto Mono', monospace;">
                        The best place for learning!!!
                    </h1>
                    <p style="font-family: 'Roboto Mono', monospace; font-weight: normal;">
                        Evgeniy from Belarus, 2023
                    </p>
                    <div style="width: 100px; margin: 0 auto;">
                        <div style="height: 20px; background-color: #ececec; border-radius: 5px 5px 0 0;
            "></div>
                        <div style="height: 20px; background-color: #d20000"></div>
                        <div style="height: 20px; background-color: #ececec;border-radius:
             0 0 5px 5px;"></div>
                    </div>
                </div>
            </div>

            <!-- message from PWN Canada -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"My open-source contribution - thank you to w3schools!"</i>
                </p>
                <p>PWN</p>
            </div>

            <!-- message from India -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"First Ever OS Contribution! Please merge this!"</i>
                </p>
                <p>PWN</p>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Thanks for the tutorial!</i>
                </p>
            </div>

            <!-- message from bealfredo -->
            <div class="msg-bealfredo">
                <p>Thanks W3Schools!</p>
                <q>bealfredo, 2023/01/25</q>

                <style>
                    .msg-bealfredo {
                        width: 350px;
                        height: 350px;
                        margin: 20px auto;
                        border-radius: 50%;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        position: relative;

                        color: white;
                        font-size: 25px;
                        text-shadow: 0 0 1px black, 0 0 50px white;
                        font-family: Verdana, Geneva, Tahoma, sans-serif;
                        background-color: rgba(255, 255, 255, 0.2);
                        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
                    }

                    .msg-bealfredo::before {
                        display: block;
                        content: "";
                        position: absolute;
                        inset: 0;
                        z-index: -1;
                        border-radius: inherit;
                        margin: -15px;

                        background-color: hsla(0, 100%, 50%, 1);
                        background-image:
                            radial-gradient(at 40% 20%, hsla(28, 100%, 74%, 1) 0px, transparent 50%),
                            radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%),
                            radial-gradient(at 0% 50%, hsla(355, 100%, 93%, 1) 0px, transparent 50%),
                            radial-gradient(at 80% 50%, hsla(340, 100%, 76%, 1) 0px, transparent 50%),
                            radial-gradient(at 0% 100%, hsla(22, 100%, 77%, 1) 0px, transparent 50%),
                            radial-gradient(at 80% 100%, hsla(242, 100%, 70%, 1) 0px, transparent 50%),
                            radial-gradient(at 0% 0%, hsla(343, 100%, 76%, 1) 0px, transparent 50%);
                        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
                        animation: msg-bealfredo linear 10s infinite both;
                    }

                    .msg-bealfredo q {
                        font-size: 12px;
                    }

                    @keyframes msg-bealfredo {
                        0% {
                            transform: rotate(0deg);
                        }

                        100% {
                            transform: rotate(360deg);
                        }
                    }
                </style>
            </div>

            <!--Message from José Sampaio, PT-->
            <div class="w3-panel w3-leftbar w3-blue">
                <p class="w3-xlarge w3-serif">
                    <i>"Big KUDOS to W3Schools"</i>
                </p>
                <p>JS</p>
            </div>

            <!-- message from Nick Chen -->
            <div class="msgBoxByNickChen">
                <p>Thank w3school for this tutorial!!!<br />By Nick Chen from Taiwan</p>
                <style>
                    .msgBoxByNickChen {
                        background-color: #eee;
                        text-align: center;
                        width: 500px;
                        height: 300px;
                        margin: 0 auto;
                        padding: 50px;
                        border-radius: 50px;
                    }

                    .msgBoxByNickChen p {
                        margin: 0;
                        color: black;
                        line-height: 2.6;
                    }
                </style>
            </div>

            <div>
                <p>This is curryflex changes</p>
            </div>

            <div>
                <p>This text change from local repo.</p>
            </div>
            <!--Message from Koda5523-->
            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif" style="margin: 15px 0px;">
                    <i>Thank You W3Schools !!</i><br>
                    <i>Greetings from Belgium!</i>
                </p>
                <p style="margin-top: 15px;">&nbsp;-Koda5523</p>
            </div>

            <!--Messsage from scriptax-->
            <div id="scriptax-div">
                <p id="scriptax-message">
                    Big thanks to w3schools team! You are amazing. Keep up the good work.<br>
                    -From Iran by scriptax - March 4, 2023
                </p>
                <button id="scriptax-btn">read a quote --></button><br>
                <q id="scriptax-quote">
                    <mark style="background-color: orange;">
                        Sow a thought and you reap an action;<br>
                        Sow an act and you reap a habit;<br>
                        Sow a habit and you reap a character;<br>
                        Sow a character and you reap a destiny.
                    </mark>
                </q>
            </div>
            <style>
                #scriptax-div {
                    width: 100%;
                    background-color: black;
                    font-family: tahoma, verdana, arial;
                    text-align: center;
                }

                #scriptax-message {
                    font-weight: 400;
                    font-size: 16pt;
                }

                #scriptax-quote {
                    color: black;
                    height: 0;
                    opacity: 0;
                    transition-duration: 0.3s;
                }

                #scriptax-btn:focus~#scriptax-quote {
                    opacity: 1;
                }
            </style>
            <!--Message from scriptax-->

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Thank you W3Schools! - 02/03/2023"</i>
                </p>
                <p>PWN</p>
            </div>

            <!-- Message from Mark Szente from Budapest, Hungary -->
            <div class="w3-container w3-panel w3-round-xlarge w3-light-green w3-panel w3-card-4" style="margin:1em">
                <h2 class="w3-bold" style="text-align:center">Thank you W3Schools for a clear and very cleverly designed
                    tutorial.
                    It was a true pleasure to learn from you!</h2>
                <p style="text-align:center">Mark Szente, Budapest, Hungary</p>
            </div>

            <!-- message from Fernando F. Robazzi -->
            <div class="msg-fernando">
                <p>"I am grateful to W3Schools for their exceptional tutorials and dedication to providing comprehensive
                    and
                    user-friendly content, which have been an invaluable resource in expanding my coding knowledge."</p>
                <p> Fernando F Robazzi - 2023-03-20</p>
            </div>

            <style>
                .msg-fernando {
                    border: 5px solid #006633;
                    position: relative;
                    padding: 5px 10px;
                    margin: 40px 0;
                    color: #006633;
                    text-decoration: none;
                    transition: 0.7s;
                    letter-spacing: 4px;
                    overflow: hidden;
                    margin: 50px 50px 200px 50px;

                }

                .msg-fernando:hover {

                    background: #006633;
                    color: #ffffff;
                    box-shadow: 0 0 5px #006633,
                        0 0 25px #006633,
                        0 0 50px #006633,
                        0 0 1000px #006633;
                    -webkit-box-reflect: below -5px linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.4));
                }
            </style>

            <!-- Message from Obaze, Nigeria -->
            <p><i>Greatful for the opportunity to be able to use the great resource plaform. Thank you w3schools</i></p>

            <!-- Message from ctlrfrtnr -->
            <h2>Thank you for providing this great tutorial, and for free!</h2>
            <h2>I think I screwed up, let me try again</h2>
            <!-- End Message from ctlrfrtnr -->

            <!-- message from Cerbog -->
            <div class="w3-sand msg-bogdan"
                style="margin: 0 100px 30px; border: 2px solid gray; padding: 10px; transition: ease-out 0.5s;">
                <p class="w3-xxlarge w3-serif" style="padding-left: 20px;">
                    <i>"Great job on providing free tutorials, w3scooles! I belive there is a lot of hard work behind
                        what we see
                        here. Thank you very much!"</i>
                </p>
                <p style="font-weight: bolder; text-align: end; padding-right: 20px;">Bogdan Cerveneak <br> Romania</p>
                <p
                    style="text-align: center; font-family: 'Times New Roman', Times, serif; font-size: medium; color:#203A43">
                    <em>29.03.2023</em>
                </p>
            </div>
            <style>
                .msg-bogdan:hover {
                    box-shadow: 20px 20px gray;
                    transform: scale(1.1);
                    transition: transform 0.5s ease-in;
                }
            </style>
            <!-- End message from Cerbog -->

            <!-- Message from fjorg58, Canada -->
            <h2>Hello from fjorg58, Canada</h2>
            <h2>Thank you W3Schools for proving this great tutorial</h2>
            <h2>Bonne journée à tous!! Auf wiedersehen!!</h2>
            <!-- End Message from fjorg58 -->


            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Thank you very much to the guide!<br>
                        Ps. had to copy the code to add this message (unfamiliar with html lol).<br>
                        - 28/03/2023</i>
                </p>
                <p>blueAndWhite</p>
            </div>

            <!-- Message from ctlrfrtnr -->
            <h2>Thank you for providing this great tutorial, and for free!</h2>
            <h2>I think I screwed up, let me try again</h2>
            <!-- End Message from ctlrfrtnr -->

            <!-- Message from Abdul Qadir Amin from Afghanistan -->
            <h2>Thank you w3schools, I learned a lot</h2>
            <p>Abdul Qadir Amin, Kabul, Afghanistan</p>

            <!-- Message from Tomas -->
            <p>Thanks for the tutorial!</p>

            <!-- Message from Andy B. -->
            <p>Thanks this tutorial helped me a lot! </p>

            <!-- Message from Vinsensius -->
            <p>Thanks for making this tutorial </p>

            <!-- Message from trappigs -->
            <p style="background-color: #000; color: white;">If we don't save the Earth, who will?</p>

            <!-- Message from Hritick , India-->
            <div style="background-color: #E6E6E9; padding: 10px">
                <h1 id="h1">Thank you for such amazing content for free</h2>
                    <style>
                        #h1 {
                            text-align: center;
                            text-shadow: 1px 5px 5px #9999A1;
                        }
                    </style>
            </div>


            <!-- Message from Chris, closed code tag on line 5006 -->
            <p>Lovely clear website and tutorial. Well done! - Chris</p>


            <!--Message from DrinVerse, Philippines-->
            <div class="div-drinph">
                <span class="span-drinph">&#10077;</span><br><br>
                <p class="p-drinph">“Fear is not evil. It tells you what your weakness is. And once you know your
                    weakness, you
                    can
                    become stronger as well as kinder.”<br><br>- Gildarts Clive (Fairy Tail)</p>
                <p class="drinverse">Made with love by DrinVerse &copy 4/18/23</p>
                <style>
                    .div-drinph {
                        background: #5f50a9;
                        width: 85%;
                        margin: 45px auto;
                        padding: 35px 75px;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        text-align: center;
                        border-radius: 12px;
                        transition: ease .40s;
                        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                    }

                    .div-drinph:hover {
                        box-shadow: 18px 18px 87px 0px rgb(10 15 70 / 20%);
                        border-radius: 12px;
                        will-change: transform;
                        transform: perspective(1000px) rotateX(20.0deg) rotateY(0.0deg) scale3d(1.05, 1.05, 1.05);
                    }

                    .span-drinph {
                        font-size: 100px;
                    }

                    .p-drinph {
                        margin-top: -60px;
                        font-size: 1.7rem;
                    }

                    .drinverse {
                        font-size: 1.1rem;
                        font-style: normal;
                        font-family: 'Courier New', Courier, monospace;
                    }
                </style>
            </div>

            <!--Message from Max -->
            <div
                style="background:linear-gradient(to right, rgb(75, 75, 173),red); padding: 5px; border-radius: 5px; box-shadow: 5px 5px 9px black; color: wheat; font-size: 7px;">
                <h4 style="font-size: 30px; text-align: center;">Thank You W3Schools for your free tutorials! Keep on
                    keeping on!! 😎</h4>
                <h5 style="text-align: end; margin-right: 10px;">Max</h5>
                <h5 style="text-align: end; margin-right: 10px;">04.11.23</h5>
            </div>
            <!--End Message from Max -->

            <!-- Message from saba & ehsan , Iran-->
            <div
                style="background: #20a0e0; color:#fff; text-shadow: 0 1px 1px #000; margin: 0 auto; text-align: center; border-radius: 25px; padding:20px; width: 100%;">
                <h2>Thank you very much for your step-by-step, clear and excellent tutorial about Git and GitHub</h2>
                <p style="margin: 0 auto;">Saba & Ehsan, urmia-Iran </p>
                <time datetime="2023-05-4">4st of April, 2023</time>
            </div>

            <!-- Message from saba & ehsan , Iran-->
            <div
                style="background: #BFD641; color:#fff; text-shadow: 0 1px 1px #000; margin: 0 auto; text-align: center; border-radius: 25px; padding:20px; width: 100%;">
                <h2>Thank you very much for your step-by-step, clear and excellent tutorial about Git and GitHub</h2>
                <p style="margin: 0 auto;">Onkar Kadam from INDIA</p>
                <time datetime="2023-05-4">16th May 2023</time>
            </div>

            <!-- Message from Angus -->
            <div class="w3-panel w3-leftbar w3-light-grey w3-text-red">
                <p class="w3-xlarge">
                    <i>The Humble beginning</i>
                </p>
                <p class="w3-small">5/04/2023</p>
            </div>
            <!-- Mensaje de Ricardo Urdiera-->
            <div class="w3-panel w3-leftbar w3-orange">
                <p class="w3-xxlarge">Gracias al tutorial, saludo desde México</p>
            </div>

            <!-- This message is from India  -->
            <p>I think this is the best place to learn about programming. After learning form W3Schools☀️❤️ I can
                recommend all
                to
                go visit W3Schools💖.</p>
            <p>Thank You So much.🤗🤗</p>

            <!--Message from Jimmy Jayant, India-->
            <div style="background-color:aqua;padding:10px;text-align:center;">
                <h1>
                    <u>
                        Learning Git Tutorials From W3Schools.com
                    </u>
                </h1>
                <p style="font-size:20px;">
                    Hello Everyone, I am Jimmy Jayant from India. It is a very wonderful moment for me to join this
                    learning
                    platform.
                    I have already learned HTML, CSS and JavaScript tutorials from this platform. And I am currently
                    learning Git
                    tutorials. This amazing tutorial teach us to work in teams and how to collaborate on code. I wish
                    best of luck
                    to
                    everyone learning on this platform.
                </p>
            </div>
            <!--End Message from Jimmy Jayant, India-->

            <p style="font-size:20px;">
                Thank you w3school for your wonderful content on web development!
            </p>


            <!-- Message from Emmanuel-Xs lagos, Nigeria -->
            <style>
                .wrapper {
                    max-width: 600px;
                    margin: 0 auto;
                    padding: 20px;
                    background: #ffffff;
                    color: #fff;
                    background: #000000;
                    font-family: Arial, Helvetica, sans-serif;
                    background: -webkit-linear-gradient(to top, #0f9b0f, #000000);
                    background: linear-gradient(to top, #0f9b0f, #000000);

                }

                .title {
                    color: #00b6a6;
                    font-size: 28px;
                    font-size: bold;
                }

                .text {
                    font-size: 18px;
                    margin-bottom: 20px;
                }
            </style>

            <div class="wrapper">
                <h2 class="title w3-xxlarge">Thank You, W3Schools!</h2>
                <p class="text">
                    I want to express my sincere gratitude for your outstanding tutorials on Git and GitHub. Your
                    comprehensive and
                    accessible lessons have equipped me with the skills and knowledge needed to confidently contribute
                    to open
                    source
                    projects. Your commitment to providing high-quality educational resources, including the W3.CSS
                    framework, has
                    been instrumental in my learning journey. The clarity and simplicity of your explanations have made
                    complex
                    concepts approachable, enabling me to grasp them with ease. Thanks to your tutorials, I am now an
                    active
                    participant in the open source community, making meaningful contributions and collaborating with
                    others. Your
                    impact on my development as a programmer is immeasurable, and I am truly grateful for the
                    opportunities your
                    tutorials have provided.
                </p>
                <p style="color: goldenrod">
                    Name: <span style="color: greenyellow;">Emmanuel Xs</span>
                </p>
                <p style="color: goldenrod">
                    Date: <span style="color: greenyellow;">22 May, 2023</span>
                </p>
            </div>
            <!-- End Nessage from Emmanuel-Xs lagos, Nigeria -->


            <!--Message from AB, India-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-center w3-cursive">Hello World</p>
            </div>

            <!--From Mridul Nayar, India-->
            <div style="text-align:center; background-color:black;">
                <h1 style="text-decoration: underline; text-transform: uppercase; font-style: normal;">
                    Fun learning Git from w3schools!
                </h1>
                <p>
                    Hi all, My name is Mridul and I had fun learning about how to use Git and GitHub. I will be
                    incorporating this
                    into my daily projects!!
                </p>
            </div>

            <!--Message from Furkan, Turkey-->
            <div class="w3-container">
                <div class="w3-panel w3-leftbar w3-light-grey">
                    <p class="w3-xlarge w3-serif"><i>""Amerikan emperyalizminin yarı sömürgesiyiz, dedi Hikmet <br />
                            Nâzım Hikmet vatan hainliğine devam ediyor hâlâ.""</i></p>
                    <p>Nâzım Hikmet</p>
                </div>
            </div>
            <!--End message from Furkan, Turkey-->


            <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>


            <!-- Message from pakbuncit -->
            <h2>Thank you for providing this great tutorial, and for free!</h2>
            <h2>Terima kasih</h2>
            <!-- End Message from pakbuncit -->

            <!-- Message from BosmanWolski, Poland -->
            <p>Thanks a lot for great tutorial!</p>

            <!-- Message from Bruno Volpe, Brasil -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif" style="text-align: center;">
                    <i> W3Schools thank you very much for the tutorials!</i>
                </p>
                <p style="font-family: system-ui; font-style: normal; font-weight: normal;">Greetings from Brasil!
                    I'd like to
                    thank you for all this content. It's incredibly easy to learn following your explanation and
                    didatics.</p>
                <q>Don't expect to find happiness at the end of your path. Instead, enjoy your journey and make all
                    the process
                    count!</q>
                <p>Bruno Volpe | May 6, 2023</p>
            </div>
            <!-- Message from Mhd, Pakistan -->
            <div class="w3-padding-32 w3" style="text-align: center; background-color: lightslategray;">
                <h1>Message from Mhd, Pakistan:</h1>
                <p>Thanks for the Git tutorial. It was quite helpful.</p>
                <p>Posted this message on: 05/06/2023</p>
            </div>


            <!--Message from Arun, India-->
            <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>Arun</p>
            </div>


            <!-- this message is from Meron AK, Eritrea -->

            <div
                style="background: #144b81; color:aliceblue; margin: 50px; border-radius: 10px; background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1))">
                <p style="padding: 20px ; font-size: 20px">W3Schools has provided free and accessible
                    web development education to youth in developing countries,
                    empowering them to pursue careers in technology. Many thanks to you guys!</p>
                <h2 style="text-align: center;">MY THREE FAVORITE WORDS</h2>
                <div style="text-align: center; margin-bottom: 10px; font-size: 25px;">life</div>
                <div style="text-align: center; margin-bottom: 10px; font-size: 25px;">liberity</div>
                <div style="text-align: center; margin-bottom: 10px; font-size: 25px;">property</div>
            </div>


            <!-- Message from Yury, The Netherlands -->
            <div style="
      margin-top: 3px;
      width:100%;
      background-color: #1ba364;
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
      font-size: 14px;">
                <p style="font-size: 24px;font-style: normal;">Thanks for such a good tutorial. Git is one of the
                    bricks to
                    build
                    reliable and solid foundation.</p>
                <p>20 May 2023</p>
            </div>


            <!-- Message from JRGGRoberto-->
            <div id="jrggroberto1" class="w3-card-4 w3-monospace msg-jrggroberto"
                style="width: 20%; min-width: 400px; margin-inline: auto; margin-bottom: 80px; margin-top: 80px;">
                <div class="w3-center">
                    <header class="w3-container w3-blue">
                        <h3 class="w3-xxlarge font-effect-shadow-multiple"
                            style="font-family: 'Sans-serif'; cursor: pointer;"><img
                                style="border-radius: 50%; margin-right: 20px" alt="J.Roberto"
                                src="https://avatars.githubusercontent.com/u/7244140" width="60px"
                                height="60px">JRGGRoberto</h3>

                    </header>
                    <div class="w3-container w3-sand  w3-card-4">
                        <p class="w3-large" style="color:#005c99">Thank you <span
                                class="w3-hover-text-green">w3schools</span>✨😆👍
                        </p>
                        <p class="w3-medium" style="color:#005c99">Always learning and clearing doubts with you</p>
                        <hr>May 17, 2023
                        <p><span class="w3-hover-text-green"> Brazil🇧🇷</span>.</p>
                    </div>
                </div>
            </div>

            <style>
                .msg-jrggroberto:hover {
                    box-shadow: 30px 30px;
                    transform: scale(1.2);
                    transition: transform 0.5s ease-in;
                }
            </style>
            <!-- End Message from JRGGRoberto  -->

            <!-- Message from Git-Hub's pourya-sm -->
            <style>
                .container-pourya-sm {
                    width: 100%;
                    height: 300px;
                    background-color: rgb(57, 57, 57);
                    font-family: 'Times New Roman', Times, serif;
                    color: white;
                    font-size: 40px;
                    text-align: center;
                    border-radius: 10px;
                    line-height: 15px;
                    padding-top: 10px;
                }

                .container-pourya-sm:hover {
                    background-color: rgb(73, 73, 73);
                    transition: background-color .15s;
                }

                .container-pourya-sm:active {
                    background-color: rgb(135, 135, 135);
                }

                .quote-pourya-sm {
                    padding-top: 0px;
                }

                .footer-pourya-sm {
                    height: 30px;
                    margin-top: 80px;
                    font-size: 24px;
                    text-align: right;
                    line-height: 5px;
                    margin-right: 5px;
                }
            </style>
            <div class="container-pourya-sm">
                <p class="quote-pourya-sm">&ldquo;To die for one's country is a man's privilage,</p>
                <p>but to die and be reborn is a man's duty.&rdquo;</p>
                <div class="footer-pourya-sm">
                    <p>Thanks to w3 for their hard work and dedication</p>
                    <p>pourya-sm</p>
                    <p style="font-size: 14px;">2023-6-4</p>
                </div>
            </div>

            <!-- End Message from Git-Hub's pourya-sm -->

            <!-- Message From Ishan Ladva-->
            <h2>Thank You</h2>
            <!-- End Messge from Ishan Ladva-->


            <!-- Message from Judith, Nigeria -->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-text-white w3-monospace w3-xxlarge">Thank you for the tutorial. I've finally got the
                    hang of Git!
                </p>
                <p class="w3-text-white w3-wide w3-roboto">Judith from Nigeria</p>
            </div>


            <!-- Message from EfstathiosBilias -->

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"The explanation requiring the fewest assumptions is most likely to be correct."</i>
                </p>
                <p>William of Ockham</p>
            </div>

            <!-- End Message from EfstathiosBilias -->

            <!-- Message from caotrungphi, Vietnam-->
            <div class="caotrungphi-block"
                style=" min-block-size: 100%; min-inline-size: 100%; margin: 0; box-sizing: border-box; display: grid; place-content: center; font-family: system-ui, sans-serif;">
                <div class="caotrungphi-hover" style=" position: relative;">
                    <p>Thank you so much for this tutorial</p>
                    <p>caotrungphi from Vietnam, 02/06/2023</p>
                </div>
            </div>
            <style>
                .caotrungphi-hover::before {
                    transform: scaleX(0);
                    transform-origin: bottom right;
                }

                .caotrungphi-hover:hover::before {
                    transform: scaleX(1);
                    transform-origin: bottom left;
                }

                .caotrungphi-hover::before {
                    content: " ";
                    display: block;
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    inset: 0 0 0 0;
                    background: hsl(200 100% 80%);
                    z-index: -1;
                    transition: transform .3s ease;
                }
            </style>


            <!-- Message from CrankyCranton -->

            Thanks for the tutorial W3 School!


            <!-- Message from jaliprandi -->

            <div class="w3-panel w3-leftbar w3-green">
                <p> Thanks for the tutorial! </p>
                <p> - J. Aliprandi </p>

            </div>
            <!-- End message from jaliprandi -->

            <!-- Message from ilia -->

            <div class="w3-panel w3-leftbar w3-red">
                <p> it was a biggggg help </p>
                <p> - ilia farzi </p>
            </div>
            <!-- End message from ilia -->

            <!-- Message from Vivek -->
            <div class="w3-panel w3-leftbar w3-green">
                <p> Thanks for the tutorial! </p>
                <p> - Vivek Pandey </p>

            </div>
            <!-- End message from Vivek -->

            <!-- Message from Taher -->
            <div class="w3-panel w3-leftbar w3-green">
                <p> Thanks for the tutorial! </p>
                <p> - Ali Taher </p>

            </div>
            <!-- End message from Taher -->

            <!-- Message from Jimmy -->
            <div class="w3-panel w3-light-blue">
                <p><i>Great Tutorial!</i></p>
                <p>Jimmy</p>
            </div>
            <!-- End message from Jimmy -->

            <!-- Message from Toutl -->
            <div class="w3-panel w3-leftbar w3-black">
                <p class="w3-text-white w3-monospace w3-xxlarge"><i>Buenas, un placer.</i></p>
                <p class="w3-text-white w3-monospace">- Toutl</p>
            </div>
            <!-- End message from Toutl -->

            <!-- Message from pulijalasaiteja06 -->
            <hr />

            <div style="background-color: #33ccff;align-items: center;">
                <p><b><i>pulijalasaiteja06</i></b></p>
                <p>thank you for providing us for free</p>
            </div>
            <!-- End message from pulijalasaiteja06 -->

            <!--Message from Bhavish-->
            <div style="background-color: black; color: green;">
                <p>This was a great tutorial from w3schools.</p>
                <p>-Bhavish</p>
            </div>
            <!--End message from Bhavish-->


            <!-- Message from zubair -->
            <hr />
            <div style="background-color: #33ccff;align-items: center;">
                <p><b><i>Zubair is thankful to w3school.</i></b></p>
            </div>
            <!-- End message from zubair -->

            <!-- Message from Emanuel  -->
            <hr />

            <div style="background-color: #ecf0f3; height: 300px; margin-bottom: 25px;">
                <div style="position: relative; top: 50%; transform: translateY(-50%);
                  background-color: #ecf0f3;align-items: center; font-family: 'Geologica', sans-serif;
                  width: 50vw; margin: auto; padding: 15px 55px;
                  border-radius: 20px;
                  box-shadow: 5px 5px 10px #a3b1c6, -5px -5px 10px #ffffff;
                  color: #3f3f3f">
                    <p style="text-align: center; font-style:normal;"><b>Emanuel</b></p>
                    <p style="font-style: normal; text-align: center;">Estoy muy agradecido por el tutorial,
                        realmente me ha
                        ayudado
                        mucho. Gracias W3Schools!</p>
                </div>
            </div>
            <!-- End message from Emanuel(ctprueba) -->

            <!--Message from Bakht-->
            <h>Thanks W3school for the service. Git and Github is worth learning here.</h>
            <!--End Message from Bakht-->

            <!-- Message from AreParameswarudu -->
            <div
                style="text-align: center;background-color:#777799;width: 500px;display: flex;left:520px;position: relative;border-radius:20px ;flex-direction:column ;align-items: center;">
                <p style="color: #ffff;">This message is from AreParameswarudu</p>
                <h2 style="font-family: 'Times New Roman', Times, serif;">Thank you W3 schools for this tutorial.
                </h2>
                <h1
                    style="color: #ffffff; font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
                    A great service for a greater reason.</h1>
            </div>
            <!-- End message from AreParameswarudu -->

            <!-- Message from Mahbod Hosseini -->
            <div
                style="background-color: #8b008b; width: 80%; margin:40px auto 40px auto; border-radius: 5px; border: 5px solid #290916; color: #ffffff; ">
                <h1>Thank You for Your Git Tutorials</h1>
                <p>Dear W3Schools Team, I wanted to extend my gratitude for your excellent Git tutorials, which have
                    been
                    instrumental in helping me understand and utilize version control effectively. Thank you for
                    providing such
                    valuable learning resources.
                <p style="display: inline;"> Mahbod Hosseini from IRAN </p>
                <p style="color: red; display: inline;">&#10084;</p>
                <p style="color: white; display: inline;">&#10084;</p>
                <p style="color: green; display: inline;">&#10084;</p>
                </p>
            </div>
            <!-- End message from Mahbod Hosseini -->

            <p>This is a message from Hoang Ngoc Anh Vietnam</p>

            <!-- Message From Sudhanshu Kumar  -->
            <style>
                #myDivSk {
                    border: 2px solid orangered;
                    background-color: orangered;
                    color: white;
                    text-align: center;
                    max-width: 80%;
                    margin: auto;
                    border-radius: 10px;
                    margin-bottom: 20px;
                    box-shadow: 3px 5px grey;
                }
            </style>
            <div id="myDivSk">
                <h1>Thanks W3Schools For This Awsome Git & Github Tutorial</h1>
                <h3>Regards From Sudhanshu Kumar - India</h3>
            </div>
            <!-- End Message From Sudhanshu Kumar -->
            <!-- Message from Chungeun -->

            <div class="w3-panel w3-leftbar w3-red">
                <p>Thank you! Now I finally know what GitHub is!!! </p>
                <p> - Chungeun Lee </p>
            </div>
            <!-- End message from Chungeun -->

            <!-- Message from Darián Capote Quintana -->
            <div class="w3-container w3-green  w3-text-white w3-round-large w3-padding-16 w3-hover-shadow w3-margin-bottom"
                style="max-width: 30rem;margin-left: auto;margin-right: auto; text-align: center;">
                <h2 class="w3-xxlarge">W3Schools is amazing!&#127775;</h2>
                <h3 class="w3-xlarge"> Thank you for making it easier for people to learn and grow in their careers
                </h3>
            </div>
            <!-- End Message from Darián Capote Quintana -->

            <!-- Message from Capolo - Rio, Brazil -->

            <div class="w3-panel w3-leftbar w3-red">
                <p>I decided to make a career change and W3Schools has been my go-to source of study material on C
                    language and
                    GitHub basics! Thank you, W3! </p>
                <p> - Capolo </p>
            </div>
            <!-- End message from Capolo - Rio, Brazil -->

            <div
                style="font-family: Arial, sans-serif; font-size: 24px; color: #333; background-color: #f7f7f7; padding: 20px; border: 2px solid #ccc; border-radius: 10px;">
                Happy to be here! Successful comes from your hard working! Never give up! Love W3Schools, my new
                family ^^
            </div>

            <!-- Message from Asit -->
            <p> Maa chudi Padi Hai</p>
            <!-- End message from Asit -->


            <!-- Message from Roma Robot -->
            <div class="w3-row w3-container">
                <div class="w3-col l12 m6 w3-yellow w3-container w3-padding-16">
                    <h3>Roma Robot 😎</h3>
                    <h4>Thank you for amazing possibility to learn! People and Robots become closer to each others!
                        🦾❤️💪🏻 </h4>
                </div>
            </div>
            <!-- End Message from Roma Robot -->

            <!-- Message from ChiselD -->
            <div>
                <p>Greetings from Germany and many thanks for your tutorials!</p>
            </div>
            <!-- End Message from ChiselD -->

            <!-- Message from Renan Kalu -->
            <div class="w3-container w3-pink w3-round-xlarge" style="padding: 15px">
                <h1 style="font-family: 'segoe ui',sans-serif">You are incredible!</h1>
                <p style="font-family: 'segoe ui',sans-serif">keep studying and you will be an excellent developer
                </p>
                <small style="font-family: 'segoe ui',sans-serif">thanks for W3schools to teach me :)</small>
                <span>24/07/23</span>
            </div>
            <!-- End of Message Renan Kalu -->

            <!-- Message from Faiz Akhtar -->
            <div class="w3-container w3-green  w3-text-white w3-round-large w3-padding-16 w3-hover-shadow w3-margin-bottom"
                style="max-width: 30rem;margin-left: auto;margin-right: auto; text-align: center;">
                <h2 class="w3-xxlarge">W3Schools !&#127775;</h2>
                <h3 class="w3-xlarge">Great Website!</h3>
            </div>
            <!-- End Message from Faiz Akhtar -->

            <!-- Message from motat -->
            <h4>hey, motat learnt some Git</h4>
            <h6>niiice</h6>
            <!-- End Message from motat -->


            <!-- Message from Dani Modesti -->

            <div class="w3-panel w3-sand w3-leftbar">
                <p><i class="fa fa-quote-right w3-xxlarge w3-opacity"></i>
                    <span class="w3-serif w3-xlarge">
                        Thank you a million for the opportunity to learn Git and various others technologies on your
                        website!!! It's
                        one of the bests I've encountered and it improved myself as a professional a lot :] Love
                        from Brazil and omg
                        so awesome this forking idea, I hope I get accepted!</span><br />
                    - Dani Modesti
                </p>
            </div>

            <!-- End message from Dani Modesti -->

            <!-- Message from Andrew Hughes -->
            <div class="w3-panel w3-leftbar w3-red">
                <p>Hello everyone!</p>
            </div>
            <!-- End Message from Andrew Hughes -->

            <!-- Message from sahne7 -->
            <div
                style="background: linear-gradient(to right, #111133, #009999, #0088ff);color:#fff; margin: 0 auto; text-align: center; border-radius: 150px; padding: 2em; width: 30%;">
                <h2>Thanks for the tutorial! </h2>
                <p style="margin: 0 auto;">sahne7 </p>
                <time datetime="2023-08-01">1st of August, 2023</time>
            </div>
            <!-- End Message from sahne7 -->

            <!-- Message from Aravind -->

            <div class="w3-container w3-leftbar w3-2017-lapis-blue w3-text-white w3-padding-8">
                <blockquote>
                    Learn Git
                    <br> ― W3Schools 🚀
                </blockquote>
            </div>

            <!-- End Message from Aravind-->

            <div class="w3-container w3-green  w3-text-white w3-round-large w3-padding-16 w3-hover-shadow w3-margin-bottom"
                style="max-width: 30rem;margin-left: auto;margin-right: auto; text-align: center;">
                <h3>Nice Tutorial</h3>
                <h3>08/08/2023 :) </h3>

            </div>

            <!-- Message from Urda(Toledo/Spain) -->
            <div
                style="background-color: rgb(253,170,9); text-align: center; font-weight: bold; padding: 20px; width: 100%; margin: 20px; border: 1px solid black; border-radius: 20px; box-shadow: 10px 10px 8px">
                <h3>Saludos desde Urda(Toledo-España)</h3>
                <p style="word-spacing: 5px;">Muchísimas gracias por todos los tutoriales</p>
            </div>
            <!-- End Message from Urda(Toledo/Spain) -->


            <!-- Message from Jason Xu -->
            <div class="w3-container w3-blue-grey w3-round-large ">
                <blockquote>
                    I glad to meet everyone :>
                    <br />
                    and thank for the tutorial !
                </blockquote>
                <p> 2023-08-09 Jason Xu</p>
            </div>

            <!--End Message from Jason Xu -->

            <!-- Message from AMed -->
            <div style="border: 1px solid gray;padding: 8px">
                <h1 style="text-align: center;text-transform: uppercase;color: #4CAF50 ">Merci W3schools</h1>
                <p style="text-indent: 50px;text-align: justify;letter-spacing: 3px"> je vous remercie pour vos
                    efforts,
                    toujours
                    claire et concis
                    "AMed".
                    Salut tout le monde.
                </p>
            </div>
            <!-- End Message from AMed -->

            <!-- Message from Manu (Salamanca/Spain) -->
            <div
                style="background-color: #e6f7ff; padding: 20px; border-radius: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);">
                <p
                    style="font-size: 16px; color: #333; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-style: italic;">
                    Very usefull tutorial and great platform!</p>
            </div>
            <!-- End Message from Manu (Salamanca/Spain) -->


            <!-- Message from Anton -->
            <div class="w3-panel w3-leftbar w3-hover-shadow w3-sand w3-hover-text-blue">
                <h3>Hello World!</h3>
            </div>
            <!-- End Message from Anton -->

            <!-- gatos -->
            <div class="w3-panel w3-leftbar w3-red">
                <p>gatinho</p>
            </div>

            <!-- Gabriel user-->
            <h1> Cristiano ronaldo </h1>
            <!--  Gabriel user-->

            <!-- Message from Potato-->
            <h2>babababananana</h2>
            <!-- End Message from Potato-->

            <!-- Message from Lara-->
            <h2>sport clup internacional</h2>
            <!-- End Message from Lara-->

            <!-- Message from Ariel-->
            <h3>I wanna be part of that worldddddddddddd</h3>
            <!-- End Message from Ariel-->


            <!-- Message from Samuca_BR -->
            <p style="font-size: 16px;">Hello, i make this in day 8/10/23, and i play Genshin Impact my favorite
                characters is
                the
                Xiao and Noelle</p>
            <img style="width: 10%;"
                src="https://static.wikia.nocookie.net/genshin-impact/images/0/0f/Personagem_Xiao_Cart%C3%A3o.jpg/revision/latest?cb=20210228053135&path-prefix=pt-br"
                alt="Xiao">
            <img style="width: 10%"
                src="https://static.wikia.nocookie.net/genshin-impact/images/6/65/Personagem_Noelle_Cart%C3%A3o.jpg/revision/latest?cb=20210329233544&path-prefix=pt-br"
                alt="Noelle">
            <!-- End Message from Samuca_BR(Santa Catarina/Brasil)-->

            <!-- Message from Gergő-HUN -->
            <p>"Be the change you wish to see in the world."</p>
            <!-- End Message from Gergő-HUN -->
            <!-- Message from Gergő-HUN -->
            <p></p>
            <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.
                        Moko wenne"</i>
                </p>
                <p>19 LARA</p>
            </div>
            <!-- End Message from Gergő-HUN -->

            <!-- Message from Sanjay Kumbhkar -->
            <p></p>
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">Hello this is Sanjay Kumbhkar</p>
                <p>My comment on 23 Aug 2023</p>
            </div>
            <!-- End Message from Sanjay Kumbhkar -->

            <!-- Message from Musthak Ahamed -->
            <div
                style="height: 100px; background-color: black; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; color: white; ">
                <div><b>Musthak Ahamed</b></div>
                <div>Edited on 08.22.2023</div>
            </div>
            <!-- End Message from Musthak Ahamed -->
            <!--Message from Oskar Sundelin-->
            <div><i>Oskar Sundelin. Thank you for the tutorial.</i></div>
            <div>Written on 24-08-2023</div>
            <!--End Message from Oskar Sundelin-->
            <!-- massage form mayas  -->
            <p>
                "Hello there"
            </p>
            <!--end of  massage by mayas-->

            <!-- Message From Anniel -->
            <div
                style="background-color:rgba(255, 0, 0, 0.7); padding:15px; border-radius: 10px;margin: 10px 5px; color: white;">
                <p style="color: #001440;text-align: center;">Hello community!!!<br>
                    Graet course!!!. Thanks to W3schools for all their amazing and clear tutorials,
                    it has been a humble and exciting path learning HTML, CSS, JavaScript and now Git & GitHub.<br>
                </p>
                <p style="text-align: center;">- Anniel from Cuba, 2023-08-29 -</p>
            </div>
            <!-- End Message From Anniel -->

            <!--message from Alakara-->
            <div style="font-family: 'Times New Roman', Times, serif; font-style: italic;">
                <pre>
        Hello there! Feels good to be learning Git.
        Kara
        from Kenya.
      </pre>
            </div>

            <!--Message from Na'im-->
            <div style="font-family: 'Times New Roman', Times, serif; font-style: italic;">
                <pre>
        Halo yang ada disana, Terima kasih untuk tutorialnya.
	Salam dari Indonesia.
      </pre>
            </div>
            <!-- End message from Na'im -->

            <!-- Message from Abubakr -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>“Behind every great man is a woman rolling her eyes.”</i>
                </p>
                <p>Jim Carey</p>
            </div>
            <!-- End of message -->

            <!--Message from MatrixAwakens69-->

            <div style="font-family: 'Times New Roman', Times, serif; font-style: italic;">
                <pre>
        Hello there! Feels good to be learning Git and GitHub.
        Matrix, from planet Earth.
      </pre>
            </div>

            <!--End message from MatrixAwakens69-->

            <!--Message from George Kioko-->
            <div
                style="background-image: url('https://images.unsplash.com/photo-1596005554384-d293674c91d7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1798&q=80'); border-radius: 15px; margin: 24px; padding: 16px;">
                <div style="background: rgba(255, 255, 255, 0.45); padding: 5px; border-radius: 15px;">
                    <p style="color: #094e5f; font-weight: bold; font-size: x-large;">Thank you w3schools for taking
                        your precious
                        time to create this!</p>
                    <b><span style="color: #094e5f">George Kioko</span></b>
                    <p style="font-weight: bold; font-size: large;">From Africa; Nairobi, Kenya!</p>
                </div>
            </div>
            <!--End Message from George Kioko-->

            <!-- message from avijtt -->
            <div
                style="background-color: #e6f7ff; padding: 20px; border-radius: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);">
                <p style="text-indent: 50px;text-align: justify;letter-spacing: 3px">
                    I completed w3 school git and github course .Really easy and step wise expalnation. I share to
                    my
                    friends and
                    love
                    it.
                    so understandable and intersting . we keep supporting to you
                    all.💗💗💗💗💗😎😎😎😎(●'◡'●)(●'◡'●)(●'◡'●)
                </p>
            </div>
            <!-- End messagefrom avijtt -->

            <!-- message from re_ema -->
            <div
                style="background-color: #e6f7ff; padding: 20px; border-radius: 10px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);">
                <p style="text-indent: 50px;text-align: justify;letter-spacing: 3px">
                    I completed the git course from italy on W3 School - re_ema
                </p>
            </div>
            <!-- End messagefrom re_ema -->

            <!-- message from SIRUKM -->
            <p>Hi greetings from <b>india🇮🇳</b></p>
            <!-- End messagefrom SIRUKM -->

            <!-- Message from test -->
            <div class="w3-panel w3-leftbar w3-pale-blue">
                <p class="w3-xlarge w3-serif">
                    <i>The Lord has done it this very day;</i><br>
                    <i>let us rejoice today and be glad.</i>
                </p>
                <p>Bible</p>
                <p>~Psalm 118:24 (NIV)</p>
            </div>
            <!--End message from test-->

            <div class="w3-panel w3-leftbar w3-pale-blue">
                <p class="w3-xlarge w3-serif">
                    <i>You are late Denny, Ivan! I am here 20230907. HeHe! </i><br>
                    <i>我來打卡了!HeHe!</i>
                </p>
                <p>By Handsome Daddy Jason</p>
                <p>YO!</p>
            </div>

            <!-- Message from Rekingema from Italy -->
            <div class="w3-panel w3-leftbar w3-pale-blue">
                <p class="w3-xlarge w3-serif">
                    <i>"Make it as simple as possible, but not simpler."</i>
                </p>
                <p>Albert Einstein</p>
            </div>
            <!--End message from Rekingema-->

            <!-- Message From Siryefers-->
            <p>Which pain do you choose?, the pain of discipline or the pain of regret.</p>
            <p>Good look</p>

            <!-- End Messge from Siryefers-->

            <div>
                <h1>Hello From Uganda . Finally contributed </h1>
                <p>Never give up on your dreams. At your point of highest discouragement or disappointment is when
                    you
                    should push
                    hardest and never stop</p>
            </div>

            <!-- Message from Alonso from Mexico -->
            <div>
                <h1>Hola desde México, aqui contribuyendo. </h1>
                <p>Hay que seguir adelante, y no dejar de aprender.</p>
            </div>
            <!-- End message from Alonso -->

            <!-- message from Qwecu -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>Akwaaba from Ghana! Don't forget to love Everyone that comes your way!</i>
            </div>
            <!-- end message from Qwecu -->

            <!-- Message from Victor from China -->
            <div>
                <p>Nihao! My first class in W3Schools, Thank you.</p>
            </div>
            <!-- End message from Victor -->

            <!-- Message from Victor from China -->
            <div class="w3-row w3-container">
                <div class="w3-col l12 m6 w3-yellow w3-container w3-padding-16">
                    <h3>Victor👍</h3>
                    <h4>Nihao! My first class in W3Schools, Thank you.❤️ </h4>
                </div>
            </div>
            <!-- End Message from Victor -->

            <!-- Message from Edwin from KENYA -->
            <div>
                <h1>NIKUJARIBU TU MAN. </h1>
                <p>NO KUGERIA MANI.</p>
            </div>
            <!-- Message from Amir from Iran -->
            <div class="w3-row w3-container">
                <div class="w3-col l12 m6 w3-green w3-container w3-padding-16">
                    <h3 style="text-align: center;">Amir :-)</h3>
                    <h4 style="text-align: center;">Thanks for your tutorial course💗😎</h4>
                </div>
            </div>
            <!-- End Message from Amir -->

            <!-- Message from Umair -->
            <div
                style='font-family:fantasy;background-color:plum;background-image:linear-gradient(to right, rgb(160, 49, 160), rgb(114, 0, 114));text-align:center;color:white;width:500px;margin:15px auto;border-radius:5px;box-shadow:0 0 8px 5px rgba(195, 0, 255, 0.23)'>
                <h2 style='font-size:3rem'>Umair Spark</h2>
                <h3 style='font-size:3rem'>Hello my fellow I'm From Sangla Hill, Punjab, Pakistan.)</h2>
            </div>
            <!-- End of message from Umair -->

            <!-- Message from Kashif Ayaz -->
            <div class="w3-row w3-container">
                <h3 style="text-align: center; color: lightcoral;">Kashif Ayaz</h3>
                <h4 style="text-align: center; color: lightseagreen;">W3 Schools is best</h4>
            </div>
            <!-- End Message from Kashif Ayaz -->

            <!-- Message from anirban -->
            <p>Hi, this is Anirban from India</p>
            <!-- End Message from anirban -->

            <!-- Message from Ciprian -->
            <p>Hello, thank you for the tutorial guys :D</p>
            <!-- End Message from Ciprian -->

            <!-- Message from Alexandra from St. Petersburg -->
            <p>Hello, thanks for the tutorial, it's awesome! </p>
            <!-- End Message from Alexandra from St. Petersburg -->

            <!-- Message from Łukasz from Poland -->
            <div
                style="width: 50%; background: darkorange; text-shadow: 0 0 10px black; color: white; text-align: center; border-radius: 2rem; padding: 1rem 2rem; font-size: 2rem; margin-left: auto; margin-right: auto">
                <p>Łukasz from Poland 🤍💖 here,</p>
                <p>Thank you guys for teaching us all! We would be nothing without you.</p>
                <p>Have a great day everyone! 💜</p>
            </div>
            <!-- End Message from Łukasz -->

            <!-- Message from Dev-termz from Ibadan -->
            <p>Hello, Thanks guys for all you do!!, you rock! </p>
            <!-- End Message from Dev-termz from Ibadan -->

            <!-- Message from Shridhar Srinivasan from India -->
            <p>Hello, Thanks W3school guys for all you do!!, very Helpful! </p>
            <!-- End Message from Dev-termz from Ibadan -->

            <!-- Massage from adep from Indonesia -->
            <h1>Hello, best regards from Bali, Indonesia</h1>
            <!-- End massage from adep from Indonesia -->

            <!-- Message from Themy. This message was sent from Bandung, Indonesia -->
            <h1>Hello, fellas! I'm Themy from Indonesia. I am a full time student and my major is Computer Science
            </h1>
            <p>For those people who contribute in W3Schools, i just wanted to say thank you for you guys!<br>
                It's very helpful website to learn everything about computer tools and programming.<br>
                Hope to see all of you one day, chit chat and drink some coffee together.<br>
            </p>

            <!--message from Vlad Ta -->
            <div class="w3-row w3-container">
                <h4 style="text-align: center; color: lightcoral;">Greetings to whom reading this
                    </h3>
                    <h3 style="text-align: center; color: lightseagreen;">This was a great course. Thank you all.
                </h4>
            </div>

            <!-- Message from IWVQ -->
            <div>
                <blockquote
                    style="box-shadow: rgba(149, 157, 165, 0.2) 0px 2px 10px; border-radius: 5px; border-left: 5px solid #FF5154; color: #303030; font-size: 18pt; font-style: italic; width: 50%; margin-left: auto; margin-right: auto; padding: 0.5em 2em;">
                    Thank you guys for this tutorial<br>
                    <cite style="color: #666666; font-size: 14pt; line-height: 1.8em;">- IWVQ</cite>
                </blockquote>
            </div>
            <!-- End Message from IWVQ -->

            <!-- Message from Sergey-->
            <div>
                <h1 style="color: green; size: 50px;">Hi W3Schools!. Thank you for your usefull tutorials, not only
                    about Git! 👍
                    05.10.2023 </h1>
            </div>
            <!-- End of message from Sergey -->

            <!-- Message from Dino -->
            <h1 align="center">W3schools you are the best! Greetings from Split, Croatia (09/10/2023)</h1>
            <img style="display: block; margin-left: auto; margin-right: auto;"
                src="https://qtxasset.com/quartz/qcloud1/media/image/luxurytraveladvisor/1583241741/Split%20Croatia%20waterfront%20and%20Marjan%20hill%20view%20-%20Getty-rev.jpg?VersionId=inMMgGmXiiM2SkEqzR8mkMocG8UMcSir">
            <!-- End massage from Dino -->

            <!-- Message from Roanna -->
            <div
                style=" background: #000; color: palevioletred; border: palevioletred 5px dotted; border-radius: 20px; padding: 10px;">
                <h1>Hi W3schools!!!</h1>
                <p>Thanks for the tutorials :)</p>
                <p>-Roanna</p>
                <p>09-10-2023</p>
            </div>
            <!-- End of message from Roanna -->

            <!-- message from PWN Canada -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"My open-source contribution - thank you to w3schools!"</i>
                </p>
                <p>PWN</p>
            </div>

            <div
                style="display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0 0 45;">
                <h4>HELLO ITS CURRYFLEX FROM TANZANIA</h4>
            </div>

            <!-- message from bealfredo -->
            <div class="msg-bealfredo">
                <p>Thanks W3Schools!</p>
                <q>bealfredo, 2023/01/25</q>
            </div>

            <!-- message from PWN Canada -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"My open-source contribution - thank you to w3schools!"</i>
                </p>
                <p>PWN</p>
            </div>

            <div
                style="display: flex; justify-content: center; align-items: center; background-color: white; box-shadow: 0 0 45;">
                <h4>HELLO ITS CURRYFLEX FROM TANZANIA</h4>
            </div>

            <!-- message from bealfredo -->
            <div class="msg-bealfredo">
                <p>Thanks W3Schools!</p>
                <q>bealfredo, 2023/01/25</q>
            </div>

            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"The helpful thought for which you look is written somewhere in a book"</i>
                </p>
                <p>Somebody on the internet</p>
            </div>

            <!-- Message from Liam-->
            <div>
                <h1>Hello W3Schools. </h1>
                <p>Thank you for all of your tutorials.</p>
                <p>They have helped me to prepare for my upcoming bootcamp.</p>
            </div>
            <!-- End of message from Liam -->

            <!-- message from charli -->
            <div>
                <p>Thank you for the amazing tutorial! - Charli</p>
            </div>
            <!-- end message from charli -->

            <!-- Message from salesa -->
            <p>Thank you for this tutorial! :)</p>
            <!-- End message from salesa -->

            <!-- Massage from Mark Anthony Menor from Philippines -->
            <h1>Hello, Continue your Best Tutorials for every aspiring Developers!, best regards -amkrM from Olongapo
                City,
                Philippines</h1>
            <!-- End massage from Mark Anthony Menor from Philippines -->


            <!-- Message from Semyon-->
            <p>Thank You W3schools for Your wonderful courses! You are doing good things.
                I wish everyone success in fulfilling their aspirations!</p>
            <!-- End of message from Semyon -->

            <!-- Message from Daniyal-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Learning git is fun from w3school"</i>
                </p>
                <p>Daniyal</p>
            </div>
            <!-- End of message from Daniyal-->

            <!-- Message from Semyon-->
            <p>Thank You W3schools for Your wonderful courses! You are doing good things.
                I wish everyone success in fulfilling their aspirations!</p>
            <!-- End of message from Semyon -->

            <!-- Message from Daniyal-->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Learning git is fun from w3school"</i>
                </p>
                <p>Daniyal</p>
            </div>
            <!-- End of message from Daniyal-->


            <!-- Message from Serhat-->
            <div>
                <h1>Hi W3Schools!</h1>
                <p>Thank you for the tutorials, they helped me a lot!</p>
                <p>Wish everyone best in their path, love from Istanbul!</p>
                <p>-Serhat</p>
            </div>
            <!-- End of message from Serhat -->

            <!-- Message from CuongNM -->
            <div
                style="background-color: black; color: white; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin-inline: 20%; padding-inline: 2%;">
                <p>Thank you for the tutorials, W3Schools!!!</p>
                <p style="font-size: 18px; margin-top: -20px;">CuongNM.</p>
            </div>
            <!-- End of message from CuongNM -->

            <!-- Message from Brian -->
            <div style="background-color: #008000; width: 75%;">
                <p style="text-align: end;"><i>I appreciate you, thank you.</i></p>
            </div>
            <!-- End of message from Brian -->

            <!-- Message from kemogu -->
            <div style="background-color: #a83234; color: white; margin-inline: 25%; text-align: center;">
                <p>The tutorials you prepared are of very high quality and helped me a lot.</p>
                <p>Respect and love from Turkey. Peace.</p>
                <p style="font-size: 18px; margin-top: -20px;">kemogu.</p>
            </div>
            <!-- End of message from kemogu -->

            <!-- Message from one fat man -->
            <div>
                <p>only the most creative messages from me!</p>
            </div>
            <!-- End of message from one fat man -->

            <!-- Message from Eden -->
            <div>
                <p>Keep working hard (but smart)!</p>
            </div>
            <!-- End of message from Eden -->

            <!-- Message from jenjarcode -->
            <div>
                <p>Thank you for teaching Git, W3Schools.</p>
                <p>To those in need, leave negative energy in the past by purifying dark memories in flames. You will
                    sleep
                    better.</p>
            </div>
            <!-- End of message from jenjarcode -->

            <!-- Message from Eryth -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p>Thanks for the great tutorial!</p>
                <p>- Eryth</p>
            </div>

            <!-- Message from kemogu -->
            <div
                style="background-color: blue; color: white; border: 3px solid; border-color: #000; border-radius: 30%; text-align: center; margin-inline: 25%;">
                <p>W3schools == a good place to learn</p>
                <p>Respect and love from Portugal. Peace.</p>
                <p>And i am out!</p>
                <p style="font-size: 18px; margin-top: -20px;">João Figueiredo.</p>
            </div>
            <!-- End of message from kemogu -->

            <!-- Message from Matas -->
            <div
                style="background-color: purple; color: white; font-family: sans-serif; font-size: 20px; border-radius: 25%; border: solid black 2px; padding-left: 10px; text-align: center; margin: 5px;">
                <p>Thank you for teaching me how to use Git!</p>
                <p>1456541 - Better days are yet to come!</p>
                <p>Matas - Matirgo</p>
            </div>
            <!-- End of message from Matas -->


            <!-- Message from Kimakian -->
            <div>
                <p>Been fun learning GIT</p>
                <p>The stuff of Earth competes for the allegiance I owe only to the giver of all good things.</p>
            </div>
            <!-- End of message from Kimakian -->

            <!-- Message from HumanAgainstMachine -->
            <div>
                <p>Just another message to pull a request</p>
            </div>
            <!-- End message from HuMaAg -->

            <!-- Message from Nepal -->
            <div>
                <p>w3schools is a geat platform for learning coding</p>
                <p>thank u very much</p>
            </div>
            <!-- End message from Nepal -->

            <!-- Message from Nepal -->
            <div>
                <p>Just a message to learn how to push on a fork in Git</p>
                <p>Thx! Greetings from Madrid. <i>cdlv</i></p>
            </div>
            <!-- End message from Nepal -->

            <!-- Message from Markus -->
            <div>
                <p>Hello from Svalbard, Norway</p>
            </div>
            <!-- End message from Markus -->
            <!-- Message from jhelliwe -->
            <div>
                <p>G'day from Tamworth, Australia!</p>
            </div>
            <!-- End message from jhelliwe -->

            <!-- Message from Victor -->
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        I was here.<br>
                        Leaning GIT.</i></p>
            </div>
            <!-- End message from Victor -->
            <!--Message from David-->
            <div>
                <p>Have a great day! ~ David</p>
            </div>

            <div
                style="display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 12px; margin: 0 12px; text-align: center; background-color: #f1f1f1; border-radius: 10px; box-shadow: 0 12px 12px 0 rgba(0, 0, 0, .4);">
                <h2>Great love from Mali</h2>
                <p>
                    I have now a good notion of Git and Github.
                </p>
            </div>

            <!-- Message from Kuba -->
            <p style="background-color:Red; color:white; font-size:21px;">Hi everyone - Kuba was here! Greetings from
                Poland!
            </p>
            <!-- End message from Kuba -->

            <!-- Message from ienming -->
            <div>
                <h3>Hello from Taiwan~ Thank you for making this tutorial and everyone's messages! It feels so warm 🫶
                    2023.11.16
                </h3>
            </div>
            <!-- End message from ienming -->

            <!-- Message from must108-->

            <h1>Thank you w3schools for your contributions to the programming community! This is the easiest
                tutorial to follow thru with git!
                - must108
            </h1>

            <!-- Message from SmithPH -->
            <div>
                <h3>Hello There!</h3>
                <p>Thank you so much for the tutorial!</p>
                <p>Have a nice day!</p>
            </div>
            <!-- End message from SmithPH -->

            <!-- Message from thesameakpalu -->
            <h3>
                Hello, it was an amazing and insightful experience learning git and git hub from w3 right from scratch
            </h3>
            <!-- End message from ienming -->

            <!-- Message from Alunno DiProva -->
            <h3>
                Hello from Alunno DiProva.
            </h3>
            <!-- End message from Alunno DiProva -->

            <!-- Message from Alunno Leonardo Calderaro Teixeira -->

            <style>
                .text {
                    width: 500px;
                    height: 200px;
                    background-color: #000;
                    color: #fff;
                    border-radius: 10px;
                    padding: 20px;
                }

                .text {
                    font-family: "Times New Roman", serif;
                    font-size: 20px;
                }
            </style>

            <div class="text">
                <h1 class="text-title">I am inevitable!</h1>
                <p class="text-subtitle">- Evil Danny Phantom said it first, not Thanos.</p>
            </div>

            <!-- End message from Alunno Leonardo Calderaro Teixeira -->

            <!-- Message from kienin -->
            <div
                style="background-color: blue; color: white; border: 3px solid; border-color: #000; border-radius: 30%; text-align: center; margin-inline: 25%;">
                <h2>GREETINGS FROM KIENIN</h2>
                <p>W3Schools helped me learn so much about coding</p>
                <p>I'm so happy to have found this site and I am forver grateful</p>
                <p><u>Love from the Philippines</u></p>
                <p style="font-size: 18px; margin-top: -20px;">João Figueiredo.</p>
            </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">
                <p>Um dia chegará sua hora. Disciplina e foco</p>
                <p>Precisar de alguma ajuda, so me chamar no instagram <strong>guiarmanli</strong>strong/</p>
            </div>
            <!-- End message from GuiArmanLi -->

            <!-- Message from yauhenik -->
            <div>
                <h3>Hello There!</h3>
                <p>Thank you so much for the tutorial!</p>
                <p>Have a nice day!</p>
            </div>
            <!-- End message from yauhenik -->

            <!-- Message from Amirali -->
            <div>
                <h3>Hello There! I am Amirali</h3>
                <p>Thank you so much for the tutorial!</p>
                <p>Wish you the best</p>
            </div>
            <!-- End message from Amirali -->

            <!-- Message from maciekexe -->
            <div>
                <h3>Hello!</h3>
                <p>Thank you for the tutorial!</p>
                <p>Have a nice day!</p>
            </div>
            <!-- End message from maciekexe -->

            <!--Message from M-->
            <div>
                <h3>HELLO!</h3>
            </div>
            <!--End message from M-->

            <div>
                <h3>HELLO!</h3>
            </div>

            <!-- Message from Tedus -->
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        I was here.<br>
                        Learning GIT, You did amazin job, thank you w3school.</i></p>
            </div>
            <!-- End message from Tedus -->

            <!-- Message from Amit -->

            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p><i class="w3-serif w3-xlarge">
                        <span style="font-size:150px;line-height:0.6em;opacity:0.2">&#10004;</span>
                        Hi This is Amit from India<br>
                        Learning Git was amazing.</i></p>
            </div>
            <!-- End message from Tedus -->

            <!-- start the my personal message -->
            <p>My friends, keep learning, w3schools have very good tutorials. And git will help you a lot with coding.
            </p>
            <p>Greetings. Simon E. Mexico. 30/11/2023</p>

            <!-- start the my personal message -->
            <p>My friends, keep learning, w3schools have very good tutorials. And git will help you a lot with coding.
            </p>
            <p>Greetings. Simon E. Mexico. 30/11/2023</p>

            <!-- Message from GustavoEsposar -->
            <style>
                .content {
                    margin: 0 auto;
                    width: 48%;
                    padding: 20px;
                    border-radius: 15px;
                    background: linear-gradient(-45deg,
                            rgba(13, 36, 42, 1) 0%,
                            rgba(27, 93, 101, 1) 20%,
                            rgba(20, 118, 143, 1) 35%,
                            rgba(63, 152, 170, 1) 50%,
                            rgb(94, 149, 163) 65%,
                            rgb(145, 188, 197) 80%,
                            rgba(255, 255, 255, 1) 100%);
                    background-size: 400% 400%;
                    animation: backgroundChange 15s ease infinite;
                    box-shadow: 0 0 8px aliceblue;
                    opacity: 0.8;
                    transition: transform 0.3s ease, opacity 0.3s ease, width 0.3s ease;
                    z-index: 1;
                }

                .content:hover {
                    transform: scale(1.05);
                    box-shadow: 0 0 20px aliceblue;
                    opacity: 1;
                }

                /************************
  Gradient animation
*************************/
                @keyframes backgroundChange {
                    0% {
                        background-position: 0% 50%;
                    }

                    50% {
                        background-position: 100% 50%;
                    }

                    100% {
                        background-position: 0% 50%;
                    }
                }
            </style>
            <div class="content">
                <p>
                    My sincere thanks to w3schools for all the teaching and quality provided.
                </p>
                <p>
                    From Brazil, Gustavo B. Esposar - Dec 06, 2023
                </p>
            </div>
            <!-- End of message from GustavoEsposar -->
            <!-- start message from bhagyesh nimbalkar -->
            <style>
                .main {
                    width: 100%;
                    height: 100%;
                    padding: 20px;
                    box-sizing: border-box;
                    background: linear-gradient(to bottom right, skyblue, purple);
                    border-radius: 20px;
                    box-shadow: inset 0px 0px 40px black;
                    transform: rotateX(20deg);
                    perspective: 1000px;
                    display: flex;
                    gap: 5px;
                    justify-content: center;
                    flex-wrap: wrap;
                }

                .color-change {
                    text-align: center;
                    color: white;
                    text-shadow: 0px 15px 5px black;
                    perspective: 700px;
                    font-size: 70px;
                    transform: rotateX(50deg);
                    transition: all 0.3s ease;
                }

                .magic {
                    transform: translateY(-50px) scale(1.9) rotate(-10deg);
                }
            </style>
            <div class="main">
                <h1 class="color-change">T</h1>
                <h1 class="color-change">H</h1>
                <h1 class="color-change">A</h1>
                <h1 class="color-change">N</h1>
                <h1 class="color-change">K</h1>
                <h1 class="color-change">S</h1>
                <h1 class="color-change">F</h1>
                <h1 class="color-change">O</h1>
                <h1 class="color-change">R</h1>
                <h1 class="color-change">T</h1>
                <h1 class="color-change">U</h1>
                <h1 class="color-change">T</h1>
                <h1 class="color-change">O</h1>
                <h1 class="color-change">R</h1>
                <h1 class="color-change">I</h1>
                <h1 class="color-change">A</h1>
                <h1 class="color-change">L</h1>
            </div>
            <script>
                let i = 0, j = 0;
                const letters = document.querySelectorAll('.color-change');
                setInterval(() => {
                    if (i >= 17) i = 0;
                    letters[i].classList.add('magic');
                    if (!(j == 0 && i == 0)) {
                        letters[j].classList.remove('magic');
                    }
                    j = i;
                    i++;
                }, 300);
            </script>
            <!-- End message from bhagyesh nimbalkar-->

            <!-- Start message from santi1229-->
            <p style="background-color: #000; color: white;">Thanks for this content</p>
            <!-- End message from santi122-->

            <!-- Message luiscostas -->
            <h3>Hello guys, I'm tryna learn Git</h3>
            <p>Thanks W3schools for the free resources... 12/19/23</p>
            <!-- End Message from luiscostas -->

            <!-- Start message from mihaibu1201 -->
            <h4>Hello, thank You for teaching so well</h4>
            <h4>Have a nice, productive year :-)</h4>
            <!-- End message from mihaibu1201 -->

            <!-- Message from MWong08 -->
            <style>
                .content-box {
                    border: 2px solid #333;
                    padding: 20px;
                    margin: 20px;
                }

                img {
                    display: block;
                    margin: 0 auto;
                }
            </style>

            <div class="content-box">
                <p>Hello World!</p>
                <h2>Welcome to W3school and 2024, fellow learners</h2>
                <h6>Also, get rickrolled</h6>
                <img src="https://cdn.filestackcontent.com/Krg875TyRVwr5OOumHAG/convert?cache=true&crop=126%2C64%2C1187%2C593&crop_first=true&quality=90&w=1920"
                    alt="A Rickroll a day keeps the sadness away" style="width:100%">
            </div>

            <!-- End of message from MWong08 -->

            <!-- Message from Danilo -->
            <div
                style="padding: 25px; background-color: #a489ea; border-radius: 20px; display: inline-block; box-shadow: inset 0 0 30px #310073;">
                <code>Siga em frente, tenha foco, e se cair, levante e continue</code>
                <p>Thanks W3schools</p>
            </div>
            <!-- End Message from Danilo -->

            <!-- Start message from drolinza -->
            <div>
                <h3>Hello!</h3>
                <p>This is Dina Rolinza, Thank you so much for the Git and Github tutorial! ❤️</p>
            </div>
            <!-- End message from drolinza -->

            <!-- Message from kiarieAmos-->
            <p style="font-family: Verdana, Geneva, Tahoma, sans-serif; color: whitesmoke; background-color: #0f3c4c;">
                Hello, I am kiarieAmos. Glad to be here. </br>
                Thanks so much <a href="https://www.w3schools.com/"> W3Schools.com</a>....... 26/12/2023
            </p>
            <!--End Message from kiarieAmos-->

            <!-- Message from FireRiver-->
            <p style="font-family: Verdana, Geneva, Tahoma, sans-serif; color: darkblue; background-color: #DDDDDD;">
                Hello, I am FireRiver </br>
                Thanks so much <a href="https://www.w3schools.com/"> W3Schools.com</a> for the GIT tutorial !!! .......
                3/1/2024
            </p>
            <!--End Message from FireRiver-->

            <!-- message below here -->
            <p style="color: darkblue; background-color: #DFFFDF;">
                Hi, I'm WardVT from Belgium <br>
                Thanks for this great tutorial on git! - 4/1/2024
            </p>

            <!-- End message -->

            <!--Message from AdySaz3658F-->
            <style>
                .ady-message-box {
                    background-color: #33ffff;
                    font-family: Arial, sans-serif;
                    text-align: center;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 100vh;
                    margin: 0;
                }

                .ady-box {
                    background-color: #fff;
                    padding: 50px;
                    border-radius: 10px;
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
                }

                .ady-h1 {
                    font-style: normal;
                    font-weight: bold;
                    color: #333;
                }

                .ady-p {
                    color: #555;
                    margin-top: 20px;
                }

                .ady-thanks,
                .ady-signature {
                    font-style: italic;
                    color: #777;
                    margin-top: 20px;
                    text-align: left;
                    margin-left: 0;
                }
            </style>

            <div class="ady-message-box">
                <div class="ady-box">
                    <h1 class="ady-h1"> Привет, я Адитья Джайн from भारत (01/28/2024)</h1>
                    <p class="ady-p">Really enjoyed this tutorial by W3Schools. Committed to committing more 😂</p>
                    <p class="ady-p"></p>
                    <p class="ady-thanks">Thanks,</p>
                    <p class="ady-signature">IND/GUJ/AMD/AdySaz3658F</p>
                </div>
            </div>
            <h1>Hello My Name is Anil Dollor 15July2024</h1>
            <!--End message from AdySaz3658F-->

            <!-- message below here -->
            <p>Hi thanks for tutorial, show must go on!</p>
            <!-- End message -->

            <!-- message from Malek -->
            <p>Hi, this is Malek. Great tutorial, Thanks!</p>
            <!-- End message -->

            <p>Hello, World! 9/1/2024</p>

            <div>
                <p style="text-align: center; font-style: normal;">"If we wait until we're ready, we'll be waiting for
                    the rest of
                    our lives."<br /> - Lemony Snicket<br />P.S. Greetings from Italy & thank you W3Schools.com!</p>
            </div>

            <!-- message below here -->
            <p>“Be yourself; everyone else is already taken.”
                ― Oscar Wilde </p>

            <!-- Start message from SAeeD-->
            <div>
                <h3>Hiiiiiiiiiiiiiiiiiiiiiiii!</h3>
                <p>Thank you so much! ❤️</p>
            </div>
            <!-- End message from SAeeD -->

            <!-- Start message from Yuki -->
            <h4>Hello, thank you for the tutorial</h4>
            <h4>Have a nice, productive year :-)</h4>
            <!-- End message from Yuki -->

            <!-- End user messages -->
            <!-- message from PucPuc -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif">
                    <i>"Thank you for w3schools"</i>
                </p>
                <p>Puc_puc</p>
            </div>

            <!-- Message from Eldar -->
            <br>
            <div class="w3-card w3-border" style="text-decoration-color: white;">
                <div class="w3-container w3-black w3-xlarge">
                    <h1 class="w3" style="text-decoration-color: white;">Hello Everyone!</h1>
                    <hr>
                    <p>Thanks for tutorial.</p>
                </div>
            </div>
            <!-- End message from Ayush -->

            <!-- Message from AU -->
            <p> thanks for the tutorial </p>
            <!-- Message from AU -->

            <!-- ***************** START MESSAGE FROM IGNOCHI -->
            <h1 style="color: red;">console.log(print("IGNOCHI"))</h1>
            <!-- ***************** END MESSAGE FROM IGNOCHI -->

            <!-- Message from USA -->
            <p> thanks for the tutorial </p>
            <!-- Message from USA -->

            <!--Message from HanzadeLK-->
            <style>
                .stil_bg {
                    margin: 2% 35% 2%;
                    background-color: #ffbb8d;
                    border-radius: 90px;
                    border: 10px solid #d98d59;
                    border-style: dotted;
                }

                .stil_text {
                    font-family: Arial, Helvetica, sans-serif;
                    text-align: center;
                    padding: 1%;
                }

                .stil_text h2 {
                    color: #268c7b;
                }

                .stil_text h3 {
                    color: #c8848c;
                }
            </style>

            <div class="stil_bg stil_text">
                <div>
                    <h2>It's great to be here!</h2>
                    <h2>Thank you W3 for everything</h2>
                    <h3>Love from Istanbul, HanzadeLK❤️</h3>
                </div>
            </div>
            <!--End message from HanzadeLK -->

            <!-- ***************** START MESSAGE FROM Casey -->
            <h1 style="color: red;">Hello From USA</h1>
            <!-- ***************** END MESSAGE FROM Casey -->

            <!-- Message from Eduard !-->
            <h1
                style="background-color: black; color: pink; font-size:20px; border:20px; border-color: black; border-style:solid;">
                Wassup guys its your boy Eduard</h1>
            <h1 margin-top:10px;> Heres a picture of Me!</h1>
            <!-- End Message from Eduard!-->

            <!-- Message from Kavon -->
            <br>
            <div class="w3-card w3-border" style="text-decoration-color: white;">
                <div class="w3-container w3-black w3-xlarge">
                    <h1 class="w3" style="text-decoration-color: white;">Hello Everyone!</h1>
                    <hr>
                    <p>Thanks for tutorial.</p>
                    <p>Thanks Eldar XD.</p>
                </div>
            </div>
            <!-- End message from Kavon -->


            <!--************************ Message from MD MAsoom Alam ************************ -->
            <style>
                .card {
                    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
                    max-width: 300px;
                    margin: auto;
                    text-align: center;
                    font-family: arial;
                }

                .title {
                    color: grey;
                    font-size: 18px;
                }

                .alam button {
                    border: none;
                    outline: 0;
                    display: inline-block;
                    padding: 8px;
                    color: white;
                    background-color: #000;
                    text-align: center;
                    cursor: pointer;
                    width: 100%;
                    font-size: 18px;
                }

                .alam img {
                    max-width: 300px;
                }

                .alam a {
                    text-decoration: none;
                    font-size: 22px;
                    color: black;
                }

                .alam button:hover,
                .alam a:hover {
                    opacity: 0.7;
                }
            </style>
            <div class="card alam">
                <!-- <img src="https://ibb.co/p487NRd" > -->
                <img src="https://i.ibb.co/TPSfJbt/profile-pik.jpg" alt="MD" border="0"></a>
                <h1>MD Alam</h1>
                <p class="title">I am student of CSE</p>
                <p>KIIT University bhubaneswar</p>
                <div style="margin: 24px 0;">
                    <a href="#"><i class="fa fa-dribbble"></i></a>
                    <a href="#"><i class="fa fa-twitter"></i></a>
                    <a href="#"><i class="fa fa-linkedin"></i></a>
                    <a href="#"><i class="fa fa-facebook"></i></a>
                </div>
                <p><button>Contact</button></p>
            </div>
            <!-- ************************** End from MD MAsoom Alam  *******************-->

            <!-- Message from Wei -->
            <div class="w3-card w3-border" style="text-decoration-color: white;">
                <div class="w3-container w3-black w3-xlarge">
                    <h1 class="w3" style="text-decoration-color: white;">Hello Everyone!</h1>
                    <hr>
                    <p>Thanks for the amazing tutorial.</p>
                    <p>I have learned a lot!.</p>
                </div>
            </div>
            <!-- End message from Wei-->

            <!-- Message from Ivan -->
            <div
                style="background-color: CadetBlue; color: white; font-family: sans-serif; font-size: 33px; border-radius: 33%; border: solid DarkSlateGray 5px; padding-left: 10px; text-align: center; margin: 5px;">
                <p>Thank you for teaching me how to use Git!</p>
                <p>Ivan from Zhlobin, Belarus</p>
                <p>09.02.2024 ☮</p>
            </div>
            <!-- End message from Ivan-->

            <!-- start message from tc96 -->
            <p style="font-family: monospace; text-transform: uppercase; font-style: italic;">Hello World
                from Liège,
                Belgium.</p>
            <!-- end message from tc96-->

            <!-- Message from Michal -->
            <p>Thanks for the Git tutorial! I find it helpful.</p>
            <!-- End message from Michal-->

            <!-- Message from Charlie from Hungary -->
            <div>
                <p>This tutorial is awesome! Simple and understandable! Simply fantastic! Thanks a lot!</p>
            </div>
            <!-- End message from Charlie from Hungary -->

            <!-- Message from Stasuke -->
            <div class="w3-panel w3-leftbar">
                <p><i class="fa fa-quote-right w3-xxlarge"></i><br>
                    <i class="w3-serif w3-xlarge">Thanks for lessons on git.</i>
                </p>
            </div>
            <!-- End message from Stasuke -->

            <!-- Message from Boris -->
            <div style="margin: 1em; display: grid; grid-template: 2fr min-content; gap: 0;">
                <div
                    style="grid-row: 1/2; grid-column: 1/2; padding: 0.5em 2em; margin: 0; background-image: linear-gradient(cyan, purple); border-radius: 1em 1em 0em 1em; color: white; font-style:normal; font-family: 'Courier New', Courier, monospace">
                    <p>Good luck and new successes, everyone! ⭐</p>
                    <p>Thank you, w3schools, for your fascinating, effective, yet simple tutorials!</p>
                </div>
                <p style="grid-row: 2/3; grid-column: 2/3; padding: 0 1em; margin:0; text-align: justify">
                    With love from
                    Russia and Armenia, Boris <span style="font-style:normal">❤️</span></p>
            </div>
            <!-- End message from Boris -->

            <!-- message from zainab -->
            <h3 style="color: lightskyblue; font-family:cooper;">Greetings from Bahrain &hearts;</h3>
            <!-- end message from zainab -->

            <!-- Message from Worm -->
            <div style="background-color:black;">
                <p style="font-family:'Courier New', Courier, monospace; color:#FBC3A7;">Finally, I can
                    actually understand
                    Git. Yipee!</p>
                <p style="font-family:'Courier New', Courier, monospace; color:#FBC3A7;">--Worm</p>
            </div>
            <!-- End message from Worm -->

            <!-- Message from Julia -->
            <div style="color: palevioletred;">
                <p>Thank you so much!</p>
            </div>
            <!-- End message from Julia -->

            <!-- Message from Hopeson-->
            <div class="w3-container">
                <p>Thank you w3schoos for this awesome git tutorial</p>>
            </div>
            <!-- End message from Hopeson -->
            <!-- Message from Shyam swaran-->
            <div class="w3-container">
                <p>Thaks a lot for this free resource</p>>
            </div>
            <!-- End message from Shyam swaran -->

            <div style="color: #008000; font-size: larger;">
                <p>Hi everyone from Marco :D</p>
            </div>

            <!-- Message from lewis-mk -->
            <div>
                <p>
                    W3SCHOOL is the best i love the way you base your courses.
                </p>
            </div>

            <!--message from Francisco-->
            <div style="background-color: CadetBlue; color: white; font-family: sans-serif; font-size: 33px; border-radius: 33%; border: solid DarkSlateGray 5px; padding-left: 10px; text-align: center; margin: 5px;">
                <p>Hello, Thanks for this excellent tutorial</p>
                <p>Many successes to the w3schools team</p>
                <p>Francisco from Venezuela</p>
            </div>
            <!-- end mesaage from Francisco-->

            <!--message from Ritoboy-->
            <h3>Glad to be a part of this!!!</h3>
            <!-- end mesaage from Ritoboy-->

            <!--message from <Rauf>-->
            <div
                style="background-color: CadetBlue; color: white; font-family: sans-serif; font-size: 33px; border-radius: 33%; border: solid DarkSlateGray 5px; padding-left: 10px; text-align: center; margin: 5px;">
                <p>Let's make w3schools✨ great (again)</p>
                <p>Together forever</p>
                <p>Peace</p>
            </div>
            <!-- end message from Rauf-->

            <!--message from Titus Lemalian-->
            <div>
                <p>Thanks W3schools</p>
                <p>Appreciate the effort you are putting to give us adequate learning resources</p>
                <p>This is your buddy from Kenya</p>
            </div>
            <!-- end message from Titus Lemalian-->

            <!--message from Shi Sian-->
            <div>
                <p>Thanks W3schools</p>
                <p>31/3/2024</p>
                <p>from Malaysia</p>
            </div>
            <!-- end message from Titus Lemalian-->

            <!--message from Amile-->
            <div>
                <p>See You Soon Space Cowboy!</p>
            </div>
            <!--end message from Amile-->

            <!--message from Blair Wagner-->
            <div>
                <p>Thank you W3schools!</p>
                <p>This was a great learning experience. Git is not for the faint at heart.</p>
                <p>Education is not knowing the answer, but rather knowing where to look for it. Be blessed...</p>
            </div>
            <!-- end message from Blair Wagner-->

            <!-- message from Samir -->
            <p> Many thanks W3shools for the concise and well guided Git and GitHub tutorial. </p>
            <!-- end message from Samir -->

            <!-- Message from Saher Ayad -->
            <div class="w3-panel w3-center w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif"> <i>Thank you for your lessons w3schools <br> It's great to
                        be here!</i> </p>
                <p>Saher Ayad (EGYPT)</p>
            </div>
            <!-- End Message from Saher Ayad -->

            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif">
                    <i>"Thanks I understand Git & GitHub!"</i>
                </p>
                <p>CCC messages</p>
            </div>
            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif">
                    <i>"Thanks I understand Git & GitHub!"</i>
                </p>
                <p>CCC messages2</p>
            </div>

            <div>
                <p>Emmanuel Here!</p>
                <p>It's April 1st, 2024.</p>
                <p>Thank you for this amazing Git/GitHub tutorial.</p>
            </div>
            <!-- end message from Titus Lemalian-->

            <!-- Message from Lukas Eppacher -->
            <div class="w3-panel w3-center w3-blue ">
                <p class="w3-xxlarge w3-serif"> <i>Thank you for your great GIT lessons w3schools <br> It's
                        great to be
                        here!</i> </p>
                <p>Greetings from <b>Austria</b> 🇦🇹 <br> Lukas Eppacher
                <p>
            </div>
            <!-- End Message from Lukas Eppacher -->

            <!--message from Chrisbaba-->
            <div>
                <p>I will become a great developer through the w3schools. Thank you so much</p>
            </div>
            <!-- end message from Titus Lemalian-->

            <!--message from RJ-->
            <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lobster&effect=shadow-multiple">
            <style>
                .w3-lobster {
                    font-family: "Lobster", Sans-serif;
                }
            </style>
            <div class="w3-section">
                <div class="w3-display-container w3-center w3-text-white" style="width:100%">
                    <img src="https://www.campusmvp.es/catalogo/repository/product/curso-git-online-banner.png"
                        alt="Git Banner" style="width:100%">
                    <div class="w3-xxlarge w3-lobster w3-display-topmiddle w3-container">Thank you for</div>
                    <div class="w3-xxlarge w3-lobster w3-display-bottommiddle w3-container">Tutorial</div>
                </div>
            </div>
            <!-- end of message from RJ-->
            <!--message from Chin Guang-->
            <div>
                <p>Chin Guang here</p>
                <p>Thank you W3School</p>
                <p>for this amazing Git/GitHub tutorial.</p>
            </div>
            <!-- end of message from Chin Guang-->

            <!--message from ctrlKshav-->
            <div style="background-color: blue;">
                <p>what's up it's KM from Ahmedabad,India🇮🇳 picking up coding again with the odin project
                    after a long
                    hiatus</p>
                <p>Loving the git course and much love to the w3schools community </p>
                <p>Hope everyone finds happiness in their life makes it:))))</p>
            </div>
            <!--end of message from ctrlKshav-->

            <!-- Message from Shruthik -->
            <div class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-xlarge w3-serif"><i>"Good luck to every one learning with W3School”</i></p>
                <p>- Shruthik</p>
            </div>
            <!--End of message from Shruthik -->

            <!--message from Chin Guang-->
            <div>
                <p>Fred here</p>
                <p>Muches gracies</p>
                <p>agradecido x 100mpre.</p>
            </div>
            <!-- end of message from Chin Guang-->

            <!--message from LiChuan Huang-->
            <div style="height: 100px;background: #a52232;border-radius: 20px;">
                <div style="color: white;">
                    <p>
                        😎 祝大家学习顺利！
                    </p>
                    <p>--黄立川</p>
                </div>
            </div>
            <!--end of message from LiChuan Huang-->

            <!-- Message from Mahmood  -->
            <div>
                <p>Hi</p>
                <p>I am Mahmood from Afghanistan </p>
                <p>Thank you for this amazing tutorial</p>
            </div>
            <!-- end of Mahmood message -->

            <div>
                <p>Craig Collins</p>
                <p>Thank you for the help in learning GitHub.</p>
            </div>

            <!--message from Young-->
            <div>
                <p>Young</p>
                <p>Hi and Thanks! Love the GIT tutorials!</p>
            </div>
            <!-- end of message from Young-->

            <!--message from catsaredrugs-->
            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif">
                    <i>"Git good is a great pun."</i>
                </p>
                <p>Albert Einstein</p>
            </div>
            <!--end of message from catsaredrugs-->

            <!--message from JT-->
            <div>
                <p>Justin</p>
                <p>Appreciate for the awesome course!</p>
            </div>
            <!-- end of message from JT-->

            <!--message from Vince Ybañez-->
            <div>
                <p>Vince Ybañez</p>
                <p>What a legendary course! Simple, practicle, and great for beginners. 💗😎/p>
            </div>
            <!-- end of message from Vince Ybañez-->

            <!-- Message from Hanroux -->
            <div class="w3-panel w3-leftbar w3-green">
                <p class="w3-text-white w3-monospace w3-xxlarge">Thank you for the amazing tutorial, much
                    appreciated!!!</p>
                <p class="w3-text-white w3-wide w3-roboto">Hanroux from South Africa</p>
            </div>
            <!-- end of message from Hanroux-->

            <!--message from LenaSemenova-->
            <h1>Hi w3schools!</h1>
            <p>You do a really great job! Thank you!</p>
            <!-- end of message from LenaSemenova-->

            <!--message from suhail  -->
            <style>
                .suhails-message {
                    background-color: teal;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: column;
                }
            </style>
            <div class="suhails-message">
                <h1>Hey i am suhail</h1>
                <h3>Thank you git hub for this amazing tutorial</h3>
                <h3>Love from india</h3>
            </div>

            <!--message from Guillaume-->
            <div class="w3-panel w3-leftbar w3-sand">
                <p>Guillaume</p>
                <p>Chopin's four ballades are the best music ever composed on piano.</p>
            </div>
            <!-- end of message from Guillaume-->

            <!--message from AIMeade-->
            <div class="w3-panel w3-pale-red w3-leftbar w3-border-red  w3-serif">
                <h1>Great Tutorial w3schools!</h1>
                <p>Anthony from Trinidad and Tobago</p>
            </div>
            <!--end of message from AIMeade-->

            <!--Message from Nexkiv-->
            <div class="w3-panel w3-leftbar w3-white">
                <p>Nexkiv</p>
                <p>"Here's to the next 30,000 years on Spaceship Earth…" Spaceship Earth Narratior</p>
            </div>
            <!--End of message from Nexkiv-->

            <!--message from Mugisha Rwanda country in the heart of Africa -->
            <div class="w3-panel w3-pale-red w3-leftbar w3-border-red  w3-serif">
                <h1>Hello everyone from w3schools!</h1>
                <p>I am MUGISHA FROM KIGALI-RWANDA</p>
            </div>
            <!--end of message from mugisha-->

            <!--message from GitHub Beginner-->
            <div class="w3-panel w3-leftbar w3-sand">
                <p>Tutorial does not match what I see in the version of GitHub I have downloaded, but
                    managing to muddle through!</p>
            </div>
            <!-- end of message from GutHub Beginner-->

            <!--message from Arda-->
            <div class="w3-panel w3-pale-red w3-leftbar w3-border-red  w3-serif">
                <h1>Mohammad arda 2024-05-16</h1>
                <p>Thanks for lighting the path to knowledge</p>
            </div>
            <!--end of message from Arda-->

            <div class="w3-panel w3-pale-red w3-leftbar w3-border-red  w3-serif">
                <h1>Prasad Metkar 2024-05-16</h1>
                <p>Make your better version </p>
            </div>

            <!-- message from Mandar -->
            <div>Git &amp; GitHub was fun! </div>
            <div>Thank you for all the web development technologies related Tutorial. Also for Python, Java,
                C, C++ Tutorial.</div>
            <!-- end of message from Mandar -->

            <div class="w3-panel w3-pale-red w3-leftbar w3-border-red  w3-serif">
                <h1>Prasad Metkar 2024-05-16</h1>
                <p>Make your better version </p>
            </div>

            <!-- message from SY -->
            <blockquote class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-large">
                    <i>"Good learning for begineer like me! Thanks"</i>
                </p>
                <i>SY, 2024-05-29</i>
            </blockquote>
            <!-- end of message from SY -->

            <!-- message from Staś Ostrowski -->
            <blockquote class="w3-panel w3-leftbar w3-light-grey">
                <p class="w3-large">
                    <i>"Doskonały portal www.w3schools.com do samodzielnej nauki. Dziękuję bardzo!"</i>
                </p>
                <i>2024-05-31</i>
            </blockquote>
            <!-- end of message from Staś Ostrowski -->

            <!-- message from PavithraRanjana -->
            <div>
                <h1>I'm Learning Git and Github with W3 School </h1>
                <div>
                    <img src="https://repository-images.githubusercontent.com/566775932/315a8582-c0b1-4780-be7c-3305e0dab6e5"
                        alt="picture of w3school">
                    <p> I'm from Sri Lanka too. I love learning all things Technology.</p>
                    <p> Thank you for teaching those technologies</p>
                </div>
            </div>
            <!-- end of message from PavithraRanjana -->

            <!-- message from Mike -->
            <div>
                <h1>Thank you very much</h1>
                <div>
                    <p>Thank you very much!</p>
                </div>
            </div>
            <!-- end of message from Mike -->

            <!-- message from AcidAshe -->
            <div id="acidashe"
                style="background:linear-gradient(135deg, rgb(86, 25, 155), rgb(241, 34, 241)); width:100%; padding:10px; border-radius:20px;">
                <style>
                    #acidashe h2,
                    #acidashe p {
                        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
                        color: rgb(230, 185, 73);
                    }

                    #acidashe p {
                        font-size: 16px;
                        text-decoration: none;
                    }
                </style>
                <h2>Thanks for all the great tutorials! But I must ask...</h2>
                <p>Have you heard of the critically acclaimed MMORPG Final Fantasy XIV? With an expanded
                    free trial which you can play through the entirety of A Realm Reborn and the
                    award-winning Heavensward expansion and also award-winning Stormblood expansion up to
                    level 70 for free with no restrictions on playtime.</p>
            </div>
            <!-- end of message from AcidAshe -->

            <!-- message Adheesha Chamod -->
            <div>
                <h1>Hi! all....</h1>
                <p>I'm learning git commands...</p>
            </div>
            <!-- end of message from Adheesha Chamod -->

            <!-- message from HTGA -->
            <div style="background-color:black;">
                <p style="color: white;text-align: center;font-size: x-large;">HTGA was here!</p>
            </div>
            <!-- end of message from HTGA -->

            <!-- message from CheMoneb-->
            <div>
                <h1>Hello</h1>
                <p>amazing</p>
            </div>
            <!-- end of message from CheMoneb-->
            <!--Message from Abel Kevin Kipkosgei-->
            <div style="background-color: pink;">
                <h1 style="text-decoration: wavy; color: #0088ff; font-weight: bold;">Thank you note to
                    w3schools from Abel Kevin Kipkosgei</h1>
                <p>Dear W3Schools Team, I hope this message finds you well.
                    I am writing to express my sincere gratitude for the wonderful Git course you have made
                    available on your platform.
                    The course is exceptionally well-structured, informative, and user-friendly, making the
                    complex concepts of version
                    control both accessible and easy to understand. The clear explanations, practical
                    examples, and interactive exercises
                    provided throughout the course have significantly enhanced my understanding of Git. As a
                    result, I now feel much more
                    confident in my ability to manage and collaborate on projects using this essential tool.
                    Thank you for your dedication
                    to providing high-quality educational resources. Your commitment to helping learners
                    worldwide improve their skills is
                    truly commendable and greatly appreciated.

                    Warm regards,

                    [Abel Kevin Kipkosgei]</p>
            </div>
            <!--End of message from Abel Kevin Kipkosgei-->
            <!--Message from Mariem TN-->
            <div
                style="background-color: #5F093D; color: white; padding-top: 30px; padding-bottom: 30px; text-align: center">
                <h1 style="font-size: 40px">Message from Mariem TN :</h1>
                <p style="font-size: 35px">This is awesome ! </p>
            </div>
            <!--End of message from Mariem TN-->

            <!--Message from Brenno Marques-->
            <div>
                <p>This is a Brazilian message from Brenno!
                    Muito obrigado W3Schools!</p>
            </div>
            <!--End of message from Brenno Marques-->

            <!--Message from Nay Lin Htike-->
            <div>
                <p>This is a Nay Lin Htike from Myanmar!</p>
                <p>
                    Thank You W3schools for Your wonderful courses! You are doing good things.
                </p>
            </div>
            <!--End of message from Nay Lin Htike-->

            <div style="background-color: #00ee00;">
                <h2>Keep up the great work on your tutorials!!!</h2>
                <p>They're amazing, exceptionally well structured, comprehensive and accessible.</p>
                <small>20-06-2024</small>
            </div>
            <!--End of message from UrsaSapiens-->

            <!-- Message from Suchao-->
            <h1>thanks to w3schools!</h1>
            <p>Suchao B</p>
            <!-- End message from Suchao-->

            <!--Message from Vladislav Tsybuliak-->
            <div style="background-color: aqua; color: black; font-size: 40px;">
                <p>This is Vladyslav Tsybuliak from Ukraine</p>
                <p>
                    Дякую W3schools за прекрасні курси! Хай Бог береже кожного!
                </p>
            </div>
            <!--End of message from Vladislav Tsybuliak-->

            <!-- Message from Suchao-->
            <h1>here, stranger, have a cookie 🍪</h1>
            <p>xellophane00</p>
            <!-- End message from Suchao-->

            <!--Message from Xeon Kivy-->
            <div style="background-color: red; color: green; font-size: 20px;">
                <p>this is message from xeon kivy</p>
                <p>w3school has best tutorials</p>
            </div>
            <!--End of message from Xeon Kivy-->

            <!-- message zerezeze -->
            <div>
                <h1>Hi!</h1>
                <p>I'm learning git commands, thanks W3schools!</p>
            </div>
            <!-- end of message from zerezeze -->

            <!--Message from Homer Simpson-->
            <div style="background-color: aqua; color: black; font-size: 40px;">
                <p>This is Homer Simpson from Springfield</p>
                <p>
                    Doh!
                </p>
            </div>
            <!--End of message from Homer Simpson-->

            <!-- Message from Hector -->
            <div>
                <h1>Hector was here </h1>
            </div>

            <!--Message from Lacrymosa-->
            <ul style="list-style-type:none;margin:0;padding:0;">
                <li style="background-color:#D52D00;height:50px;"></li>
                <li style="background-color:#EF7627;height:50px;"></li>
                <li style="background-color:#FF9A56;height:50px;"></li>
                <li style="background-color:#FFFFFF;height:50px;"></li>
                <li style="background-color:#D162A4;height:50px;"></li>
                <li style="background-color:#B55690;height:50px;"></li>
                <li style="background-color:#A30262;height:50px;"></li>
            </ul>
            <!--End of message from Lacrymosa-->

            <!-- start message from Adem Diari -->
            <div style="background-color: #FFFFFF;font-family: 'Courier New', Courier, monospace;">
                <h2 style="color: #4CAF50;">Thanks W3SCHOOL!</h2>
                <p style="font-size: 24px;">You Are Really a Life Saver. Your Lessons Are Helping Many
                    People In Their Coding Journey.</p>
                <p style="font-size: 24px;"><strong>Adem Diari</strong> from <strong>Tunisia</strong></p>
            </div>
            <!-- end of message from Adem Diari -->

            <!-- Message from Srinivas Sarkar -->
            <div>
                <h1>Namaste 🙏 from India</h1>
                <h1>Heartfelt Thanks to w3schools</h1>
                <p>"Empowering developers to transform their ideas into reality!"</p>
            </div>
            <!--End of message from Srinivas Sarkar-->

            <!-- Message from Randriantsoa Manantena -->
            <section>
                <h2>Misaotra !</h2>
                <h3>Thanks !</h3>
            </section>
            <!-- End of message from Randriantsoa Manantena -->

            <div style="background-color: #059862;">
                <hr>
                <h1 style="color: white;">Thanks w3schools :D</h1>
                <p style="color: white;">Hello,your tutorials are awesome!</p>
                <p style="color: white;">Nicosia Daniele Umberto / Umberto46</p>
            </div>

            <!-- Message from Rebecca Small -->
            <div>
                <h1>Happy To Be Here</h1>
                <p>Yearning for learning.</p>
            </div>

            <!-- Message from Ahal Akgayev -->
            <div>
                <h1>Salam 🙏 from Turkmenistan</h1>
                <h1>w3schools toparyna köp sagbolsunlar</h1>
                <p>"Sanly nesil, sanly gelejek"</p>
            </div>
            <!--End of message from Ahal Akgayev-->

            <!-- Message from Nexusflux  -->
            <div style="background-color: darkred; color: white;">
                <h1 style="font-size: 70px;">Greetings Earthlings 🚀 from Mars</h1>
                <h2 style="color: orange;">Nexusflux thanks you all!</h2>
                <p>"Be Kind to each other and create a beautiful reality!"</p>
            </div>
            <!--End of message from Nexusflux -->

            <!-- Message from VN -->
            <div style="background-color: yellow;">
                <h1>Thanks for the tutorials!</h1>
                <p>From VN with love</p>
            </div>
            <!--End of message from VN-->

            <!-- Message from a ghost-->
            <p>Boo!</p>
            <!-- End of message from a ghost-->

            <!-- Message from Moa -->
            <div>
                <h1>Hello from Sweden!</h1>
                <p>"Empowering developers to transform their ideas into reality!"</p>
            </div>
            <!-- End of message from Moa -->

            <!-- Message from Mikhail Manco -->
            <div style="background-color: #e11d48;">
                <h1 style="color: #f1f5f9; font-family: General Sans,sans-serif; font-weight: 600;">Thanks
                    W3Schools for always giving us good material to learn ❤️!</h1>
                <p style="font-size: 24px; color: #f1f5f9; font-family: General Sans,sans-serif; font-weight: 600;">
                    <strong>Mikhail Manco from Peru</strong>
                </p>
            </div>
            <!--End of message from Mikhail Manco -->

            <!--message from Rishabh Vaishnav country in the heart of INDIA -->
            <div class="w3-panel w3-pale-blue w3-animate-zoom w3-padding w3-serif">
                <img src="https://avatars.githubusercontent.com/u/141122856?v=4" alt="">
                <h1>Hello everyone from w3schools!</h1>
                <p>I am Rishabh from india</p>
            </div>
            <!--end of message from Rishabh-->

            <!-- Message from happy s -->
            <div>
                <h1>Hello W3 schools</h1>
                <p>"thank you for these helpful and detailed tutoroals"</p>
                <p>"- smiley face"</p>
            </div>
            <!--End of message from happy s-->

            <!-- Message from Atanas -->
            <div
                style="border:1px solid green; background-color: black; color: #00ff00; font-size: 16px; font-family: 'Courier New', Courier, monospace;">
                <p>Greeatings from Bulgaria!</p>
                <p>Thank you for all the amazing tutorials!</p>
            </div>
            <!-- End of message from Atanas -->

            <!-- Message from Kechro -->
            <div class="w3-center w3-panel w3-card w3-large w3-xxxlarge">
                Hello from Lima, Peru 🇵🇪🦙
                <h2>Happy Coding!!!</h2>
            </div>
            <!-- End Message from Kechro -->

            <!-- Message from 2419 -->
            <div>
                <h1>Git Beginner from CN</h1>
                <h1>Heartfelt Thanks to w3schools</h1>
                <p>"Empowering developers to transform their ideas into reality!"</p>
            </div>
            <!--End of message from 2419-->

            <!-- Message from dhiyanesh -->
            <div>
                <h1>Hi, I've two words</h1>
                <h1>I'm batman</h1>
            </div>
            <!--End of Message from dhiyanesh -->

            <!-- Message from Alexa White -->
            <div>
                <h1>I have lost the spark in my eyes</h1>
                <h3>but I guess it is what it is</h3>
            </div>
            <!--End of message from Alexa White-->

            <!-- Message from Joe Terry -->
            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif">
                    <i>"Thanks for teaching me how to use Git :)"</i>
                </p>
                <p>Joe from Cornwall</p>
            </div>
            <!--End of message from Joe Terry-->

            <!-- Message from Farnood Dajgol -->
            <div style="background-color: #DED4D8;">
                <h1>Doroud from Rasht, Iran</h1>
                <h3>My name is Farnood</h3>
                <p>I'm so glad to have a opportunity to learn Git from W3schools.</p>
            </div>
            <!-- End of message from Farnood Dajgol -->

            <!-- start message from Imen Barrak -->
            <div style="border:1px solid red; background-color: black; color: #00ff00;">
                <h2 style="color: #4CAF50;">Thanks W3SCHOOL!</h2>
                <p style="font-size: 24px;">I'm very happy to practice Git and use GitHub.</p>
                <p style="font-size: 24px;"><strong>Imen</strong> from <strong>Tunisia</strong></p>
            </div>
            <!-- end of message from Imen Barrak -->

            <!-- Message from Germany -->
            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif"><i>"Thx for the free lessons!"</i></p>
                <p>Galigrü</p>
            </div>
            <!-- End of message -->

            <!-- Message from Paris, France -->
            <div class="w3-panel w3-leftbar w3-rightbar w3-cyan">
                <h1>Thanks for the tutorial.</h1>
                <p style="color:white">You make people better</p>
            </div>
            <!-- End of message -->

            <!-- Message from Amir, Iran -->
            <div class="w3-panel w3-leftbar w3-rightbar w3-cyan">
                <h1>Thank you for the free resources, Amir from Iran ❤️</h1>
            </div>
            <!-- End of message -->

            <!-- Message from Iran -->
            <div class="w3-panel w3-leftbar w3-sand">
                <p class="w3-xxlarge w3-serif"><i>"W3schools you are the best"</I></p>
                <p>Meellaad</p>
                <p>Tehran, Iran</p>
            </div>

            <!-- Message from S. Navid Ashrafi -->
            <div class="w3-panel w3-leftbar w3-lime">
                <p class="w3-xxlarge w3-serif"><strong>Thanks for the great and easy-to-read lessons about
                        Git!</strong></p>
                <p class="w3-card w3-monospace w3-large" style="font-style: normal;">S. Navid Ashrafi from
                    Mashhad</p>
            </div>
            <!-- End of message -->
            <!-- Message from Tegh Singh -->
            <div class="w3-panel w3-leftbar w3-lime">
                <p class="w3-xxlarge w3-serif"><strong>Thanks for the tutorial about Git!</strong></p>
                <p class="w3-card w3-monospace w3-large" style="font-style: normal;">J Tegh Singh</p>
            </div>
            <!-- End of message -->
            <!-- Message from S. Navid Ashrafi -->
            <div class="w3-panel w3-leftbar w3-lime">
                <p class="w3-xxlarge w3-serif"><strong>Hello everyone. Thanks from Uzbekistan </strong></p>
                <p class="w3-card w3-monospace w3-large" style="font-style: normal;">we build our own way!
                </p>
            </div>
            <!-- End of message -->

            <!-- Message from South Africa  -->
            <div style="background-color: black; color: chartreuse; padding:20px;">
                <h2>Thank you w3schools! I have learned so much from you. Be kind everyone.</h2>
            </div>
            <!-- End of message -->

            <!-- Message from Depzai -->
            <div class="w3-panel w3-leftbar w3-cyan">
                <p class="w3-xxlarge w3-serif deptraicls"
                    onmouseover="this.innerHTML='Thanks for the amazing tutorial. I appreciate all the hard work that went into it.'"
                    onmouseout="this.innerHTML='Thanks!'">Thanks!</p>
                <p>Deptrai</p>
            </div>
            <!-- End of message from Depzai -->

            <!-- Message from Murat YEsimbietov-->
            <div style="margin: 0 auto;text-align: center;">
                <h1>Thank you for an incredibly helpful tutorial!</h1>
                <p>Greetings from Ukraine🇺🇦</p>
                <p>Murat YEsimbietov</p>
            </div>
            <!-- End of message -->

            <!--message from mohamed ahmed-->
            <div style="background-color:#001440">
                <h2 style="font-family: 'Times New Roman', Times, serif;color:#00eeee;padding:40px;font-size:35px">
                    w3school you're a lifesaver</h2>
                <p
                    style="color:#005bbb;font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;padding:10px">
                    mohamed ahmed,egypt</p>
            </div>
            <!--end of message-->

            <!-- Message from Purpleacecard -->
            <br>
            <div style="display: flex;
            flex-direction: column;
            background-color: rgb(251, 251, 251);
            border: 1.5px solid rgb(229, 229, 229);
            border-radius: 10px;
            margin-bottom: 10px;">
                <div style="display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 15px;
              border-bottom: 1.5px solid rgb(229, 229, 229);">
                    <h3 style="font-size: 16px;">Message from Purpleacecard</h3>
                    <p>19th August 2024</p>
                </div>
                <div style="display: flex;
              flex-direction: column;
              padding: 50px">
                    <p style=" margin: 10px 0px;
                font-size: 18px;
                word-spacing: 1px;
                line-height: 16px;">
                        Step by step, it's all baby steps
                    </p>
                </div>
            </div>
            <!-- end of message -->

            <!--message from PourHOZ-->
            <div
                style="width: 600px;height: 200px;float: left;background: cadetblue;border-radius: 0px 50px 50px;color: white;font-family: Cursive, sans-serif;">
                <p style="margin: 10px auto;width: 90%;border-left: 4px solid #217477;padding: 5px;font-size: 18px;">
                    Hey W3schoolers! Hope it's going great for you all!<br><br>And for the heads behind
                    W3school, I'm all thankful and owe you all. Wish ya'll the best!<br><br><span
                        style="color: #ccfffc;font-weight: bold;font-family: Courier New;">PouryaHOZ</span>
                    from <b>Iran</b></p>
            </div>
            <!--message from Aris in Greece-->
            <div>
                My minimalist message to w3<br><br> -Aris
            </div>
            <!--end of message-->

            <!-- message from Canada -->
            <p>Hello from the great white north.</p>
            <!--end of message-->

            <!-- My Message -->
            <div>
                <p> Change by Jouona</p>
                <p>thanks for the tutorial</p>
            </div>
            <!-- Message from Rome -->
            <div>
                <p>A message from Rome, Italy</p>
            </div>

            <!-- Message from Partha -->
            <p>Greetings! A very good tutorial.</p>
            <!-- End of message from Partha -->

            <!-- Al2 Message -->
            <div>
                <h1>Message from Chile</h1>
                <p>Hi, everyone, have a nice programming day today!</p>
            </div>

            <!-- Message from Albino Pedro -->
            <div class="w3-panel w3-leftbar w3-lime">
                <p class="w3-xxlarge w3-serif"><strong>Thanks for everything you're providing to me
                        w3schools.</strong></p>
                <p class="w3-card w3-monospace w3-large" style="font-style: normal;">Albino Raúl Pedro</p>
            </div>
            <!-- End of message -->

            <!-- Al2 Message -->
            <div>
                <h1>Message from Chile</h1>
                <p>Hi, everyone, have a nice programming day today!</p>
            </div>

            <!-- Message from koech -->
            <div>
                <p>Writing code is like humor. When you have to explain it, it's bad." - My code, probably
                </p>
            </div>
            <!-- End of message -->
            <h2>Hi my name is John Doyle. I am from michigan studying economics and computer science</h2>


            <!-- Message from arpegx -->
            <div>
                <p>thanks for this tutorial, w3rules</p>
            </div>

            <!-- message from taiwan -->
            <div>
                <p> Hello every one </p>
            </div>

            <!-- message From Adrian -->
            <div>
                <p> Change by AdrianMoreno-dev</p>
                <p>Gracias por el tutorial:Cambio de ultima hora adicional</p>
            </div>

            <div>
                <p>Gracias por el tutorial</p>
            </div>

            <!-- message From xyz -->
            <div>
                <p> hello i am xyz from Thimi,Nepal</p>
                <p>i love my place and want to be a programmer. i hope it will come true.</p>
            </div>

            <!-- Message from Trento -->
            <div>
                <p>This was an awesome tutorial, </p>
                <p>as a physicist I will surely use all I learned.</p>
                <p>Thank you from Trento, Italy!</p>
            </div>
            <!-- Message from BaoStar -->
            <div>
                <p>I have finish the course <br> what an interesting experience <br> Keep moving forward
                    <br>
                <h2>From BaoStar</h2>
                </p>
            </div>

            <div>
                <p>Thanks to w3schools! </p>
            </div>
            <!-- Message from a Student -->
            <p>Thank you guys for teaching me, it will be useful for my career.</p>

            <!-- Message from Ronald -->
            <p>Thank you for the Git Tutorial! I don't remember everything, but these were very useful.</p>

            <!-- Message Start - from Kaveesha -->
            <div
                style="border: 2px solid #ff6f61; padding: 20px 15px; text-align: center; font-family: 'Lato', sans-serif; font-style: normal; background: #ffe4e1; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);">
                <p style="font-size: 1.5rem; font-weight: bold; color: #d9534f;">Thank you w3schools for
                    teaching me Git in the simplest but most effective way!</p>
                <span style="display: block; font-size: 1.2rem; color: #5d5d5d; margin-top: 10px;">- from
                    Kaveesha</span>
            </div>
            <!-- Message End - from Kaveesha -->
            <!-- Message from Mayowa-->
            <div>
                <h1>Message from Mayowa</h1>
                <p>Thank you W3Schools. Your platform has been very essential in my tech journey. I am very
                    grateful for every free resources and tools you have provided for the aspiring tech
                    enthusiasts. </p>
                <p>With love from Nigeria</p>
            </div>
            <!-- Message Start - from Denis -->
            <div
                style="border: 2px solid #3e613e; padding: 50px 3px; text-align: center; font-family: Georgia, serif; font-style: normal; background: #9ed89e; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);">
                <p style="font-size: 1.5rem; font-weight: bold; color: #3e613e;">Thank you w3schools!</p>
                <span style="display: block; font-size: 1.2rem; color: #907c46; margin-top: 10px;">Denis</span>
            </div>
            <!-- Message End - from Denis -->

            <!-- Message Start - from General Kenobi -->
            <div
                style="border: 2px solid #3e613e; padding: 50px 3px; text-align: center; font-family: Georgia, serif; font-style: normal; background: #9ed89e; border-radius: 10px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);">
                <p style="font-size: 1.5rem; font-weight: bold; color: #3e613e;">Hello there!</p>
                <span style="display: block; font-size: 1.2rem; color: #907c46; margin-top: 10px;">General
                    Kenobi</span>
            </div>
            <!-- Message End - from General Kenobi -->

            <!-- Message from Neil-->
            <div>
                <h1>Message from Neil</h1>
                <p> As a career shifter, one of my insecurities is git since it is one of the must
                    requirements as a programmer but I don't have experience working on it. </p>
                <p> But with your great help, I have one less thing to worry about. I am forever grateful to
                    the greats who are behind this platform </p>
                <p>Best regards from Philippines</p>
            </div>

            <div>
                <h1>Message from Neil</h1>
                <p> As a career shifter, one of my insecurities is git since it is one of the must
                    requirements as a programmer but I don't have experience working on it. </p>
                <p> But with your great help, I have one less thing to worry about. I am forever greatful to
                    the greats who are behind this platform </p>
                <p>Best regards from Philippines</p>
            </div>


            <!-- Message from Juan-->
            <img src="https://static.wikia.nocookie.net/kenichi-fanon/images/b/be/Apachai.jpg/revision/latest?cb=20140916182947&path-prefix=es"></img>
            <div style="align-items: center; justify-content: center; text-align: center; background-color: rgb(49, 51, 51); font-family: 'Courier New', Courier, monospace; font-size: 16px; color: white; margin: 40px;">
                <p> Hello from Juan</p>
            </div>
            <!--End Message from Juan -->

            <!-- Message from Aslan -->>
            <div>
                <h1>Message from Aslan</h1>
                <p>Thanks, W3Schools for this amazing tutorial! It has helped me too much.</p>
                <p>You all deserve a trophy.</p>
            </div>

            <!-- Message from Marvin-->
            <div>
                <h1>Message from Marvin
                    <p>Thanks a lot for the awesome tutorial! Very helpful without being overwhelming.</p>
            </div>

            <!--Message from Silverayer-->
            <div class="silverayer-container">
                <h1>Message from Silverayer</h1>
                <h2>Hello W3Schools!</h2>
                <p>I recently learned about GitHub and it is actually really fun knowing
                    a large community of tech members where everyone helps each other!
                </p>
                <p>
                    It has been around three since i started the first lesson on your website and it helped
                    me a lot
                    to develop my fundamental skills in order to master them as well!
                </p>
                <img src="https://www.w3schools.com/images/w3schools_green.jpg" alt="W3Schools Green">
                <img
                    src="https://media.istockphoto.com/id/1304097946/vector/emoji-holding-thanks-sign-vector-illustration.jpg?s=612x612&w=0&k=20&c=0adc_omcpa9HHHfiYcid7d0cVFHYPunOtbBFJ3nJqkY=">
                <span style="display: flex; flex-direction: row;">
                    <img src="https://banner2.cleanpng.com/20231214/gkk/transparent-valentines-day-red-glitter-heart-with-bright-glowing-1710945857358.webp"
                        width="25px" height="25px" style="margin-top:20px; margin-right:10px;" ;>
                    <h2>Thank you, W3Schools!</h2>
                    <img src="https://banner2.cleanpng.com/20231214/gkk/transparent-valentines-day-red-glitter-heart-with-bright-glowing-1710945857358.webp"
                        width="25px" height="25px" style="margin-top:20px; margin-left:10px;" ;>
                </span>
                <h2>End of Message from Silverayer!</h2>
            </div>
            <style>
                .silverayer-container {
                    border: 10px solid green;
                    border-radius: 10px;
                    margin: 0 auto;
                    padding: 15px;
                    width: fit-content;
                    color: darkgreen;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                }
            </style>
            <!--End Message from Silverayer-->


            <!-- Message from Capricorn -->
            <hr style="border: 3.25px solid hsl(186, 44%, 8%); border-radius: 20px;">
            <div
                style="display: flex; flex-direction: column; margin: 0 auto; padding: 0; width: fit-content; color: hsl(186, 44%, 8%); font-style: normal;">
                <h4
                    style="font-weight: 800; margin: 0; text-transform: uppercase; letter-spacing: 2px; word-spacing: 10px; text-decoration: underline solid hsl(186, 44%, 8%) 3px; font-size: larger">
                    Message from Capricorn</h4>
                <p style="margin-top: 0.75rem;">You are amazing!</p>
                <p style="margin: 0;">Be proud of yourself, and everything you have achieved so far.</p>
            </div>
            <!-- Message end from Capricon -->

            <!-- Message from Zuma -->
            <div>
                <h1>Message from Zuma</h1>
                <p>Thank you W3Schools for your good contributions to humanity. Your platform has helped a
                    lot of individuals who are starting their tech journey and shifting career paths. It is
                    quite remarkable that this amazing and valuable resources are freely offered to people,
                    and they can easily learn from it thoughtfully tailored tutorials and compelling
                    interface.</p>
                <p>Thank you <strong>W3Schools</strong>. You are one of the best things to happen to this
                    world and programmers</p>
            </div>
            <!-- End Message from Zuma -->

            <!-- Message from Navneet -->
            <div>
                <h1>Message from Navneet</h1>
                <p>It was a great experience to learn git from w3 school.</p>
                <p>Thank you <strong>W3Schools</strong>. You are one of the best things to happen to this
                    world and programmers</p>
            </div>
            <!-- End Message from Zuma -->

            <!-- Message from xxNauty -->
            <div style="border:solid black 1px; border-radius:10px; text-align:center">
                <p>Greetings from
                <p style="color:red">Poland</p>
            </div>

            <!-- Message from K210 -->
            <div style="padding: 2em;background-color: lightgray;margin: 2em;">
                <h3>Hello World from K210!</h3>
            </div>
            <!-- End of message from K210 -->
            <!-- Message from salahhasan-dev -->
            <div
                style="padding:2em; background-color: skyblue; font-style:normal; font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;">
                <h2>Greetings from <span style="color:white">salahhasan-dev</span> <br>
                    thanks for this great tutorial on Git and Github, you are the best <br>
                    written in 15/10/2024</h2>
            </div>
            <!-- Message from salahhasan-dev -->

            <!-- Message from Siretfel -->
            <div style="padding: 2em;background-color: lightgray;margin: 2em;">
                <h3>Hello World from Siretfel!</h3>
            </div> <!-- End of message from Siretfel -->

            <!-- Message from LeDuyPhuong - Viet Nam -->
            <div style="padding: 2em;background-color: red;margin: 2em;">
                <h3>Hello World from Lê Duy Phương - CtyBaoDoi</h3>
            </div>
            <!-- End of message from LeDuyPhuong - Viet Nam -->

            <!-- Message from Adam -->
            <div style="padding: 2em;background-color: lightgray;margin: 2em;">
                <h3>Hello World from Adam!</h3>
            </div>
            <!-- End of message from K210 -->

            <!-- Message from Igor-->
            <h1> Greetings from Cambodia!</h1>
            <p> Thank you <strong>W3Schools</strong> for your amazing Tutorials!</p>
            <!-- End message from Igor-->

            <!-- Message from Ilyas -->
            <div style="
              position: relative;
              height: 300px; 
              background-image: 
                linear-gradient(#0090CF 100px, #00702F 100px 200px, #E11F11 200px 300px);
            ">
                <svg style="
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    translate: -50% -50%;
                    width: 100px; 
                    height: 100px; 
                    background-repeat: no-repeat;
                    background-position: 0 0;
                    background-size: 100px 100px;
                  " xmlns="http://www.w3.org/2000/svg">
                    <defs>
                        <radialGradient id="sun" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
                            <stop offset="50%" stop-color="#FDB002" />
                            <stop offset="100%" stop-color="#fff0" />
                        </radialGradient>
                    </defs>
                    <circle r="30px" cx="50" cy="50" fill="url(#sun)" />
                    <path d="M4 65 A50 50 0 0 0 99 59 Z" style="fill: #00702F;" />
                    <path d="M5 65 Q35 38 50 50 Q65 35 97 60" style="fill: #00702F; stroke: #fff; stroke-width: 8;" />
                    <circle r="48" cx="50" cy="50" fill="transparent" stroke="#FDB002" stroke-width="4px" />
                </svg>
                <h1 style="
                color: #fff;
                position: absolute;
                width: 100%;
                bottom: 0%;
                left: 50%;
                translate: -50% -50%;
                text-align: center;
              ">Привет из Карачаево-Черкессии</h1>

            </div>
            <!-- End of message from Ilyas -->
            <p>سلاو لو خواتانه بو سایتان :*</p>

            <!-- Message from Bogdan-->
             <div style="padding: 2em; background-color: rebeccapurple; margin: 2em; color: yellow"><h2> Hello everyone!!! My name is Bogdan Big Boss and I love coding!!!</h2></div>
            <!-- End message from Bogdan-->
            <!-- Message from Thangbodoiqua-->
             <div style="background-color: red; padding: 2em; text-align: center; " >
              <h1 style="color: yellow;">Hello Everyone from Thangbodoiqua - Viet Nam </h1>
             </div>
            <!-- End message from Thangbodoiqua-->

            <!-- Message from MMNdiaye -->
             <p>Thansks W3S for this amazing tutorial</p>
            <!-- End user messages -->

            <!-- Message from cyberbro-->
            <div style="padding: 1em; border-radius: 25px; background-color: blue; margin: 2em; color: white"><h2> Hey guys, hope you have a nice day!</h2></div>
            <!-- End message from cyberbro-->

            <!-- Message from JTO-->
             <div style="background-color: blue; padding: 2em; text-align: center; " >
              <h1 style="color: yellow;">Hello from JTO </h1>
             </div>
            <!-- End message from JTO-->

            <!-- Message from deadshot-->
            <div style="display: flex; align-items: center; justify-content: center; padding: 2em; border: 2px solid #333; border-radius: 8px; background-color: #f5f5f5; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin: 2em; color: #333; max-width: 600px; margin: auto;">
              <h2 style="font-family: Arial, sans-serif; font-size: 1.5em; margin: 0; color: #2c3e50;">🌟 Hello from Raghuraj 🌟</h2>
            </div>
            <!-- End message from deadshot-->

            </div>
            <!-- End of message from Ilyas -->
            <p>سلاو لو خواتانه بو سایتان :*</p>


            <!-- Message from Bogdan-->
            <div style="padding: 2em; background-color: rebeccapurple; margin: 2em; color: yellow">
                <h2> Hello everyone!!! My name is Bogdan Big Boss and I love coding!!!</h2>
            </div>
            <!-- End message from Bogdan-->
            <!-- Message from Thangbodoiqua-->
            <div style="background-color: red; padding: 2em; text-align: center; ">
                <h1 style="color: yellow;">Hello Everyone from Thangbodoiqua - Viet Nam </h1>
            </div>
            <!-- End message from Thangbodoiqua-->

            <!-- Message from cyberbro-->
            <div style="padding: 1em; border-radius: 25px; background-color: blue; margin: 2em; color: white">
                <h2> Hey guys, hope you have a nice day!</h2>
            </div>
            <!-- End message from cyberbro-->

            <!-- Message from deadshot-->
            <div
                style="display: flex; align-items: center; justify-content: center; padding: 2em; border: 2px solid #333; border-radius: 8px; background-color: #f5f5f5; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); margin: 2em; color: #333; max-width: 600px; margin: auto;">
                <h2 style="font-family: Arial, sans-serif; font-size: 1.5em; margin: 0; color: #2c3e50;">🌟
                    Hello from Raghuraj 🌟</h2>
            </div>
            <!-- End message from deadshot-->

            <!-- Message from DenverChess -->
            <div style="padding: 2em;background-color: lightgray;margin: 2em;">
                <h3>Hello from Denver</h3>
            </div>
            <!-- End of message from DenverChess -->

          	<!-- Message from alexius01 -->
            <div>
                <h1 style="color: red; width: 100%; text-align: center;">Привет из Москвы</h1>
            </div>

            <!-- Message from Lebron -->
            <div>
                <h3>Hello from Lebron</h3>
            </div>
            <!-- End of message from Lebron -->
             <!--Message from barryweb-->
            <p>Greetings from Australia,
                 thank you for the Git & Github tutorial! -barryweb</p>
             <!--End of message from barryweb-->

            <!-- Message from johnGalt -->
            <div style="border-radius: 5px; color: yellow; background-color: green; border: 5px solid red; width: 300px; height: 200px;">
                <h2>johnGalt stays here, by order of Peaky Blinders!</h2>
             </div>
            <!-- End of messgae -->

            <!-- message from mehdi-->
            <div>
              <h4> hello from Mehdi! thank you for your amazing content!</h4>
            </div>
            <!-- End message from mehdi-->>
            
            <!-- Message from Vincent -->
            <div style="border-radius: 5px; color: yellow; background-color: green; border: 5px solid red; width: 300px; height: 200px;">
              <h2>Hi everyone, this is Vincent from Equinim College!!!</h2>
            </div>
            <!-- End of message from Vincent -->

            <!-- Message from Ayush-->
            <h1>Namaste from Ayush</h1>
            <p> Thank you <strong>W3Schools</strong> for your amazing Tutorials!</p>
            <!-- End message from Ayush-->
            <!-- Yohannes Manaye -->
                   <div style="padding: 10px 15px; border: #0000FF 1px solid; border-radius: 8px;">
                    <h2 style="color: green; font-weight: bolder;">Hello this is Yohannes Manaye</h2>
                    <p style="color: yellow;">I am from Ethiopia  and i would like to say thank you for W3Schools for this fantastic tutorial!</p>
                    <p style="color: yellow;">for developer keep going</p>
                    <h4 style="color: red;">Bye Bye </h4>
                   </div>

             <!-- End Yohannes Manaye -->

            <!--     onyeka message           -->
            <div style="
              background-color: rgb(229, 234, 240);
              padding: 18px;
              border-radius: calc(18px / 2);
              font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
              font-size: 1.5rem;
            ">
                <blockquote>
                    <p>Be yourself; everyone else is already taken.</p>
                </blockquote>
                <p>- Oscar Wilde, <cite>Good Reads</cite></p>
            </div>
            <!--       end onyeka message       -->
            
            <!-- message from Ahad -->
            <h1>I am Mohamed Ahad. I will become a web developer. Thanks W3schools for your tutorial.</h1>
            <!-- end of Ahad's message -->

             <div style="text-align: center; margin-top: 20px;">
                <div style="width: 150px; height: 80px; background: linear-gradient(135deg, #00ffcc, #003366); border-radius: 50% 50% 50% 50% / 70% 70% 30% 30%; position: relative; margin: 0 auto; animation: float 3s infinite;">
                  <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 25px; background: #e0e0e0; border-radius: 50%; box-shadow: 0 0 10px #fff, 0 0 30px #fff;"></div>
                  <div style="position: absolute; top: 80px; left: 50%; transform: translateX(-50%); width: 100px; height: 200px; background: linear-gradient(transparent, rgba(0, 255, 204, 0.2)); border-radius: 50%; box-shadow: 0 0 50px 20px rgba(0, 255, 204, 0.3);"></div>
                </div>
                <h1 style="color: #00ffcc; text-shadow: 0 0 10px #00ffcc, 0 0 20px #00ffcc, 0 0 30px #00ffcc; margin-top: 20px;">
                  Venimos en son de paz, permanezcan tranquilos.
                  Saludos, soy Adrian de la UTEZ xD
                </h1>
             </div>
			
             <!-- message from Ghoniichan -->
             <h1> Ghoniichan was here.</h1>
             <!-- end of Ghoniichan's message -->

             <!--     MichaelAxl message           -->
             <div class="profile">
              <h1>Michael Alan</h1>
              <p>
                  Olá! Seja bem-vindo(a) ao meu perfil. Eu comecei a programar em PHP 7 e, desde então, não consigo mais parar 🥰. 
                  Aprendi muito construindo uma aplicação web e-commerce e utilizei outras linguagens: JavaScript, HTML, CSS, MySQL e jQuery.
              </p>
              <p>
                  Quero, com os conhecimentos que adquiri, poder ajudar pessoas e empresas que gostam de tecnologia.
              </p>

              <h2>Contato</h2>
              <p>
                  Não hesite em tirar alguma dúvida. Pode me mandar um e-mail: michael.dtna@gmail.com
              </p>

             </div>

            <!-- RasalGhulJK's message -->
            <div>
               <h1> Greetings from Uzbekistan! </h1>
               <h2> W3Schools is awesome! </h2>
            </div>
            <!-- End of RasalGhulJK's message -->
    
            <!-- Message from Augusto Moser-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
            <h1>Hello from Brazil</h1>
            <p>Thank you for your amazing tutorials! I had a hard time finding a nice Git Tutorial, this was the best!</p>
            <p>I'm currently developing a business in the transformer monitoring area, using AWS solutions.</p>            
            <p>Augusto Moser</p>
            </div>           
            <!-- End message from Augusto Moser-->

            <!-- Message from Fathima-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Hello from Iran</h1>
                <p>Thank you for these great tutorials!</p>            
                <p>Fathima</p>
            </div>
            <!-- End message from Fathima-->
            
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Hello from California</h1>
                <p>Those tutorials are 👍🏻</p>            
                <p>-Human</p>
            </div> 

             <!-- Message from Amina-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Hello from Austria</h1>
                <p>Thank you for these great tutorials!</p>            
                <p>Amina</p>
            </div>           
            <!-- End message from Amina-->

             <!-- Message from Ems-->
            <div style="background-color: blueviolet; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Hello from Austria</h1>
                <p>Thank you for these great tutorials!</p>            
                <p>Ems</p>
            </div>           
            <!-- Message from Alexander-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Привет</h1>
                <p>Меня завют Александер!</p>            
                <p>Александер</p>
            </div>           
            <!-- End message from Alexander-->

            <!-- Message from Lena-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Hello from Austria</h1>
                <p>Servus, danke für ois!</p>            
                <p>Lena</p>
            </div>           
            <!-- End message from Lena-->

            <!-- Message from Shirin-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Hello from Pakistan</h1>
                <p>Thank's a lot for efforts!</p>            
                <p>Shirin</p>
            </div>           

            <!-- Message from Zahid-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Hello from Pakistan</h1>
                <p>Thank's a lot for efforts!</p>            
                <p>Zahid Hussain</p>
            </div>

	    
            <!-- Message from NK -->
            <div style="background-color: white; padding: 20px; border: 2px solid #000; margin: 20px;">
              <p>Thanks for the great and detailed tutorial,</p>
              <p>viele Grüße aus Deutschland!</p>
              <p> NK</p>
            <div>


            <!-- Message from Khoa Nguyen-->
            <div class="message-box">
              <h1>Hello from Vietnam</h1>
              <p>I'm a student</p>
              <p>Shirin</p>
            </div>

            <style>
            .message-box {
              background-color: yellow;
              padding: 20px;
              border: 1px solid #000;
              margin: 20px;
              border-radius: 5px;
            }
            </style>
            <!-- End Message from Khoa Nguyen-->

            <!--Start of JondZ' Message-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
            <p>Hello from JondZ; thank you for the tutorial!</p>
            <p>20250101</p>
            <!--End of JondZ's Message-->
            </div>

            <!-- Message from Artem-->
            <div style="background-color: red; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Hello</h1>
                <p>My name is Artem!</p>            
                <p>Cheers</p>
            </div>           
            <!-- End message from Artem-->

            <div
                style="background: cornflowerblue; color: white; padding: 20px; border-radius: 10px; width: fit-content;">
                <h3>Greetings !</h3>
                <em>TuM0IIIA</em>
            </div>

            <!-- Message from Light-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Hello from Lagos, Nigeria</h1>
                <p>Thank's a lot for the tutorial!</p>            
                <p>Light</p>
            </div>

            <!-- Message from Felipe LiandroBR-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Hello from Brazil🇧🇷</h1>
                <p>Thank's a lot for efforts!</p>            
                <p>Felipe Liandro Aka: TonyStark</p>
            </div>

            <!-- Message from dylan-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <p>In simplicity lies the solution to complexity</p>
                <p>Thank's a lot for efforts!</p>
            </div>

            <!-- Message from Andre-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <p>Thank you!</p>
            </div>


	    <!-- Message from JDL-BSH-->
            <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <p>Great training to start with git!</p>
                <p>Thank's a lot for efforts!</p>
            </div>


			<!-- Message from David-->
            <div style="background-color: blue; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <p>Hello from Vietnam</p>
                <p>Great job! Thank's a lot for efforts!</p>
            </div>

		    <!-- Message from Ralph -->

            <div style="background: crimson; padding: 15px 10px; border: 1px solid black; border-radius: 10px; color: #fff; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);">
                <h4>Hello I'm Ralph Joseph from Philippines</h4>
                <p>Thank you for this wonderful website W3Schools💖 I learned a lot!</p>
            </div>
            
            <!-- Message from Allan Prince -->
            <div style="background-color: blue; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
                <h1>Hello from India</h1>
                <p>Thank's a lot for the tutorial!</p>            
                <p>~ Allan</p>
			
			      <!-- PSFTrandelin's message -->
            <div>
               <p>What I if told you</p>
               <p>You read that first line wrong?</p>
            </div>
            <!-- End of PSFTrandelin's message -->

            <div style="background: blue; padding: 15px 10px; border: 1px solid black; border-radius: 10px; color: #fff; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);">
                <h4>Hello from Clarksville Indiana, USA.</h4>
                <p>I appreciate W3Schools!</p>
            </div>

		        <!-- Message from Leo -->
            <div style="background: black; text-align: center; border: 1px double white; border-radius: 10px; color: cadetblue;">
                <h4>Hello I'm Leo from Philippines</h4>
            </div>
            <!-- End of Leo's messages -->
              
            <!-- Message from Matteo -->
            <p>Hello, i'm Matteo from Italy. Thank's a lot !</p>
            <!-- ^^^ -->

            <div style="background: linear-gradient(180deg, green, yellow, blue, white); padding: 15px 10px; border: 1px solid black; border-radius: 10px; color: #fff; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);">
                <h3>Hello. I'm Marcelo Hüning from Santa Catarina, Brazil.</h3>
                <p>Thank you W3Schools.</p>
            </div>

            <!-- Thodoris message starts here -->
            <h1>W3, thanks a lot for this great course.</h1>
            <p>Athens, Greece</p>
            <!--End of Message-->
              
            <!-- Message from Akash -->

            <div style="background: red; padding: 15px 10px; border: 1px solid black; border-radius: 10px; color: #fff; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);">
                <h4></h4>Hello from Zilla Ghaziabad</h4>
                <p>Ram ram jii</p>
            </div>

            <!-- Message from Lynpacis -->
             <div style="background: lightpink; padding: 20px; border: 1px solid black;">
                <p>Yuhoo, hi! Im Lyndon Lee Pacis from Philippines!!</p>
                <p>Kumusta and lahat, may we all prosper.</p>
             </div>

        	   <!-- Message from Jonathan -->
             <div style="background: red; padding: 12px; border: 1px solid black;">
                <p>Look for me, on the fith day look south</p>
             </div>

             <!-- Everything2067's message start -->
              <div style="background-color: rgb(255, 127, 0); padding: 25px; margin-top: 25px; margin-bottom: 25px;">
                <p class="w3-serif w3-xxlarge" style="text-align: left;">
                    <i>“Build a man a fire, and he'll be warm for a day. Set a man on fire, and he'll be warm for the rest of his life.”</i>
                </p>
                <p style="text-align: right">
                    –Terry Pratchett
                </p>
              </div>
              <!-- Everything2067's message end -->
               
             <!-- Message from thubbu -->
              <div style="background-color: cyan; border-radius: 20%; padding: 10px; margin:20px; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;" id="thubbu-box">
                <h1>hello pitambari </h1>
              </div>
              <!-- Message from spookysploit-->
              <div style="background-color: rgb(255, 127, 0); padding: 25px; margin-top: 25px; margin-bottom: 25px;">
                <p>
                    Thanks guys. Spookysploit was here.
                </p>
              </div>

      	      <div style="background-color: rgb(50, 127, 0); padding: 25px; margin-top: 25px; margin-bottom: 25px;">
                <p>
                    Thankyou for all the knowledge. Vmacedo
                </p>
              </div>

          		<!-- Message from Benjamin-->
              <div style="background-color: rgb(255, 127, 0); padding: 25px; margin-top: 25px; margin-bottom: 25px;">
                <p>
                    Thanks W3schools this is very helpful.
                </p>
              </div>

             <!-- Message from lorem -->
             <div style="background: blue; padding: 12px; border: 1px solid black;">
                <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sint voluptates quod alias mollitia quaerat? Accusamus, nam. Incidunt, accusantium placeat maiores at quam aspernatur expedita iure officia dolorem sunt a quis!</p>
             </div>

             <!-- Message from humanbowlingpin -->
             <div style="background-color: red; padding: 20px; margin:10px; font-family: 'Comic Sans MS'; border: 4px dashed white;">
              <p>hello from thailand</p>
             </div>

             <!-- Message from P M -->
             <div class="w3-container w3-light-blue w3-round-xlarge">
               <p>PM was here</p>
             </div>
             <!-- End of Message from P M -->

		    <!-- Message from EMOAE from the Bronx-->
            <div style="background: blue; padding: 12px; border: 1px solid black;">
                <h1> Learning coding made easy!!!! </h1>
                <p>Thanks for your services w3School!!!!.</p>
            </div>
            <!-- End message from EMOAE -->


             <!-- Message from Toni -->
             <div class="w3-container w3-light-blue w3-round-xlarge">
               <p>Greetings from Toni</p>
             </div>
             <!-- End of Message from Toni -->

      	     <!-- Message from Bharath -->
             <div style="background-color: cyan; border-radius: 20%; padding: 10px; margin:20px; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;" id="thubbu-box">
               <h1>Hello W3 Schools for creating page on git & github. </h1>
             </div>
		    
             <!-- Message from spookysploit-->
            <!-- Message from Toffree -->
            <div style="width: 100%; height: 60px; background-color: #042b30; color: white; font-size: 20px; border-radius: 15px; text-align: center; display: flex; justify-content: center;">
                <p>
                    I appreciate your work. Thank you.
                </p>
            </div>
            <!-- End Message from Toffree -->

            <!-- Message from Anas -->
            <div style="width: 100%; height: 60px; background-color: #042b30; color: white; font-size: 20px; border-radius: 15px; text-align: center; display: flex; justify-content: center;">
                <p>
                    Greetings from Anas from Egypt!
                </p>
            </div>
            <!-- End Message from Anas -->
            <!-- Message from spyde3rx -->
            <div style="background-color: #000; color: #fff; padding: 20px; border-radius: 5px; margin: 20px;">
                <h1>Hello from <strong>spyde3rx</strong></h1>
                <p>Thank you for the great tutorials!</p>
                <div style="width: 200px; height: 120px; margin-top: 20px;">
                    <div style="background-color: #FFCD00; height: 60%;"></div>
                    <div style="background-color: #003893; height: 20%;"></div>
                    <div style="background-color: #CE1126; height: 20%;"></div>
                </div>
            </div>
            <!-- End Message from spyde3rx -->
            <!-- Message from shakti-kc -->
            <div style="background-color: green; color: #fff; padding: 20px; border-radius: 5px; margin: 2rem 0;">
                <h1>Hellow World!!</h1>
                <h2>Ahmed Was Here.</h2>
            </div>
            <!-- 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 -->
             <!-- Message from Aravind R Krishnan -->
<div
style="
  background-color: #131313;
  color: #f1f1f1;
  text-align: center;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  padding: 10px;
  border-radius: 500px;
"
>
<h1 style="font-style: normal; font-family: Verdana">
  Hi I am Aravind R Krishnan
</h1>
<h2 style="font-style: normal; font-family: Verdana">I am from Kerala</h2>
<h3 style="font-style: normal; font-family: Verdana">
  Follow me on GitHub: aravind518398
</h3>
<h4
  style="
    font-style: normal;
    font-family: Verdana;
    color: yellow;
    text-shadow: 1px 1px 2px yellow, 0 0 25px darkgoldenrod;
  "
>
  A big thanks to
  <span style="color: mediumseagreen; text-shadow: none"
    ><a href="https://www.w3schools.com/">W3Schools</a></span
  >
  for their amazing Git tutorials! Their simple and clear explanations helped
  me understand Git easily.
</h4>
<h5 style="font-style: oblique">Posted this Message on March 21 [2025]</h5>
</div>
<!-- End Message from Aravind R Krishnan -->


            <!-- End user messages -->

        </div>
    </div>

    <!-- Footer -->
    <footer class="w3-container w3-padding-32 w3-light-grey w3-center">
        <a href="#" class="w3-button w3-black w3-margin">To the top</a>
        <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank"
                class="w3-hover-text-green">w3.css</a></p>
    </footer>
</body>

</html>