tech-masters/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

general enhancements

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2026-01-26 08:42:01 +03:00
parent c6762deb08
commit e6f4178346
7 changed files with 31 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/about.html
View File

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

6
components/contact.html
View File

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

6
components/featured.html
View File

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

2
components/footer.html
View File

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

2
components/header.html
View File

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

30
css/templatemo-first-portfolio-style.css
View File

@@ -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 {

16
index.html
View File

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