add more details

.vscode/settings.json

@@ -3,7 +3,9 @@
         "Almuthafar",
         "Ecommerce",
         "navheight",
+        "Tuhama",
         "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.
@@ -33,18 +33,6 @@
             the results as PDF reports, and making sure that the case processes run smoothly and
             organized.
             <br>
-            <br>
-            <h5> Big-dash Story </h5>
-            Engaging in developing a comprehensive banking system ( for <a href="https://moneyout.com.tr"> Moneyout Elektronik Para ve
-            Ödeme Hizmetleri A.Ş </a>) aimed at facilitating financial transactions across various branches,
-            incorporating digital wallet functionalities, and supporting transactions executed in
-            multiple currencies.
-            <br>
-            <br>
-            <h5> Easy-pay Story </h5>
-            For <a href="https://www.facebook.com/MONALISA.SYRIA"> Monalisa restaurant in Damascus </a>, the system includes managing reservations, tables,
-            products, invoices, government tax integration, debits, and producing different types of reports like
-            sales and logs of payments.
           </p>
         </div>
       </div>

components/contact.html

@@ -22,7 +22,7 @@
                   </div>
                   <div class="contact-info-content">
                     <h4>Location</h4>
-                    <p>Damascus, Syria</p>
+                    <p>Homs, Syria</p>
                   </div>
                 </div>
 
@@ -42,7 +42,7 @@
                   </div>
                   <div class="contact-info-content">
                     <h4>Phone</h4>
-                    <p><a href="tel:010-020-0340">010-020-0340</a></p>
+                    <p><a href="tel:+963-966-381-266">+963-966-381-266</a></p>
                   </div>
                 </div>
 
@@ -52,7 +52,7 @@
                   </div>
                   <div class="contact-info-content">
                     <h4>Name</h4>
-                    <p>Mohammed</p>
+                    <p>Tuhama</p>
                   </div>
                 </div>
 

components/featured.html

@@ -10,19 +10,19 @@
           <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">
               <span class="profile-small-title">Birthday</span>
-              <span class="profile-value">Jun 1, 1998</span>
+              <span class="profile-value">Sep 21, 1983</span>
             </div>
 
             <div class="profile-info-item">
               <span class="profile-small-title">Phone</span>
               <span class="profile-value">
-                <a href="tel:+963-962-469-482" class="profile-link">
+                <a href="tel:+963-966-381-266" class="profile-link">
-                  <i class="bi bi-telephone-fill me-2"></i>+963-962-469-482
+                  <i class="bi bi-telephone-fill me-2"></i>+963-966-381-266
                 </a>
               </span>
             </div>
@@ -30,8 +30,8 @@
             <div class="profile-info-item">
               <span class="profile-small-title">Email</span>
               <span class="profile-value">
-                <a href="mailto:mohammed.alyaseen.it@gmail.com" class="profile-link">
+                <a href="mailto:tuhama9@gmail.com" class="profile-link">
-                  <i class="bi bi-envelope-fill me-2"></i>mohammed.alyaseen.it@gmail.com
+                  <i class="bi bi-envelope-fill me-2"></i>tuhama9@gmail.com
                 </a>
               </span>
             </div>
@@ -39,22 +39,16 @@
             <div class="profile-info-item">
               <span class="profile-small-title">Location</span>
               <span class="profile-value">
-                <i class="bi bi-geo-alt-fill me-2"></i>Istanbul, Turkey
+                <i class="bi bi-geo-alt-fill me-2"></i>Homs, Syria
               </span>
             </div>
 
             <div class="profile-info-item">
               <span class="profile-small-title">Social</span>
               <div class="profile-social-links">
-                <a href="https://www.linkedin.com/in/mohammed-al-yaseen-79b056161/" class="profile-social-link" target="_blank">
+                <a href="https://github.com/Tuhama" class="profile-social-link" target="_blank">
-                  <i class="bi bi-linkedin"></i>
-                </a>
-                <a href="https://github.com/mohammed-alyaseen" class="profile-social-link" target="_blank">
                   <i class="bi bi-github"></i>
                 </a>
-                <a href="https://www.facebook.com/profile.php?id=100010330412662" class="profile-social-link" target="_blank">
-                  <i class="bi bi-facebook"></i>
-                </a>
               </div>
             </div>
           </div>
@@ -66,7 +60,7 @@
           <div class="row">
             <div class="col-lg-6 col-6 featured-border-bottom py-3">
               <div class="featured-item">
-                <strong class="featured-numbers">4+</strong>
+                <strong class="featured-numbers">5+</strong>
                 <p class="featured-text">Years of Experience</p>
                 <div class="featured-icon">
                   <i class="bi bi-briefcase-fill"></i>
@@ -86,7 +80,7 @@
 
             <div class="col-lg-6 col-6 pt-4">
               <div class="featured-item">
-                <strong class="featured-numbers">10+</strong>
+                <strong class="featured-numbers">5+</strong>
                 <p class="featured-text">Projects Finished</p>
                 <div class="featured-icon">
                   <i class="bi bi-check-circle-fill"></i>

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>

components/header.html

@@ -24,7 +24,7 @@
 
     <div class="d-flex align-items-center d-lg-none">
       <i class="navbar-icon bi-telephone-plus me-3"></i>
-      <a class="custom-btn btn" href="#section_5"> +963-962-469-482 </a>
+      <a class="custom-btn btn" href="#section_5"> +963-966-381-266 </a>
     </div>
 
     <div class="collapse navbar-collapse" id="navbarNav">
@@ -52,7 +52,7 @@
 
       <div class="d-lg-flex align-items-center d-none ms-auto">
         <i class="navbar-icon bi-telephone-plus me-3"></i>
-        <a class="custom-btn btn" href="#section_5"> +963-962-469-482 </a>
+        <a class="custom-btn btn" href="#section_5"> +963-966-381-266 </a>
       </div>
     </div>
   </div>

components/projects.html

@@ -130,19 +130,6 @@
           </a>
         </div>
       </div>
-
-      <!-- Moneyout Bank -->
-      <div class="col-lg-4 col-md-6 col-12">
-        <div class="projects-thumb">
-          <div class="projects-info">
-            <small class="projects-tag">Website</small>
-            <h3 class="projects-title">Moneyout Bank</h3>
-          </div>
-          <a href="images/projects/moneyout.png" class="popup-image">
-            <img src="images/projects/moneyout.png" class="projects-image img-fluid" alt="" />
-          </a>
-        </div>
-      </div>
     </div>
   </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" />