portfolio.html

 <section class="portfolio-section">

  <h2 class="section-title">📂 My Recent Projects</h2>
  <link rel="stylesheet" href="styles.css">
  <p class="section-subtitle">Here are some of my recent works showcasing mobile apps and UI projects.</p>

  <!-- Project Card -->
  <div class="project-card">
    <div class="project-preview">
      <img src="assets/images/Welcome.png" alt="Nikah Plus Preview">
    </div>
    <div class="project-details">
      <h3>Nikah Plus</h3>
      <p>
        A modern marriage matchmaking app built with <strong>Flutter & Firebase</strong>.  
        It includes secure login, profile matching, and real-time chat features.
      </p>
      <a href="https://github.com/Aroojsarfraz90/New-Nikkah-App.git" target="_blank" class="btn">🔗 View Repository</a>
    </div>
  </div>
</section>
 <!-- Footer Section -->
    <footer class="footer">
        <div class="footer-social">
            <a href="mailto:aroojsarfraz19@gmail.com" target="_blank"><i class="fa-solid fa-envelope"></i></a>
            <a href="https://github.com/Aroojsarfraz90" target="_blank"><i class="fab fa-github"></i></a>
            <a href="https://www.linkedin.com/in/arooj-sarfraz" target="_blank"><i class="fab fa-linkedin"></i></a>
          
        </div>
        <p>© 2025 Arooj Sarfraz. All Rights Reserved.</p>
    </footer>