mirror of
https://github.com/tiennm99/is-a-dev.git
synced 2026-10-08 02:15:45 +00:00
small change in index.html
This commit is contained in:
Marina Ferrer committed
1 parent
75a6dfa80d
commit
fe6bc97aa9
1 file changed
+37
-31
+37
-31
@@ -30,7 +30,7 @@
|
||||
display: flex; align-items: center; justify-content: center;
|
||||
width: 100%; margin-top: 0.5rem;
|
||||
}
|
||||
nav {
|
||||
nav:not(.hero-socials) {
|
||||
display: flex; padding: 0.4rem 0.75rem;
|
||||
font-size: 0.8rem; font-weight: 500;
|
||||
border-radius: 9999px; color: #d1d5db;
|
||||
@@ -76,7 +76,14 @@
|
||||
.hero-desc { font-size: 1rem; color: #d1d5db; line-height: 1.75; }
|
||||
@media (min-width: 768px) { .hero-desc { font-size: 1.25rem; } }
|
||||
.hero-desc strong { color: #fcd34d; font-weight: 600; }
|
||||
.hero-socials { display: flex; gap: 1rem; margin-top: 2rem; flex-wrap: wrap; }
|
||||
.hero-socials {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
margin-top: 2rem;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.social-btn {
|
||||
border-radius: 9999px; border: 1px solid rgba(255,255,255,0.4);
|
||||
display: inline-flex; justify-content: center; align-items: center;
|
||||
@@ -474,6 +481,34 @@
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════ SKILLS ═══════════════ -->
|
||||
<section id="skills" class="container">
|
||||
<h2 class="sec-title">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19l18 0"/><path d="M5 6m0 1a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-12a1 1 0 0 1-1-1z"/></svg>
|
||||
Skills
|
||||
</h2>
|
||||
<div class="skills-badges-wrap">
|
||||
<img src="https://img.shields.io/badge/FastAPI-009688?style=for-the-badge&logo=fastapi&logoColor=white" alt="FastAPI" />
|
||||
<img src="https://img.shields.io/badge/Flask-000000?style=for-the-badge&logo=flask&logoColor=white" alt="Flask" />
|
||||
<img src="https://img.shields.io/badge/Python-3776AB?style=for-the-badge&logo=python&logoColor=FFE873" alt="Python" />
|
||||
<img src="https://img.shields.io/badge/Java-ED8B00?style=for-the-badge&logo=openjdk&logoColor=white" alt="Java" />
|
||||
<img src="https://img.shields.io/badge/Kotlin-7F52FF?style=for-the-badge&logo=kotlin&logoColor=white" alt="Kotlin" />
|
||||
<img src="https://img.shields.io/badge/Snowflake-29B5E8?style=for-the-badge&logo=snowflake&logoColor=white" alt="Snowflake" />
|
||||
<img src="https://img.shields.io/badge/Firebase-FFCA28?style=for-the-badge&logo=firebase&logoColor=1C1C1C" alt="Firebase" />
|
||||
<img src="https://img.shields.io/badge/Linux-FCC624?style=for-the-badge&logo=linux&logoColor=black" alt="Linux" />
|
||||
<img src="https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white" alt="Git" />
|
||||
<img src="https://img.shields.io/badge/Docker-2496ED?style=for-the-badge&logo=docker&logoColor=white" alt="Docker" />
|
||||
<img src="https://img.shields.io/badge/Kubernetes-326CE5?style=for-the-badge&logo=kubernetes&logoColor=white" alt="Kubernetes" />
|
||||
<img src="https://img.shields.io/badge/SAP-0FAAFF?style=for-the-badge&logo=sap&logoColor=white" alt="SAP" />
|
||||
<img src="https://img.shields.io/badge/Spring_Boot-6DB33F?style=for-the-badge&logo=spring-boot&logoColor=white" alt="Spring Boot" />
|
||||
<img src="https://img.shields.io/badge/RabbitMQ-FF6600?style=for-the-badge&logo=rabbitmq&logoColor=white" alt="RabbitMQ" />
|
||||
<img src="https://img.shields.io/badge/TensorFlow-FF6F00?style=for-the-badge&logo=tensorflow&logoColor=white" alt="TensorFlow" />
|
||||
<img src="https://img.shields.io/badge/Android-3DDC84?style=for-the-badge&logo=android&logoColor=white" alt="Android" />
|
||||
<img src="https://img.shields.io/badge/PostgreSQL-4169E1?style=for-the-badge&logo=postgresql&logoColor=white" alt="PostgreSQL" />
|
||||
<img src="https://img.shields.io/badge/Power_Automate-0066FF?style=for-the-badge&logo=power-automate&logoColor=white" alt="Power Automate" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════ EDUCATION ═══════════════ -->
|
||||
<section id="education" class="container">
|
||||
<h2 class="sec-title">
|
||||
@@ -549,34 +584,6 @@
|
||||
</ol>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════ SKILLS ═══════════════ -->
|
||||
<section id="skills" class="container">
|
||||
<h2 class="sec-title">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 19l18 0"/><path d="M5 6m0 1a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-12a1 1 0 0 1-1-1z"/></svg>
|
||||
Skills
|
||||
</h2>
|
||||
<div class="skills-badges-wrap">
|
||||
<img src="https://img.shields.io/badge/FastAPI-009688?style=for-the-badge&logo=fastapi&logoColor=white" alt="FastAPI" />
|
||||
<img src="https://img.shields.io/badge/Flask-000000?style=for-the-badge&logo=flask&logoColor=white" alt="Flask" />
|
||||
<img src="https://img.shields.io/badge/Python-3776AB?style=for-the-badge&logo=python&logoColor=FFE873" alt="Python" />
|
||||
<img src="https://img.shields.io/badge/Java-ED8B00?style=for-the-badge&logo=openjdk&logoColor=white" alt="Java" />
|
||||
<img src="https://img.shields.io/badge/Kotlin-7F52FF?style=for-the-badge&logo=kotlin&logoColor=white" alt="Kotlin" />
|
||||
<img src="https://img.shields.io/badge/Snowflake-29B5E8?style=for-the-badge&logo=snowflake&logoColor=white" alt="Snowflake" />
|
||||
<img src="https://img.shields.io/badge/Firebase-FFCA28?style=for-the-badge&logo=firebase&logoColor=1C1C1C" alt="Firebase" />
|
||||
<img src="https://img.shields.io/badge/Linux-FCC624?style=for-the-badge&logo=linux&logoColor=black" alt="Linux" />
|
||||
<img src="https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white" alt="Git" />
|
||||
<img src="https://img.shields.io/badge/Docker-2496ED?style=for-the-badge&logo=docker&logoColor=white" alt="Docker" />
|
||||
<img src="https://img.shields.io/badge/Kubernetes-326CE5?style=for-the-badge&logo=kubernetes&logoColor=white" alt="Kubernetes" />
|
||||
<img src="https://img.shields.io/badge/SAP-0FAAFF?style=for-the-badge&logo=sap&logoColor=white" alt="SAP" />
|
||||
<img src="https://img.shields.io/badge/Spring_Boot-6DB33F?style=for-the-badge&logo=spring-boot&logoColor=white" alt="Spring Boot" />
|
||||
<img src="https://img.shields.io/badge/RabbitMQ-FF6600?style=for-the-badge&logo=rabbitmq&logoColor=white" alt="RabbitMQ" />
|
||||
<img src="https://img.shields.io/badge/TensorFlow-FF6F00?style=for-the-badge&logo=tensorflow&logoColor=white" alt="TensorFlow" />
|
||||
<img src="https://img.shields.io/badge/Android-3DDC84?style=for-the-badge&logo=android&logoColor=white" alt="Android" />
|
||||
<img src="https://img.shields.io/badge/PostgreSQL-4169E1?style=for-the-badge&logo=postgresql&logoColor=white" alt="PostgreSQL" />
|
||||
<img src="https://img.shields.io/badge/Power_Automate-0066FF?style=for-the-badge&logo=power-automate&logoColor=white" alt="Power Automate" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════ PROJECTS ═══════════════ -->
|
||||
<section id="projects" class="container">
|
||||
<h2 class="sec-title">
|
||||
@@ -732,7 +739,6 @@
|
||||
<span class="timeline-tag">ETL</span>
|
||||
<span class="timeline-tag">ERP</span>
|
||||
</div>
|
||||
<!-- Replace the src values below with your actual images when ready -->
|
||||
<div class="achievement-imgs-placeholder">
|
||||
<div class="img-placeholder">
|
||||
<span style="font-size:2rem;">🏆</span>
|
||||
|
||||
Reference in new issue
Block a user