quick update

index.html

@@ -47,28 +47,35 @@
       </div>
 
       <div class="section_text">
-        <p class="section_text_p1">Hello, I'm</p>
         <h1 class="title">Paolo</h1>
         <p class="section_text_p2">Frontend Developer</p>
-      
+
       <div class="btn-container">
-        <button
-        class="btn btn-color-2"
-        onclick="window.open('./assets/resume-example.pdf')"
-        >Download CV</button>
-        <button
-        class="btn btn-color-1"
-        onclick="location.href='./#contact'"
-        >Contact info</button>
+          <button
+          class="btn btn-color-2"
+          onclick="window.open('./assets/Pyae Phone Naing_CV.pdf')"
+          >Download CV</button>
+          <button
+          class="btn btn-color-1"
+          onclick="location.href='./#contact'"
+          >Contact info</button>
       </div>
+
+
       <div id="socials-container">
         <img src="./assets/linkedin.png" alt="My linkedIn profile"
         class="icon" onclick="location.href='https://linkedin.com/'"/>
 
+        <img src="./assets/facebook.png" alt="My linkedIn profile"
+        class="icon" onclick="location.href='https://www.facebook.com/profile.php?id=61552157889511'"/>
+
         <img src="./assets/github.png" alt="My github profile"
         class="icon" onclick="location.href='https://github.com/PyaePhoneNaing'"/>
 
-      </div>
+        <img src="./assets/instagram.png" alt="My linkedIn profile"
+        class="icon" onclick="location.href='https://www.instagram.com/pyae_phonenaing/?hl=en'"/>
+      </div> 
+
       </div>
     </section>
 
@@ -168,16 +175,16 @@ <h3>JavaScript</h3>
                 class="icon"
                 />
                 <div>
-                  <h3>TypeScript</h3>
-                  <p>Basic</p>
+                  <h3>Bootstrap</h3>
+                  <p>Intermediate</p>
                 </div>
               </article>
               <article>
                 <img src="./assets/checkmark.png" alt="experience icon" 
                 class="icon"
                 />
                 <div>
-                  <h3>Material UI</h3>
+                  <h3>React</h3>
                   <p>Basic</p>
                 </div>
               </article>
@@ -192,7 +199,7 @@ <h2 class="experience-sub-title">Frontend Development</h2>
                 class="icon"
                 />
                 <div>
-                  <h3>PostgreSQL</h3>
+                  <h3>TypeScript</h3>
                   <p>Basic</p>
                 </div>
               </article>
@@ -203,7 +210,7 @@ <h3>PostgreSQL</h3>
                 />
                 <div>
                   <h3>Node JS</h3>
-                  <p>Intermediate</p>
+                  <p>Basic</p>
                 </div>
               </article>
 
@@ -212,7 +219,7 @@ <h3>Node JS</h3>
                 class="icon"
                 />
                 <div>
-                  <h3>Express JS</h3>
+                  <h3>PHP</h3>
                   <p>Intermediate</p>
                 </div>
               </article>
@@ -271,7 +278,7 @@ <h2 class="experience-sub-title project-title">Vacation Wishlist</h2>
             class="project-img"
             />
           </div>
-          <h2 class="experience-sub-title project-title">To-Do-List Web-app</h2>
+          <h2 class="experience-sub-title project-title">To-Do-List</h2>
           <div class="btn-container">
             <button
             class="btn btn-color-2 project-btn"

style.css

@@ -205,7 +205,7 @@ section{
     display: flex;
     justify-content: center;
     margin-top: 1rem;
-    gap: 1rem;
+    gap: 0.7rem;
 }
 
 /* icon */
@@ -358,6 +358,7 @@ article .icon{
 
 #projects{
     position: relative;
+
 }
 
 .color-container{
@@ -367,8 +368,8 @@ article .icon{
 
 .project-img{
     border-radius: 2rem;
-    width: 300px;
-    height: 300px;
+    width: 320px;
+    height: 280px;
 }
 
 .project-title{