@@ -102,14 +102,115 @@ <h3>Contribute</h3>
102
102
103
103
<!-- Insert your message below here -->
104
104
105
-
106
105
<!--Start of REFRAZ1's message-->
107
106
<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;">
108
107
<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>
109
108
<h6 style="font-style: italic;"> Hello from Ukraine </h6>
110
109
</div>
111
110
<!--End of REFRAZ1's message-->
112
111
112
+ <!-- Logan Swain's Start -->
113
+ <div class="container-DL">
114
+ <div class="flip-card-DL">
115
+ <div class="flip-card-inner-DL" style="width: 100%; height: 100%; text-align: center; transition: transform 0.8s; transform-style: preserve-3d; position: relative;">
116
+ <div class="flip-card-front-DL">
117
+ <h1 class="flip-card-front-DL-h1">
118
+ Thank you W3 schools for the great resources,
119
+ and also whoever came up with this card flip idea
120
+ </h1>
121
+ <p style="font-size: small;">Hover to flip</p>
122
+ </div>
123
+ <div class="flip-card-back-DL">
124
+ <h1 class="flip-card-back-DL-h1">
125
+ Logan 👌
126
+ </h1>
127
+ <p style="font-size: medium;">Indiana / US</p>
128
+ <p style="font-size: medium;">01-22-2025</p>
129
+ </div>
130
+ </div>
131
+ </div>
132
+ </div>
133
+
134
+ <style>
135
+ .flip-card-DL:hover .flip-card-inner-DL {
136
+ transform: rotateY(180deg);
137
+ }
138
+
139
+ .flip-card-DL {
140
+ font-family: 'Roboto', sans-serif;
141
+ width: 350px;
142
+ height: 400px;
143
+ perspective: 1100px;
144
+ }
145
+
146
+ .flip-card-back-DL {
147
+ position: absolute;
148
+ width: 100%;
149
+ height: 100%;
150
+ display: flex;
151
+ flex-direction: column;
152
+ justify-content: center;
153
+ align-items: center;
154
+ border: 1px #f3431c;
155
+ border-radius: 1rem;
156
+ background: #000000;
157
+ color: blue;
158
+ box-shadow: 2px 10px 50px 10px blue;
159
+ backface-visibility: hidden;
160
+ transform: rotateY(180deg);
161
+ }
162
+
163
+ .flip-card-back-DL-h1 {
164
+ font-family: 'Roboto', sans-serif;
165
+ font-size: 22px;
166
+ background-color: black;
167
+ color: lightblue;
168
+ padding: 0.5rem 1rem;
169
+ border: 0.25rem solid blue;
170
+ box-shadow: 5px 5px 50px 10px blue;
171
+ border-radius: 8px;
172
+ margin: 0 0 0.5rem 0;
173
+ }
174
+
175
+ .flip-card-front-DL {
176
+ position: absolute;
177
+ width: 100%;
178
+ height: 100%;
179
+ display: flex;
180
+ flex-direction: column;
181
+ justify-content: center;
182
+ align-items: center;
183
+ border: 1px solid #f3431c;
184
+ border-radius: 1rem;
185
+ background: #f3431c;
186
+ color: #000000;
187
+ box-shadow: -2px 10px 50px 10px black;
188
+ backface-visibility: hidden;
189
+ }
190
+
191
+ .flip-card-front-DL-h1 {
192
+ font-family: 'Roboto', sans-serif;
193
+ font-size: 22px;
194
+ background-color: #000000;
195
+ color: #5c9ef5;
196
+ padding: 0.5rem 1rem;
197
+ margin: 40px;
198
+ border: 0.25rem solid #5c9ef5;
199
+ box-shadow: 10px 10px 50px 10px blue;
200
+ border-radius: 8px;
201
+ }
202
+
203
+ .container-DL {
204
+ display: flex;
205
+ margin: 2rem 0.5rem;
206
+ justify-content: center;
207
+ gap: 1rem;
208
+ flex-wrap: wrap;
209
+ }
210
+
211
+ </style>
212
+ <!-- Logan Swain's End -->
213
+
113
214
<!-- Dariusz Larsen's Start -->
114
215
<div class="container-DL">
115
216
<div class="flip-card-DL">
@@ -211,11 +312,17 @@ <h1 class="flip-card-back-DL-h1">
211
312
</style>
212
313
<!-- Dariusz Larsen's End -->
213
314
315
+ <h1>Thank you!</h1>
316
+ <p>Hello from Lithuania 2025-Jan-22<p>
214
317
215
- <h1>Thank you!</h1>
318
+ <h1>Thank you!</h1>
216
319
<p>Hello from NYC where congestion pricing is now in effect!<p>
217
320
<!--End of Message-->
218
-
321
+ <!--Start message-->
322
+ <h1>Thanks !!</h1>
323
+ <p>Hey, thanks for providing this tutorial for github.</p>
324
+ <p>Greetings, panrepa</p>
325
+ <!--End of Message>
219
326
<!-- Start message -->
220
327
<h1>Thank you!</h1>
221
328
<p>Hello from LV.</p>
@@ -227,6 +334,11 @@ <h1>Thank you!</h1>
227
334
<p>Kind Regards</p>
228
335
<p>Dejan Marlovic</p>
229
336
<!--End of Message-->
337
+
338
+ <!-- Start Message -->
339
+ <h3>Thank you!</h3>
340
+ <p>Hello from India😀</p>
341
+ <!--End of Message-->
230
342
231
343
<h1>W3 thank u guys for your resources!</h1>
232
344
<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>
@@ -290,10 +402,15 @@ <h1>Amazing Stuff W3School, I enjoyed working on Git and Github. You guys made i
290
402
291
403
<!--Start of Ernest's message-->
292
404
<div class="matrix" style="font-size: x-large; border: 0.4px solid #ccc; padding: 3%; margin: 5%;box-shadow: 2px 1px 6px #001440;">
293
- <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 >
405
+ <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 >
294
406
<h6 style="font-size: large;letter-spacing:5px;color: dodgerblue;">- Ernest (A)</h6>
295
407
</div>
296
- <!--End of Ernest's message-->
408
+ <!--End of Ernest's message-->
409
+ <div>
410
+ <!--Jedges's message Starts here-->
411
+ <blockquote><h1><font face="Cambria" color="Cyan">Real madrid is winning the 24/25 Laliga and UCL </font></h1></blockquote>
412
+ <!--end of Jedges's message-->
413
+ </div>
297
414
298
415
<!-- Tomas' Start message -->
299
416
<p>Arsenal Will win the premier league. Gunners!</p>
@@ -15123,6 +15240,20 @@ <h1>Hello from Brazil🇧🇷</h1>
15123
15240
<p>Thank's a lot for efforts!</p>
15124
15241
</div>
15125
15242
15243
+ <!-- Message from Andre-->
15244
+ <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
15245
+ <p>Thank you!</p>
15246
+ </div>
15247
+
15248
+
15249
+
15250
+
15251
+ <!-- Message from JDL-BSH-->
15252
+ <div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
15253
+ <p>Great training to start with git!</p>
15254
+ <p>Thank's a lot for efforts!</p>
15255
+ </div>
15256
+
15126
15257
15127
15258
<!-- End user messages -->
15128
15259
0 commit comments