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

Update project descriptions, enhance image handling, and add lightbox functionality

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2025-05-14 22:39:31 +03:00
parent 48d0801081
commit 814fb97207
3 changed files with 186 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
index.html
View File

@@ -100,7 +100,7 @@
<h5 class="hero-title ms-3 mb-0">Hello friend!</h5>
</div>
<h2 class="mb-4">I’m available for freelance work.</h2>
<h2 class="mb-4">I'm available for freelance work.</h2>
<p class="mb-4">
<a class="custom-btn btn custom-link" href="#section_2"
>Let's begin</a
@@ -346,40 +346,36 @@
<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>
<p class="projects-description">A secure login system for law office management with role-based access control and advanced security features.</p>
<div class="projects-links">
<a href="#" class="projects-link">View Demo</a>
<a href="#" class="projects-link">Source Code</a>
</div>
</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=""
/>
<img src="images/projects/law-office-login.png" class="projects-image img-fluid" alt="Law Office Login System" />
</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>
<p class="projects-description">A modern payment system login interface with secure authentication and user-friendly design.</p>
<div class="projects-links">
<a href="#" class="projects-link">View Demo</a>
<a href="#" class="projects-link">Source Code</a>
</div>
</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=""
/>
<img src="images/projects/easy-pay-login.png" class="projects-image img-fluid" alt="Easy Pay Login System" />
</a>
</div>
</div>
@@ -387,20 +383,16 @@
<div class="col-lg-4 col-md-6 col-12">
<div class="projects-thumb">
<div class="projects-info">
<small class="projects-tag">Website</small>
<small class="projects-tag">E-commerce</small>
<h3 class="projects-title">Cloths Ecommerce</h3>
<p class="projects-description">A full-featured e-commerce platform for clothing with advanced filtering and shopping cart functionality.</p>
<div class="projects-links">
<a href="#" class="projects-link">View Demo</a>
<a href="#" class="projects-link">Source Code</a>
</div>
</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 href="images/projects/cloths-e-commerce.png" class="popup-image">
<img src="images/projects/cloths-e-commerce.png" class="projects-image img-fluid" alt="Clothing E-commerce Platform" />
</a>
</div>
</div>
@@ -409,10 +401,8 @@
<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"
@@ -430,10 +420,8 @@
<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"
@@ -451,10 +439,8 @@
<div class="projects-thumb">
<div class="projects-info">
<small class="projects-tag">Website</small>
<h3 class="projects-title">NANS's CRM</h3>
</div>
<a
href="images/projects/nanas-main-dashboard.png"
class="popup-image"
@@ -472,10 +458,8 @@
<div class="projects-thumb">
<div class="projects-info">
<small class="projects-tag">Website</small>
<h3 class="projects-title">Majsin's Restaurant</h3>
</div>
<a
href="images/projects/majsin-dashborad.png"
class="popup-image"
@@ -493,10 +477,8 @@
<div class="projects-thumb">
<div class="projects-info">
<small class="projects-tag">Website</small>
<h3 class="projects-title">BPro's ERP System</h3>
</div>
<a href="images/projects/bpro-erp.jpg" class="popup-image">
<img
src="images/projects/bpro-erp.jpg"
@@ -511,10 +493,8 @@
<div class="projects-thumb">
<div class="projects-info">
<small class="projects-tag">Website</small>
<h3 class="projects-title">Moneyout Bank</h3>
</div>
<a
href="images/projects/moneyout.png"
class="popup-image"
@@ -527,8 +507,6 @@
</a>
</div>
</div>
</div>
</div>
</section>
@@ -761,7 +739,7 @@
>Start a project</strong
>
<p class="mb-0">I’m available for freelance projects</p>
<p class="mb-0">I'm available for freelance projects</p>
</div>
</div>
@@ -932,12 +910,12 @@
<div class="copyright-text-wrap">
<p class="mb-0">
<span class="copyright-text"
>Copyright © 2036 <a href="#">First Portfolio</a> Company. All
>Copyright © 2025. All
rights reserved.</span
>
Design:
<a rel="sponsored" href="https://templatemo.com" target="_blank"
>TemplateMo</a
<a rel="sponsored" href="https://mohammed-alyaseen.github.io/portfolio" target="_blank"
>Mohammed Al-Yaseen</a
>
</p>
</div>
@@ -954,5 +932,13 @@
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<script src="js/custom.js"></script>
<!-- Add Lightbox HTML -->
<div class="lightbox">
<div class="lightbox-content">
<span class="lightbox-close">&times;</span>
<img src="" alt="" class="lightbox-image">
</div>
</div>
</body>
</html>