add some new projects & update "about me" section

.vscode/settings.json

@@ -1,7 +1,9 @@
 {
     "cSpell.words": [
+        "Almuthafar",
         "Ecommerce",
         "navheight",
+        "yaseen",
         "Zoik"
     ]
 }

index.html

@@ -97,7 +97,7 @@
                     alt=""
                   />
 
-                  <h1 class="hero-title ms-3 mb-0">Hello friend!</h1>
+                  <h5 class="hero-title ms-3 mb-0">Hello friend!</h5>
                 </div>
 
                 <h2 class="mb-4">I’m available for freelance work.</h2>
@@ -155,17 +155,40 @@
                   />
                 </div>
 
-                <h3 class="pt-2 mb-3">a little bit about Mohammed</h3>
+                <h3 class="pt-2 mb-3">A little bit about Mohammed</h3>
 
                 <p>
-                  Work in a challenging environment in a company or organization
+                  👋 Greetings I'm Mohammed, a dedicated software engineer with a passion for creating innovative solutions. 
-                  in the web developing or maintenance where I can utilize my
+                  My journey in the field of Information Technology began at the Arab International University
-                  capabilities to advance in my career. I am self-motivated,
+                   in 2016, where I pursued a Bachelor's Degree in Computer Software Engineering, 
-                  ambitious, and eager to learn. I am a responsible individual
+                   graduating in 2021.
-                  with strong communication skills and a work ethic besides
+                  <br>
-                  being creative, ocused, and highly determined. I am willing to
+                  <h5> BPro Story </h5>   
-                  take responsibility and work independently. At the same time,
+                  Upon completion of my studies, I embarked on a project with a dynamic team focused on developing 
-                  I can work well in teams.
+                  an Enterprise Resource Planning (ERP) system. This comprehensive system encompasses seven
+                   core components: Inventory Management, Purchasing, Sales, Customer Relationship Management (CRM),
+                    Finance, Payments, and Resources. My role involved designing intuitive interfaces, enhancing existing layouts
+                    , ensuring secure financial calculations through the use of the Big.js library, particularly in the Payment
+                     and Purchase modules, managing translations, and implementing themes. Additionally, 
+                  I contributed to end-to-end testing utilizing Cypress to ensure the system's reliability and efficiency.
+                  <br>
+                  <br>
+                  <h5> Almuthafar Story </h5>
+                  Simultaneously, I had the opportunity to take on a freelance project for a law firm website named Almuthafar.
+                   This initiative aimed to bridge the gap between legal professionals and their clients,
+                    enabling clients to stay informed about their case progress and upcoming court dates. 
+                  This project not only honed my web development skills but also underscored the importance of technology in simplifying complex processes.
+                  <br>
+                  <br>
+                  <h5> Big-dash Story </h5>
+                  After three rewarding years with BPro, I transitioned to a new challenge at Big-dash.
+                   Here, I contributed to the development of a banking system known as Moneyout. 
+                   This system was designed to streamline financial transactions across various branches,
+                    introduce digital wallet features, and support transactions in multiple currencies.
+                     This experience allowed me to further expand my expertise in financial technology 
+                     and collaborate on a project with significant societal impact.
+
+
                 </p>
               </div>
             </div>
@@ -218,7 +241,7 @@
               <div class="about-thumb">
                 <div class="row">
                   <div class="col-lg-6 col-6 featured-border-bottom py-2">
-                    <strong class="featured-numbers">2+</strong>
+                    <strong class="featured-numbers">3+</strong>
 
                     <p class="featured-text">Years of Experiences</p>
                   </div>
@@ -379,6 +402,68 @@
                 </a>
               </div>
             </div>
+
+            <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">Login</h3>
+                </div>
+
+                <a href="images/projects/law-office-login.png" class="popup-image">
+                  <img
+                    src="images/projects/law-office-login.png"
+                    class="projects-image img-fluid"
+                    alt=""
+                  />
+                </a>
+              </div>
+            </div>
+
+            <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">Law Office</h3>
+                </div>
+
+                <a
+                  href="images/projects/law-office-home.png"
+                  class="popup-image"
+                >
+                  <img
+                    src="images/projects/law-office-home.png"
+                    class="projects-image img-fluid"
+                    alt="law office"
+                  />
+                </a>
+              </div>
+            </div>
+
+            <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">Cloths Ecommerce</h3>
+                </div>
+
+                <a
+                  href="images/projects/cloths-e-commerce.png"
+                  class="popup-image"
+                >
+                  <img
+                    src="images/projects/cloths-e-commerce.png"
+                    class="projects-image img-fluid"
+                    alt=""
+                  />
+                </a>
+              </div>
+            </div>
+
+    
           </div>
         </div>
       </section>