From e6f417834613257dcb61dd75be9216d7b5ac3abd Mon Sep 17 00:00:00 2001
From: Mohammed Al-yaseen <mohammed.o.alyaseen@gmail.com>
Date: Mon, 26 Jan 2026 08:42:01 +0300
Subject: [PATCH] general enhancements

---
 components/about.html                    |  2 +-
 components/contact.html                  |  6 ++---
 components/featured.html                 |  6 ++---
 components/footer.html                   |  2 +-
 components/header.html                   |  2 +-
 css/templatemo-first-portfolio-style.css | 30 +++++++++++-------------
 index.html                               | 16 ++++++-------
 7 files changed, 31 insertions(+), 33 deletions(-)

diff --git a/components/about.html b/components/about.html
index 4eedf55..7de491a 100644
--- a/components/about.html
+++ b/components/about.html
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row">
       <div class="col-lg-6 col-12">
-        <img src="images/DreamShaper_v7_A_group_of_people_from_different_backgrounds_an_2.jpg" class="about-image img-fluid" alt="" />
+        <img src="images/DreamShaper_v7_A_group_of_people_from_different_backgrounds_an_2.jpg" class="about-image img-fluid object-fit-cover" alt="" />
       </div>
 
       <div class="col-lg-6 col-12 mt-5 mt-lg-0">
diff --git a/components/contact.html b/components/contact.html
index d1b1d80..c257674 100644
--- a/components/contact.html
+++ b/components/contact.html
@@ -10,7 +10,7 @@
     </div>
 
     <div class="row justify-content-center">
-      <div class="col-lg-10 col-md-12 col-12">
+      <div class="col-lg-12 col-md-12 col-12">
         <div class="contact-wrapper">
           <div class="row">
             <!-- Contact Info Cards -->
@@ -57,7 +57,7 @@
                 </div>
 
                 <!-- Company Ad -->
-                <div class="tech-masters-ad">
+                <!-- <div class="tech-masters-ad">
                   <div class="ad-content">
                     <div class="ad-icon">
                       <i class="bi bi-cpu"></i>
@@ -66,7 +66,7 @@
                     <p>Your Trusted Partner in Digital Innovation</p>
                     <a href="#" class="ad-link">Learn More <i class="bi bi-arrow-right"></i></a>
                   </div>
-                </div>
+                </div> -->
 
                 <div class="contact-social">
                   <h4>Follow Me</h4>
diff --git a/components/featured.html b/components/featured.html
index 24c974e..efec437 100644
--- a/components/featured.html
+++ b/components/featured.html
@@ -73,7 +73,7 @@
       <div class="col-lg-6 col-12 mt-5 mt-lg-0">
         <div class="about-thumb">
           <div class="row">
-            <div class="col-lg-6 col-6 featured-border-bottom py-3">
+            <div class="col-lg-6 col-6 featured-border-bottom pb-4">
               <div class="featured-item">
                 <strong class="featured-numbers">5+</strong>
                 <p class="featured-text">Years of Experience</p>
@@ -83,7 +83,7 @@
               </div>
             </div>
 
-            <div class="col-lg-6 col-6 featured-border-start featured-border-bottom ps-5 py-3">
+            <div class="col-lg-6 col-6 featured-border-start featured-border-bottom pb-4">
               <div class="featured-item">
                 <strong class="featured-numbers">5+</strong>
                 <p class="featured-text">Happy Customers</p>
@@ -103,7 +103,7 @@
               </div>
             </div>
 
-            <div class="col-lg-6 col-6 featured-border-start ps-5 pt-4">
+            <div class="col-lg-6 col-6 featured-border-start pt-4">
               <div class="featured-item">
                 <strong class="featured-numbers">7+</strong>
                 <p class="featured-text">Digital Awards</p>
diff --git a/components/footer.html b/components/footer.html
index b88c045..76e008a 100644
--- a/components/footer.html
+++ b/components/footer.html
@@ -5,7 +5,7 @@
         <div class="copyright-text-wrap">
           <p class="mb-0">
             <span class="copyright-text">Copyright © 2026 <a href="#">Mohammed Al-yaseen</a>. All rights reserved.</span>
-            <span class="copyright-text">Design: <a href="https://templatemo.com" target="_blank">TemplateMo</a></span>
+            <!-- <span class="copyright-text">Design: <a href="https://templatemo.com" target="_blank">TemplateMo</a></span> -->
           </p>
         </div>
       </div>
