general enhancements

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">

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>

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>

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>

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>

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 {

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>