Skip to content

Commit 8daea67

Browse files
w3schools-testw3schools-test
authored
Merge branch 'master' into master
2 parents 4ca8009 + fc4d7a8 commit 8daea67

File tree

1 file changed

+136
-5
lines changed

1 file changed

+136
-5
lines changed

‎index.html

Lines changed: 136 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -102,14 +102,115 @@ <h3>Contribute</h3>
102102

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

105-
106105
<!--Start of REFRAZ1's message-->
107106
<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;">
108107
<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>
109108
<h6 style="font-style: italic;"> Hello from Ukraine </h6>
110109
</div>
111110
<!--End of REFRAZ1's message-->
112111

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+
113214
<!-- Dariusz Larsen's Start -->
114215
<div class="container-DL">
115216
<div class="flip-card-DL">
@@ -211,11 +312,17 @@ <h1 class="flip-card-back-DL-h1">
211312
</style>
212313
<!-- Dariusz Larsen's End -->
213314

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

215-
<h1>Thank you!</h1>
318+
<h1>Thank you!</h1>
216319
<p>Hello from NYC where congestion pricing is now in effect!<p>
217320
<!--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>
219326
<!-- Start message -->
220327
<h1>Thank you!</h1>
221328
<p>Hello from LV.</p>
@@ -227,6 +334,11 @@ <h1>Thank you!</h1>
227334
<p>Kind Regards</p>
228335
<p>Dejan Marlovic</p>
229336
<!--End of Message-->
337+
338+
<!-- Start Message -->
339+
<h3>Thank you!</h3>
340+
<p>Hello from India😀</p>
341+
<!--End of Message-->
230342

231343
<h1>W3 thank u guys for your resources!</h1>
232344
<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
290402

291403
<!--Start of Ernest's message-->
292404
<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>
294406
<h6 style="font-size: large;letter-spacing:5px;color: dodgerblue;">- Ernest (A)</h6>
295407
</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>
297414

298415
<!-- Tomas' Start message -->
299416
<p>Arsenal Will win the premier league. Gunners!</p>
@@ -15123,6 +15240,20 @@ <h1>Hello from Brazil🇧🇷</h1>
1512315240
<p>Thank's a lot for efforts!</p>
1512415241
</div>
1512515242

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

1512715258
<!-- End user messages -->
1512815259

0 commit comments

Comments
 (0)