@@ -104,16 +104,86 @@ <h3>Contribute</h3>
104
104
105
105
106
106
<!-- Insert your message below here -->
107
- <!-- Guanghua's Start message --
108
- <p> Thanks for the tutorial.</p>
109
- <!--End of Message-->
110
- <!-- Micheal's Start message --
111
- <h1>Amazing Stuff W3School, I enjoyed working on Git and Github. You guys made it happen.</h1>
107
+
108
+ <!-- Guanghua's Start message -->
109
+ <p> Thanks for the tutorial.</p>
110
+ <!--End of Message-->
111
+
112
+
113
+ <!-- Start of Janne's message -->
114
+ <p>Amazing tutorial, I appreciate it.</p>
115
+ <p>Best Regards, Janne</p>
116
+ <!-- End of Janne's message -->
117
+
118
+ <!-- Micheal's Start message -->
119
+ <h1>Amazing Stuff W3School, I enjoyed working on Git and Github. You guys made it happen.</h1>
112
120
<p>Keep up the good job.</p>
113
121
<p>Love from Nigeria.</p>
114
122
<p>Micheal Avackaa</p>
115
123
<!--End of Message-->
124
+
125
+
126
+ <!--Start of Ernest's message-->
127
+ <div class="matrix" style="font-size: x-large; border: 0.4px solid #ccc; padding: 3%; margin: 5%;box-shadow: 2px 1px 6px #001440;">
128
+ <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</h5>
129
+ <h6 style="font-size: large;letter-spacing:5px;color: dodgerblue;">- Ernest (A)</h6>
130
+ </div>
131
+ <!--End of Ernest's message-->
116
132
133
+
134
+ <!-- Raymond's Start Message -->
135
+ <div style="display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; margin: 2rem 0;">
136
+ <div class="wknd-flip-card" style="width: 250px; height: 300px; perspective: 1000px; font-family: 'Roboto', sans-serif;">
137
+
138
+ <div class="wknd-flip-card-inner" style="width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: relative;">
139
+
140
+ <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;">
141
+ <h1 style="
142
+ font-family: 'Roboto', sans-serif;
143
+ font-size: 22px;
144
+ background-color: #000000;
145
+ color: #ff8c00;
146
+ padding: 0.5rem 1rem;
147
+ border: 0.25rem solid #ff8c00;
148
+ border-radius: 8px;
149
+ margin: 0 0 0.5rem 0;
150
+ ">
151
+ THANK YOU /
152
+ TERIMA KASIH
153
+ W3!! 👏
154
+ </h1>
155
+ <p>For Git Tutorial 👍</p>
156
+ <p style="font-size: small;">hover to flip</p>
157
+ </div>
158
+
159
+ <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);">
160
+ <h1 style="
161
+ font-family: 'Roboto', sans-serif;
162
+ font-size: 22px;
163
+ background-color: #ff8c00;
164
+ color: #000000;
165
+ padding: 0.5rem 1rem;
166
+ border: 0.25rem solid #000000;
167
+ border-radius: 8px;
168
+ margin: 0 0 0.5rem 0;
169
+ ">
170
+ Raymond Surin 👋
171
+ </h1>
172
+ <p style="font-size: medium;">from MALAYSIA</p>
173
+ <p style="font-size: medium;">Developed on Monday 2024/12/23</p>
174
+ </div>
175
+ </div>
176
+ </div>
177
+ </div>
178
+
179
+ <style>
180
+ .wknd-flip-card:hover .wknd-flip-card-inner {
181
+ transform: rotateY(180deg);
182
+ }
183
+ </style>
184
+ <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
185
+ <!-- End of Raymond's Message -->
186
+
117
187
<!-- Sagar's Message starts from here -->
118
188
<div class="sagar-flip-card" style="background-color: transparent; width: 250px; height: 280px; perspective: 1000px; font-family: sans-serif;margin-left: 42%;">
119
189
<div class="sagar-flip-card-inner" style="position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d;">
@@ -135,6 +205,25 @@ <h1>Amazing Stuff W3School, I enjoyed working on Git and Github. You guys made i
135
205
</style>
136
206
137
207
<!-- End of Sagar's Message -->
208
+
209
+ <!--Start of kenzorb's Message-->
210
+ <h1>HI EVERYONE, IM KENZORB </h1>
211
+ <!--End of kenzorb's Message-->
212
+
213
+ <!-- Message from Wendy -->
214
+ <div>
215
+ <p>You only live once, but if you do it right, once is enough</p>
216
+ <p>-- Mae West</p>
217
+ </div>
218
+ <!-- End message from Wendy -->
219
+
220
+ <!-- Start of MKhai's Message-->
221
+ <blockquote class="w3-panel w3-leftbar w3-light-grey">
222
+ <p class="w3-large">
223
+ <i>"Thank you for the wonderful introduction to Git and GitHub!"</i></p>
224
+ <p>Manh Khai from Vietnam</p>
225
+ </blockquote>
226
+ <!-- End of MKhai's Message-->
138
227
139
228
140
229
<!--Start of krik's Message-->
@@ -14769,9 +14858,63 @@ <h1>Hello from Pakistan</h1>
14769
14858
<p>Zahid Hussain</p>
14770
14859
</div>
14771
14860
14861
+
14862
+ <!-- Message from NK -->
14863
+ <div style="background-color: white; padding: 20px; border: 2px solid #000; margin: 20px;">
14864
+ <p>Thanks for the great and detailed tutorial,</p>
14865
+ <p>viele Grüße aus Deutschland!</p>
14866
+ <p> NK</p>
14867
+ <div>
14868
+
14869
+
14870
+ <!-- Message from Khoa Nguyen-->
14871
+ <div class="message-box">
14872
+ <h1>Hello from Vietnam</h1>
14873
+ <p>I'm a student</p>
14874
+ <p>Shirin</p>
14875
+ </div>
14876
+
14877
+ <style>
14878
+ .message-box {
14879
+ background-color: yellow;
14880
+ padding: 20px;
14881
+ border: 1px solid #000;
14882
+ margin: 20px;
14883
+ border-radius: 5px;
14884
+ }
14885
+ </style>
14886
+ <!-- End Message from Khoa Nguyen-->
14887
+
14888
+ <!--Start of JondZ' Message-->
14889
+ <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
14890
+ <p>Hello from JondZ; thank you for the tutorial!</p>
14891
+ <p>20250101</p>
14892
+ <!--End of JondZ's Message-->
14893
+ </div>
14894
+
14895
+ <!-- Message from Artem-->
14896
+ <div style="background-color: red; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
14897
+ <h1>Hello</h1>
14898
+ <p>My name is Artem!</p>
14899
+ <p>Cheers</p>
14900
+ </div>
14901
+ <!-- End message from Artem-->
14902
+
14903
+ <div
14904
+ style="background: cornflowerblue; color: white; padding: 20px; border-radius: 10px; width: fit-content;">
14905
+ <h3>Greetings !</h3>
14906
+ <em>TuM0IIIA</em>
14907
+ </div>
14908
+
14909
+ <!-- Message from Light-->
14910
+ <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
14911
+ <h1>Hello from Lagos, Nigeria</h1>
14912
+ <p>Thank's a lot for the tutorial!</p>
14913
+ <p>Light</p>
14914
+ </div>
14915
+
14772
14916
<!-- End user messages -->
14773
14917
14774
-
14775
14918
</div>
14776
14919
</div>
14777
14920
<!-- Footer -->
0 commit comments