Add A CV, Add 3 Certificates And Hide One Section

README.md

@@ -20,13 +20,6 @@ This portfolio contains a collection of all my web development projects. It is d
   <img src="https://api.netlify.com/api/v1/badges/6f3dc71c-450e-4c67-85fa-0643032058ba/deploy-status" alt="Deploy">
 </p>
 
-## 📊 Development Time
-
-<p align="center">
-  <img src="https://wakatime.com/badge/user/5a4657fe-4994-4a36-a877-a6882bc4ec6c/project/72fc83af-9391-40c5-addc-0265cbe2ef68.svg" alt="wakatime" />
-
-</p>
-
 ![Portfolio Screenshot](https://github.com/GziXnine/Portfolio/blob/main/readme-img.png)
 
 ## Technologies Used 🛠️

src/pug/blocks/about.pug

@@ -5,7 +5,7 @@
       h3 About Me
     .text Hello! I’m Ahmed Allam, a passionate front-end developer and second-year student in Computer and Control System Engineering. At 
       span#year 20 
-      |  years old, I specialize in creating dynamic, user-friendly web experiences using HTML, CSS, JavaScript, Sass, and Bootstrap. I focus on blending creativity with functionality, ensuring that every project is both visually compelling and optimized for performance. Driven by a love for innovation, I continually refine my skills to stay ahead of industry trends. Whether it’s building responsive layouts, improving UI, or exploring new technologies, I aim to create impactful digital solutions. As a detail-oriented problem solver, I thrive in both team and solo projects, and I’m committed to contributing to the future of web development. Let’s connect and bring ideas to life through design and technology!
+      |  years old, I specialize in creating dynamic, user-friendly web experiences using jQuery. I focus on blending creativity with functionality, ensuring that every project is both visually compelling and optimized for performance. Driven by a love for innovation, I continually refine my skills to stay ahead of industry trends. Whether it’s building responsive layouts, improving UI, or exploring new technologies, I aim to create impactful digital solutions. As a detail-oriented problem solver, I thrive in both team and solo projects, and I’m committed to contributing to the future of web development. Let’s connect and bring ideas to life through design and technology!
     .details
       ul.row
         li.col-lg-6.col-md-12.col-sm-12

src/pug/blocks/aside.pug

@@ -5,7 +5,7 @@
     ul
       li.homes: a(href="#home" class="active" aria-label="Go to Home section") Home
       li.abouts: a(href="#about" aria-label="Go to About section") About
-      li.services: a(href="#services" aria-label="Go to Services section") Services
+      //- li.services: a(href="#services" aria-label="Go to Services section") Services
       li.portfolio: a(href="#portfolio" aria-label="Go to Portfolio section") Portfolio
       li.certificates: a(href="#certificates" aria-label="Go to Certificates section") Certificates
       li.blog: a(href="#blog" aria-label="Go to Blog section") Blog

src/pug/blocks/certificate.pug

@@ -4,6 +4,9 @@
       h3 Technical Certificates
     .certificates
       .row
+        .col-lg-6.col-md-6.col-sm-12
+          .img
+            img(src="assets/images/certificate/Learn_Html_CSS.webp" alt="" loading="lazy" data-tilt)
         .col-lg-6.col-md-6.col-sm-12
           .img
             img(src="assets/images/certificate/github.webp" alt="" loading="lazy" data-tilt)
@@ -15,3 +18,9 @@
         .col-lg-6.col-md-6.col-sm-12
           .img
             img(src="assets/images/certificate/Youth.webp" alt="" loading="lazy" data-tilt)
+        .col-lg-6.col-md-6.col-sm-12
+          .img
+            img(src="assets/images/certificate/Basics_Freelance.webp" alt="" loading="lazy" data-tilt)
+        .col-lg-6.col-md-6.col-sm-12
+          .img
+            img(src="assets/images/certificate/Upwork.webp" alt="" loading="lazy" data-tilt)

src/pug/blocks/header.pug

@@ -7,10 +7,10 @@ ul.dmenu.scroll-nav.d-flex
     a(href="#about" aria-label="Go to About section")
       span About
       img(src="assets/images/icons/user.webp" alt="User icon" loading="lazy")
-  li
-    a(href="#services" aria-label="Go to Services section")
-      span Services
-      img(src="assets/images/icons/support.webp" alt="Support icon" loading="lazy")
+  //- li
+  //-   a(href="#services" aria-label="Go to Services section")
+  //-     span Services
+  //-     img(src="assets/images/icons/support.webp" alt="Support icon" loading="lazy")
   li
     a(href="#portfolio" aria-label="Go to Portfolio section")
       span Portfolio

src/pug/blocks/home.pug

@@ -10,5 +10,5 @@
       h2 Ahmed Allam
     .animateText
       span Front end Developer
-      span Back end Developer
+      //- span Back end Developer
       span SEO Optimizer

src/pug/blocks/resume.pug

@@ -32,7 +32,6 @@
             ul.skills
               li Arabic
               li English
-              li Deutsch
           .col-lg-12.col-md-6.col-sm-6.soft-section
             .title-section.heading Soft Skills
             ul.skills

src/pug/pages/index.pug

@@ -34,7 +34,7 @@ block main
           //-! ABOUT SECIION
           include ../blocks/about
           //-! SERVICES SECTION
-          include ../blocks/services
+          //- include ../blocks/services
           //-! PORTFOLIO SECTION
           include ../blocks/portfolio
           //-! CERTIFICATES SECTION

src/scss/layouts/_header.scss

@@ -93,22 +93,47 @@
       }
     }
 
-    &:nth-of-type(5) {
+    &:nth-of-type(1),
+    &:nth-of-type(2) {
       span {
         @media (max-width: 768px) {
-          transform: rotate(90deg);
-          right: -15px;
+          top: -52px;
+        }
+      }
+    }
+
+    &:nth-of-type(3) {
+      span {
+        @media (max-width: 768px) {
+          right: -10px;
           top: -60px;
         }
       }
     }
 
-    &:nth-of-type(6) {
+    &:nth-of-type(4) {
+      span {
+        @media (max-width: 768px) {
+          right: -20px;
+          top: -68px;
+        }
+      }
+    }
+
+    &:nth-of-type(5) {
       span {
         @media (max-width: 768px) {
-          transform: rotate(90deg);
           right: 0px;
-          top: -45px;
+          top: -48px;
+        }
+      }
+    }
+
+    &:nth-of-type(6) {
+      span {
+        @media (max-width: 768px) {
+          right: -10px;
+          top: -58px;
         }
       }
     }

src/scss/layouts/_portfolio.scss

@@ -5,6 +5,14 @@
 
 .portfolioe {
   .section-inner {
+    @media (max-width: 1440px) {
+      padding: 30px;
+
+      .container {
+        padding: 20px 0 0 !important;
+      }
+    }
+
     @media (max-width: 1199px) {
       padding: 10px;