Update personal branding in index.html, about.html, and featured.html to reflect new name "Tuhama Qleshi". Adjust footer copyright text accordingly. Enhance CSS styles with new color scheme and gradients for a fresh look.

.vscode/settings.json

@@ -5,5 +5,6 @@
         "navheight",
         "yaseen",
         "Zoik"
-    ]
+    ],
+    "liveServer.settings.port": 5501
 }

components/about.html

@@ -12,10 +12,10 @@
             <img src="images/happy-bearded-young-man.jpg" class="avatar-image img-fluid" alt="" />
           </div>
 
-          <h3 class="pt-2 mb-3">A little bit about Mohammed</h3>
+          <h3 class="pt-2 mb-3">A little bit about Tuhama</h3>
 
           <p>
-            👋 Greetings I'm Mohammed, a dedicated software engineer with a passion for creating innovative solutions. 
+            👋 Greetings I'm Tuhama, a passionate software engineer with a creative approach to problem-solving. 
             My journey in the field of Information Technology began at the Arab International University
             in 2016, where I pursued a Bachelor's Degree in Computer Software Engineering, 
             graduating in 2021.

components/featured.html

@@ -10,7 +10,7 @@
           <div class="profile-body">
             <div class="profile-info-item">
               <span class="profile-small-title">Name</span>
-              <span class="profile-value">Mohammed Al-yaseen</span>
+              <span class="profile-value">Tuhama Qleshi</span>
             </div>
 
             <div class="profile-info-item">

components/footer.html

@@ -4,7 +4,7 @@
       <div class="col-lg-12 col-12">
         <div class="copyright-text-wrap">
           <p class="mb-0">
-            <span class="copyright-text">Copyright © 2024 <a href="#">Mohammed</a> Company. All rights reserved.</span>
+            <span class="copyright-text">Copyright © 2024 <a href="#">Tuhama</a> Company. All rights reserved.</span>
             <span class="copyright-text">Design: <a href="https://templatemo.com" target="_blank">TemplateMo</a></span>
           </p>
         </div>

css/templatemo-first-portfolio-style.css

@@ -11,13 +11,13 @@ https://templatemo.com/tm-578-first-portfolio
 -----------------------------------------*/
 :root {
   --white-color: #ffffff;
-  --primary-color: #535da1;
+  --primary-color: #ff69b4;  /* Hot pink */
-  --secondary-color: #14b789;
+  --secondary-color: #ffb6c1;  /* Light pink */
-  --section-bg-color: #f9f9f9;
+  --section-bg-color: #fff5f7;  /* Very light pink */
-  --dark-color: #000000;
+  --dark-color: #4a4a4a;  /* Softer dark color */
-  --p-color: #717275;
+  --p-color: #666666;
-  --border-color: #e9eaeb;
+  --border-color: #ffd1dc;  /* Light pink border */
-  --featured-border-color: #727aab;
+  --featured-border-color: #ff69b4;
 
   --body-font-family: "DM Sans", sans-serif;
 
@@ -143,9 +143,10 @@ strong {
 }
 
 .section-title-wrap {
-  background: var(--secondary-color);
+  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
   border-radius: var(--border-radius-small);
   padding: 10px 30px;
+  box-shadow: 0 4px 15px rgba(255, 105, 180, 0.2);
 }
 
 /*---------------------------------------
@@ -261,9 +262,10 @@ strong {
 }
 
 .custom-btn {
-  background: var(--secondary-color);
+  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
-  border-radius: var(--border-radius-large);
+  border: none;
   color: var(--white-color);
+  box-shadow: 0 4px 15px rgba(255, 105, 180, 0.2);
   font-weight: var(--font-weight-bold);
   padding: 12px 24px;
 }

index.html

@@ -6,7 +6,7 @@
     <meta name="description" content="" />
     <meta name="author" content="TemplateMo" />
 
-    <title>Mohammed Al-yaseen</title>
+    <title>Tuhama Qleshi</title>
 
     <!-- CSS FILES -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />