add bootstrap Icon

README.md

@@ -46,12 +46,7 @@
 
 ### Tech Stack <a name="tech-stack"></a>
 
-<a href="https://reactjs.org/" style="background-color: #61DAFB; color: white; padding: 4px 8px; border-radius: 4px;"><img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/react.svg" alt="React" width="24" height="24"> React</a>
-  <a href="https://getbootstrap.com/" style="background-color: #7952B3; color: white; padding: 4px 8px; border-radius: 4px;"><img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/bootstrap.svg" alt="Bootstrap" width="24" height="24"> Bootstrap</a>
-  <a href="https://developer.mozilla.org/en-US/docs/Web/HTML" style="background-color: #F16529; color: white; padding: 4px 8px; border-radius: 4px;"><img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/html5.svg" alt="HTML5" width="24" height="24"> HTML</a>
-  <a href="https://developer.mozilla.org/en-US/docs/Web/CSS" style="background-color: #2965F1; color: white; padding: 4px 8px; border-radius: 4px;"><img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/css3.svg" alt="CSS3" width="24" height="24"> CSS</a>
-  <a href="https://developer.mozilla.org/en-US/docs/Web/javascript" style="background-color: #F0DB4F; color: black; padding: 4px 8px; border-radius: 4px;"><img src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/javascript.svg" alt="JavaScript" width="24" height="24"> JavaScript</a>
-
+<div style="display: flex;"> <a href="https://www.w3.org/html/" target="_blank" style="text-decoration: none; margin: 10px;"> <img src="https://uxwing.com/wp-content/themes/uxwing/download/brands-and-social-media/html-icon.svg" alt="HTML5" width="55" height="55" style="border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: transform 0.3s;"> <p style="text-align: center; margin: 5px 0 0; font-size: 14px; font-weight: bold;">HTML5</p> </a> <a href="https://www.w3schools.com/css/" target="_blank" style="text-decoration: none; margin: 10px;"> <img src="https://uxwing.com/wp-content/themes/uxwing/download/brands-and-social-media/css-icon.svg" alt="CSS3" width="55" height="55" style="border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: transform 0.3s;"> <p style="text-align: center; margin: 5px 0 0; font-size: 14px; font-weight: bold;">CSS3</p> </a> <a href="https://reactjs.org/" target="_blank" style="text-decoration: none; margin: 10px;"> <img src="https://uxwing.com/wp-content/themes/uxwing/download/brands-and-social-media/react-js-icon.svg" alt="React JS" width="55" height="55" style="border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: transform 0.3s;"> <p style="text-align: center; margin: 5px 0 0; font-size: 14px; font-weight: bold;">React JS</p> </a> <a href="https://getbootstrap.com/" target="_blank" style="text-decoration: none; margin: 10px;"> <img src="https://uxwing.com/wp-content/themes/uxwing/download/brands-and-social-media/bootstrap-4-icon.png" alt="Bootstrap" width="55" height="55" style="border-radius: 50%; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); transition: transform 0.3s;"> <p style="text-align: center; margin: 5px 0 0; font-size: 14px; font-weight: bold;">Bootstrap</p> </a> </div>
 ### Key Features <a name="key-features"></a>
 - **General information**
 - **Educational experience**