add easy-pay & re-order projects

css/templatemo-first-portfolio-style.css

@@ -114,7 +114,7 @@ button {
 }
 
 a {
-  color: var(--p-color);
+  color: var(--secondary-color);
   text-decoration: none;
 }
 
@@ -556,7 +556,7 @@ strong {
 
 .profile-small-title {
   border-right: 1px solid var(--border-color);
-  color: var(--secondary-color);
+  color: var(--primary-color);
   font-weight: var(--font-weight-bold);
   min-width: 140px;
   margin-right: 10px;
@@ -591,7 +591,7 @@ strong {
 }
 
 .featured-text {
-  color: var(--secondary-color);
+  color: var(--primary-color);
 }
 
 .featured-border-bottom {

index.html

@@ -164,29 +164,32 @@
                    graduating in 2021.
                   <br>
                   <h5> BPro Story </h5>   
-                  Upon completion of my studies, I embarked on a project with a dynamic team focused on developing 
+                  Upon completion of my studies, I embarked on a project to develop an Enterprise Resource Planning (ERP) system. This
-                  an Enterprise Resource Planning (ERP) system. This comprehensive system encompasses seven
+                  comprehensive system encompasses seven core components: Inventory Management,
-                   core components: Inventory Management, Purchasing, Sales, Customer Relationship Management (CRM),
+                  Purchasing, Sales, Customer Relationship Management (CRM), Finance, Payments, and
-                    Finance, Payments, and Resources. My role involved designing intuitive interfaces, enhancing existing layouts
+                  Resources
-                    , 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.
+                  For <a href="https://www.bayantechnologies.com/"> Bayan Digital Hub </a> (Kuwaiti AWS startup, Oracle Partner ): Develop a platform for
-                   This initiative aimed to bridge the gap between legal professionals and their clients,
+                  managing and
-                    enabling clients to stay informed about their case progress and upcoming court dates. 
+                  tracking law case processes, clients, lawyers, and the administration processes, producing
-                  This project not only honed my web development skills but also underscored the importance of technology in simplifying complex processes.
+                  the results as PDF reports, and making sure that the case processes run smoothly and
-                  <br>
+                  organized.                  <br>
                   <br>
                   <h5> Big-dash Story </h5>
-                  After three rewarding years with BPro, I transitioned to a new challenge at Big-dash.
+                  Engaging in developing a comprehensive banking system ( for <a href="https://moneyout.com.tr"> Moneyout Elektronik Para ve
-                   Here, I contributed to the development of a banking system known as Moneyout. 
+                  Ödeme Hizmetleri A.Ş </a>) aimed at facilitating financial transactions across various branches,
-                   This system was designed to streamline financial transactions across various branches,
+                  incorporating digital wallet functionalities, and supporting transactions executed in
-                    introduce digital wallet features, and support transactions in multiple currencies.
+                  multiple currencies.
-                     This experience allowed me to further expand my expertise in financial technology 
+
-                     and collaborate on a project with significant societal impact.
+                  <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>
@@ -241,7 +244,7 @@
               <div class="about-thumb">
                 <div class="row">
                   <div class="col-lg-6 col-6 featured-border-bottom py-2">
-                    <strong class="featured-numbers">3+</strong>
+                    <strong class="featured-numbers">4+</strong>
 
                     <p class="featured-text">Years of Experiences</p>
                   </div>
@@ -343,6 +346,107 @@
 
             <div class="clearfix"></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 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">Easy-pay Login</h3>
+                </div>
+
+                <a href="images/projects/easy-pay-login.png" class="popup-image">
+                  <img
+                    src="images/projects/easy-pay-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">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 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">SVU E-commerce</h3>
+                </div>
+
+                <a
+                  href="images/projects/svu-hw.png"
+                  class="popup-image"
+                >
+                  <img
+                    src="images/projects/svu-hw.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">
@@ -363,7 +467,7 @@
                 </a>
               </div>
             </div>
-
+            
             <div class="col-lg-4 col-md-6 col-12">
               <div class="projects-thumb">
                 <div class="projects-info">
@@ -408,54 +512,15 @@
                 <div class="projects-info">
                   <small class="projects-tag">Website</small>
 
-                  <h3 class="projects-title">Login</h3>
+                  <h3 class="projects-title">Moneyout Bank</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"
+                  href="images/projects/moneyout.png"
                   class="popup-image"
                 >
                   <img
-                    src="images/projects/law-office-home.png"
+                    src="images/projects/moneyout.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=""
                   />