diff --git a/components/header.html b/components/header.html
index 120ae51..0500027 100644
--- a/components/header.html
+++ b/components/header.html
@@ -20,7 +20,7 @@
       <span class="navbar-toggler-icon"></span>
     </button>
 
-    <a href="index.html" class="navbar-brand mx-auto mx-lg-0">First</a>
+    <a href="index.html" class="navbar-brand mx-auto mx-lg-0">M</a>
 
     <div class="d-flex align-items-center d-lg-none">
       <i class="navbar-icon bi-telephone-plus me-3"></i>
diff --git a/css/templatemo-first-portfolio-style.css b/css/templatemo-first-portfolio-style.css
index 37cce96..d383c8c 100644
--- a/css/templatemo-first-portfolio-style.css
+++ b/css/templatemo-first-portfolio-style.css
@@ -550,6 +550,12 @@ strong {
 /*---------------------------------------
   ABOUT              
 -----------------------------------------*/
+
+.object-fit-cover {
+  object-fit: cover;
+  height: 100%;
+}
+
 .profile-thumb {
   background: var(--white-color);
   border-radius: 15px;
@@ -558,11 +564,6 @@ strong {
   transition: all 0.3s ease;
 }
 
-.profile-thumb:hover {
-  transform: translateY(-5px);
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
-}
-
 .profile-title {
   margin-bottom: 25px;
   padding-bottom: 15px;
@@ -698,11 +699,11 @@ strong {
   box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
 }
 
-.about-image:hover {
+/* .about-image:hover {
   transform: scale(1.05);
   filter: brightness(1.3) contrast(1.2) saturate(1.2);
   box-shadow: 0 0 30px rgba(255, 255, 255, 0.4);
-}
+} */
 
 .about-thumb {
   padding-right: 20px;
@@ -746,10 +747,6 @@ strong {
   transition: all ease 0.2s;
 }
 
-.clients-image:hover {
-  transform: scale(1.3);
-}
-
 /*---------------------------------------
   SERVICES              
 -----------------------------------------*/
@@ -1048,10 +1045,10 @@ strong {
   transition: all 0.3s ease;
 }
 
-.contact-info-card:hover {
+/* .contact-info-card:hover {
   transform: translateX(10px);
   background: rgba(255, 255, 255, 0.15);
-}
+} */
 
 .contact-info-icon {
   width: 50px;
@@ -1075,6 +1072,7 @@ strong {
 
 .contact-info-content {
   flex-grow: 1;
+  overflow: hidden;
 }
 
 .contact-info-content h4 {
@@ -1294,7 +1292,7 @@ strong {
 }
 
 .copyright-text {
-  border-right: 1px solid var(--border-color);
+  /* border-right: 1px solid var(--border-color); */
   padding-right: 25px;
   margin-right: 20px;
 }
@@ -1745,9 +1743,9 @@ strong {
     transition: transform 0.3s ease;
 }
 
-.about-image:hover {
+/* .about-image:hover {
     transform: scale(1.05);
-}
+} */
 
 /* Enhance projects section */
 .projects-thumb {
diff --git a/index.html b/index.html
index 5c12ab0..0de7f79 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@
 
       <!-- About Section -->
       <section id="about"></section>
-      <aside class="about-ad">
+      <!-- <aside class="about-ad">
         <div class="horizontal-ad-banner">
           <div class="ad-content">
             <div class="ad-icon">
@@ -47,11 +47,11 @@
             ></a>
           </div>
         </div>
-      </aside>
+      </aside> -->
 
       <!-- Featured Section -->
       <section id="featured"></section>
-      <aside class="featured-ad">
+      <!-- <aside class="featured-ad">
         <div class="feature-ad-banner">
           <div class="ad-content">
             <div class="ad-icon">
@@ -64,11 +64,11 @@
             ></a>
           </div>
         </div>
-      </aside>
+      </aside> -->
 
       <!-- Projects Section -->
       <section id="projects"></section>
-      <aside class="projects-ad">
+      <!-- <aside class="projects-ad">
         <div class="horizontal-ad-banner">
           <div class="ad-content">
             <div class="ad-icon">
@@ -83,11 +83,11 @@
             ></a>
           </div>
         </div>
-      </aside>
+      </aside> -->
 
       <!-- Services Section -->
       <section id="services"></section>
-      <aside class="services-ad">
+      <!-- <aside class="services-ad">
         <div class="feature-ad-banner">
           <div class="ad-content">
             <div class="ad-icon">
@@ -100,7 +100,7 @@
             ></a>
           </div>
         </div>
-      </aside>
+      </aside> -->
 
       <!-- Contact Section -->
       <section id="contact"></section>