Skip to content

Commit 76dd589

Browse files
mohamedmahroofamohamedmahroofa
committed
Added a thank you line
2 parents cbec969 + 2c0e0e6 commit 76dd589

File tree

1 file changed

+146
-8
lines changed

1 file changed

+146
-8
lines changed

‎index.html

Lines changed: 146 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -102,6 +102,115 @@ <h3>Contribute</h3>
102102

103103
<!-- Insert your message below here -->
104104

105+
<!--Start of REFRAZ1's message-->
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;">
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>
108+
<h6 style="font-style: italic;"> Hello from Ukraine </h6>
109+
</div>
110+
<!--End of REFRAZ1's message-->
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 &#128076;
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+
105214
<!-- Dariusz Larsen's Start -->
106215
<div class="container-DL">
107216
<div class="flip-card-DL">
@@ -203,16 +312,13 @@ <h1 class="flip-card-back-DL-h1">
203312
</style>
204313
<!-- Dariusz Larsen's End -->
205314

315+
<h1>Thank you!</h1>
316+
<p>Hello from Lithuania 2025-Jan-22<p>
206317

207-
<h1>Thank you!</h1>
318+
<h1>Thank you!</h1>
208319
<p>Hello from NYC where congestion pricing is now in effect!<p>
209320
<!--End of Message-->
210321

211-
<!-- Start message -->
212-
<h1>Thank you for your help.</h1>
213-
<p>I really learned alot aboout Git and GitHub.</p>
214-
<!-- End message-->
215-
216322
<!-- Start message -->
217323
<h1>Thank you!</h1>
218324
<p>Hello from LV.</p>
@@ -224,6 +330,11 @@ <h1>Thank you!</h1>
224330
<p>Kind Regards</p>
225331
<p>Dejan Marlovic</p>
226332
<!--End of Message-->
333+
334+
<!-- Start Message -->
335+
<h3>Thank you!</h3>
336+
<p>Hello from India😀</p>
337+
<!--End of Message-->
227338

228339
<h1>W3 thank u guys for your resources!</h1>
229340
<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>
@@ -287,10 +398,15 @@ <h1>Amazing Stuff W3School, I enjoyed working on Git and Github. You guys made i
287398

288399
<!--Start of Ernest's message-->
289400
<div class="matrix" style="font-size: x-large; border: 0.4px solid #ccc; padding: 3%; margin: 5%;box-shadow: 2px 1px 6px #001440;">
290-
<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>
401+
<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>
291402
<h6 style="font-size: large;letter-spacing:5px;color: dodgerblue;">- Ernest (A)</h6>
292403
</div>
293-
<!--End of Ernest's message-->
404+
<!--End of Ernest's message-->
405+
<div>
406+
<!--Jedges's message Starts here-->
407+
<blockquote><h1><font face="Cambria" color="Cyan">Real madrid is winning the 24/25 Laliga and UCL </font></h1></blockquote>
408+
<!--end of Jedges's message-->
409+
</div>
294410

295411
<!-- Tomas' Start message -->
296412
<p>Arsenal Will win the premier league. Gunners!</p>
@@ -15120,6 +15236,28 @@ <h1>Hello from Brazil🇧🇷</h1>
1512015236
<p>Thank's a lot for efforts!</p>
1512115237
</div>
1512215238

15239+
<!-- Message from Andre-->
15240+
<div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
15241+
<p>Thank you!</p>
15242+
</div>
15243+
15244+
15245+
15246+
15247+
<!-- Message from JDL-BSH-->
15248+
<div style="background-color: yellow; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
15249+
<p>Great training to start with git!</p>
15250+
<p>Thank's a lot for efforts!</p>
15251+
</div>
15252+
15253+
15254+
15255+
<!-- Message from David-->
15256+
<div style="background-color: blue; padding: 20px; border: 1px solid #000; margin: 20px; border-radius: 5px;">
15257+
<p>Hello from Vietnam</p>
15258+
<p>Great job! Thank's a lot for efforts!</p>
15259+
</div>
15260+
1512315261

1512415262
<!-- End user messages -->
1512515263

0 commit comments

Comments
 (0)