@@ -230,60 +230,58 @@ <h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3 custom-heading">Javier
230230 </ section >
231231
232232 <!-- Programming Languages -->
233- < h2 class ="text-center mb-4 " id ="technical-skills "> Programming Languages</ h2 >
233+ < h2 class ="text-center mb-4 mt-4 " id ="technical-skills "> Programming Languages</ h2 >
234234 < section class ="row g-4 py-5 row-cols-1 row-cols-lg-4 ">
235235 <!-- Python -->
236- < div class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
236+ < article class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
237237 < img src ="public/logos/python.svg " alt ="Logo python ">
238- </ div >
238+ </ article >
239239
240240 <!-- C# -->
241- < div class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
241+ < article class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
242242 < img src ="public/logos/c-sharp.svg " alt ="Logo C# ">
243- </ div >
243+ </ article >
244244
245245 <!-- JavaScript -->
246- < div class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
246+ < article class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
247247 < img src ="public/logos/javascript.svg " alt ="Logo javascript ">
248- </ div >
248+ </ article >
249249
250250 <!-- PHP -->
251- < div class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
251+ < article class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
252252 < img src ="public/logos/php.svg " alt ="Logo php ">
253- </ div >
253+ </ article >
254254 </ section >
255255
256256 <!-- Databases Section -->
257257 < h2 class ="text-start mb-4 text-capitalize text-center "> databases</ h2 >
258258 < section class ="row g-4 py-5 row-cols-1 row-cols-lg-4 " id ="databases ">
259259 <!-- MySQL -->
260- < div class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
260+ < article class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
261261 < img src ="public/logos/mysql.svg " alt ="Logo mysql " width ="100% ">
262- </ div >
262+ </ article >
263263
264264 <!-- PostgreSQL -->
265- < div class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
265+ < article class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
266266 < img src ="public/logos/postgresql.svg " alt ="Logo postgresql " width ="100% ">
267- </ div >
267+ </ article >
268268
269269 <!-- MongoDB -->
270- < div class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
270+ < article class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
271271 < img src ="public/logos/mongodb.svg " alt ="Logo mongodb ">
272- </ div >
272+ </ article >
273273
274274 <!-- SQLite -->
275- < div class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
275+ < article class ="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3 ">
276276 < img src ="public/logos/sqlite.svg " alt ="Logo sqlite " width ="100% ">
277- </ div >
277+ </ article >
278278 </ section >
279279
280280 <!-- Projects Section -->
281281 < section id ="projects " class ="py-5 ">
282282 < h2 > Projects</ h2 >
283283
284- < hr class ="featurette-divider ">
285-
286- < div class ="row featurette ">
284+ < section class ="row featurette ">
287285 < div class ="col-md-7 ">
288286 < h2 class ="featurette-heading fw-normal lh-1 "> CRUD de Usuarios con .NET y Razor Pages</ h2 >
289287 < p class ="lead ">
@@ -308,55 +306,7 @@ <h2 class="featurette-heading fw-normal lh-1">CRUD de Usuarios con .NET y Razor
308306 d ="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5 " />
309307 </ svg >
310308 </ div >
311- </ div >
312-
313- < hr class ="featurette-divider ">
314-
315-
316-
317- < div class ="row featurette ">
318- < div class ="col-md-7 order-md-2 ">
319- < h2 class ="featurette-heading fw-normal lh-1 "> Oh yeah, it’s that good. < span
320- class ="text-body-secondary "> See for yourself.</ span > </ h2 >
321- < p class ="lead "> Another featurette? Of course. More placeholder content here to give you an idea of
322- how
323- this layout would work with some actual real-world content in place.</ p >
324- </ div >
325- < div class ="col-md-5 order-md-1 ">
326- < svg class ="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto " width ="500 "
327- height ="500 " xmlns ="http://www.w3.org/2000/svg " role ="img " aria-label ="Placeholder: 500x500 "
328- preserveAspectRatio ="xMidYMid slice " focusable ="false ">
329- < title > Placeholder</ title >
330- < rect width ="100% " height ="100% " fill ="var(--bs-secondary-bg) " />
331- < text x ="50% " y ="50% " fill ="var(--bs-secondary-color) " dy =".3em "> 500x500</ text >
332- </ svg >
333- </ div >
334- </ div >
335-
336- < hr class ="featurette-divider ">
337-
338- < div class ="row featurette ">
339- < div class ="col-md-7 ">
340- < h2 class ="featurette-heading fw-normal lh-1 "> And lastly, this one. < span
341- class ="text-body-secondary "> Checkmate.</ span >
342- </ h2 >
343- < p class ="lead "> And yes, this is the last block of representative placeholder content. Again, not
344- really
345- intended to be actually read, simply here to give you a better view of what this would look like
346- with some actual content. Your content.</ p >
347- </ div >
348- < div class ="col-md-5 ">
349- < svg class ="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto " width ="500 "
350- height ="500 " xmlns ="http://www.w3.org/2000/svg " role ="img " aria-label ="Placeholder: 500x500 "
351- preserveAspectRatio ="xMidYMid slice " focusable ="false ">
352- < title > Placeholder</ title >
353- < rect width ="100% " height ="100% " fill ="var(--bs-secondary-bg) " />
354- < text x ="50% " y ="50% " fill ="var(--bs-secondary-color) " dy =".3em "> 500x500</ text >
355- </ svg >
356- </ div >
357- </ div >
358-
359- < hr class ="featurette-divider ">
309+ </ section >
360310 </ section >
361311 </ main >
362312
0 commit comments