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

add photo with hight resoltions and change the primary color

Browse Source
This commit is contained in:
Mohammed Al-yaseen
2026-01-26 23:28:09 +03:00
parent e6f4178346
commit 2985df3d43
4 changed files with 432 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
components/footer.html
View File

@@ -1,14 +1,94 @@
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-lg-12 col-12">
<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> -->
<!-- Footer Brand & Description -->
<div class="col-lg-4 col-md-6 col-12 mb-4 mb-lg-0">
<div class="footer-brand">
<h3 class="footer-brand-name">Mohammed Al-yaseen</h3>
<p class="footer-description">
Senior Frontend Developer passionate about building exceptional user experiences
and scalable web applications.
</p>
</div>
</div>
<!-- Quick Links -->
<div class="col-lg-2 col-md-6 col-12 mb-4 mb-lg-0">
<h4 class="footer-heading">Quick Links</h4>
<ul class="footer-menu">
<li class="footer-menu-item">
<a href="#section_1" class="footer-menu-link click-scroll">Home</a>
</li>
<li class="footer-menu-item">
<a href="#section_2" class="footer-menu-link click-scroll">About</a>
</li>
<li class="footer-menu-item">
<a href="#section_3" class="footer-menu-link click-scroll">Services</a>
</li>
<li class="footer-menu-item">
<a href="#section_4" class="footer-menu-link click-scroll">Projects</a>
</li>
<li class="footer-menu-item">
<a href="#section_5" class="footer-menu-link click-scroll">Contact</a>
</li>
</ul>
</div>
<!-- Contact Info -->
<div class="col-lg-3 col-md-6 col-12 mb-4 mb-lg-0">
<h4 class="footer-heading">Get In Touch</h4>
<ul class="footer-contact">
<li class="footer-contact-item">
<i class="bi bi-envelope-fill"></i>
<a href="mailto:mohammed.o.alyaseen@gmail.com">mohammed.o.alyaseen@gmail.com</a>
</li>
<li class="footer-contact-item">
<i class="bi bi-telephone-fill"></i>
<a href="tel:+963-962-469-482">+963-962-469-482</a>
</li>
<li class="footer-contact-item">
<i class="bi bi-geo-alt-fill"></i>
<span>Damascus, Syria</span>
</li>
</ul>
</div>
<!-- Social Media -->
<div class="col-lg-3 col-md-6 col-12">
<h4 class="footer-heading">Follow Me</h4>
<div class="footer-social">
<ul class="social-icon">
<li class="social-icon-item">
<a href="https://www.linkedin.com/in/mohammed-al-yaseen-79b056161/"
class="social-icon-link"
target="_blank"
aria-label="LinkedIn">
<i class="bi bi-linkedin"></i>
</a>
</li>
<li class="social-icon-item">
<a href="https://github.com/mohammed-alyaseen"
class="social-icon-link"
target="_blank"
aria-label="GitHub">
<i class="bi bi-github"></i>
</a>
</li>
<li class="social-icon-item">
<a href="https://www.facebook.com/profile.php?id=100010330412662"
class="social-icon-link"
target="_blank"
aria-label="Facebook">
<i class="bi bi-facebook"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Copyright -->
</div>
</div>
</footer>