Web-Dev/project.html at main · adnanms699/Web-Dev · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Projects</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css">
     <link rel="stylesheet" href="style.css">

</head>
<body>
    <header>
   <nav>
    <div class="social-icons">
        <a href="https://www.linkedin.com/in/adnan-fazi" target ="_blank"><i class="bi bi-linkedin"></i></a>
        <a href="https://github.com/adnanms699" target ="_blank"><i class="bi bi-github"></i></a>
        <a href="https://mail.google.com/mail/?view=cm&fs=1&to=adnanms699@gmail.com" target ="_blank"><i class="bi bi-envelope-fill"></i></a>
    </div>
        <ul>
        <li><a href="index.html">About</a></li>
        <li><a href="experience.html">Experience</a></li>
        <li><a href="project.html">Projects</a></li>
        <li><a href="blog.html">Blog</a></li>
        <li><a href="photography.html">Photography</a></li>
      </ul>
   </nav>
  </header>

    <section class = "projects" id="projects">
    <h2 class = "projects-title">Projects</h2>
    <div class="projects-container">
    <article class="project-card">
        <h3><u>Web Development</u></h3>
        <p class="project-description">This repository documents my self-taught journey in frontend development, covering essential languages and technologies such as HTML, CSS, and JavaScript. It contains basic codes I wrote for my portfolio that reflects my foundational skills as a web developer.</p>
        <button id="Web-Dev">View on GitHub</button>
    </article>
    <article class="project-card">
        <h3><u>Python Libraries</u></h3>
        <p class="project-description">This repository documents my self-taught journey in Python for Data Science and Data Analytics by covering essential libraries and tools such as NumPy, Pandas, etc. It contains basic codes and excercises that reflects my foundational skills in data analysis and visualization.</p>
        <button id="Python_Data">View on GitHub</button>
    </article>
    </div>
    </section>

   <script src="index.js"></script>
   <footer>
    <p>&copy; 2026 Adnan Fazi. All rights reserved.</p>
   </footer>

</body>
</html>