94 lines
3.3 KiB
HTML
94 lines
3.3 KiB
HTML
<footer class="site-footer">
|
|
<div class="container">
|
|
<div class="row">
|
|
<!-- 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> |