Advance-Python-Programming-Applications/resources.html at main · programmarself/Advance-Python-Programming-Applications · 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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Resources | Advanced Python Programming</title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
  <header>
    <div class="nav-container">
      <div class="logo">
        <i class="fa-brands fa-python"></i> PythonPro
      </div>
      <nav>
        <button class="menu-toggle" onclick="toggleMenu()">☰</button>
        <ul class="nav-links">
          <li><a href="index.html"><i class="fas fa-home"></i> Home</a></li>
          <li><a href="about.html"><i class="fas fa-user-tie"></i> About</a></li>
          <li><a href="resources.html" class="active"><i class="fas fa-book"></i> Resources</a></li>
          <li><a href="contact.html"><i class="fas fa-envelope"></i> Contact</a></li>
        </ul>
      </nav>
    </div>
  </header>

  <section class="resources-hero">
    <div class="hero-content">
      <h1>Learning Resources</h1>
      <p>Curated materials to boost your Python journey</p>
    </div>
  </section>

  <main class="section resources-main">
    <div class="resource-categories">
      <div class="resource-category">
        <h2><i class="fas fa-graduation-cap"></i> Free Learning</h2>
        <div class="resource-grid">
          <a href="https://www.python.org/doc/" class="resource-card" target="_blank">
            <div class="resource-icon">
              <i class="fab fa-python"></i>
            </div>
            <h3>Python Documentation</h3>
            <p>Official Python language reference</p>
          </a>
          <a href="https://jupyter.org/" class="resource-card" target="_blank">
            <div class="resource-icon">
              <i class="fas fa-book-open"></i>
            </div>
            <h3>Jupyter Notebooks</h3>
            <p>Interactive computing environment</p>
          </a>
          <a href="https://realpython.com/" class="resource-card" target="_blank">
            <div class="resource-icon">
              <i class="fas fa-laptop-code"></i>
            </div>
            <h3>Real Python</h3>
            <p>Tutorials and articles</p>
          </a>
        </div>
      </div>

      <div class="resource-category">
        <h2><i class="fas fa-book"></i> Recommended Books</h2>
        <div class="resource-grid">
          <div class="resource-card">
            <div class="resource-icon">
              <i class="fas fa-book"></i>
            </div>
            <h3>Python Crash Course</h3>
            <p>By Eric Matthes</p>
            <span class="resource-tag">Beginner</span>
          </div>
          <div class="resource-card">
            <div class="resource-icon">
              <i class="fas fa-brain"></i>
            </div>
            <h3>Fluent Python</h3>
            <p>By Luciano Ramalho</p>
            <span class="resource-tag">Advanced</span>
          </div>
          <div class="resource-card">
            <div class="resource-icon">
              <i class="fas fa-chart-line"></i>
            </div>
            <h3>Python for Data Analysis</h3>
            <p>By Wes McKinney</p>
            <span class="resource-tag">Data Science</span>
          </div>
        </div>
      </div>
    </div>
  </main>

  <footer>
    <div class="footer-content">
      <div class="footer-col">
        <h3>PythonPro</h3>
        <p>Advancing Python education since 2023</p>
      </div>
      <div class="footer-col">
        <h4>Quick Links</h4>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="resources.html">Resources</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Connect</h4>
        <div class="social-links">
          <a href="https://github.com/programmarself" target="_blank"><i class="fab fa-github"></i></a>
          <a href="https://www.linkedin.com/in/iukhan/" target="_blank"><i class="fab fa-linkedin"></i></a>
          <a href="https://programmarself.github.io/My_Portfolio/" target="_blank"><i class="fa fa-briefcase"></i></a>
        </div>
      </div>
    </div>
    <div class="copyright">
<p>&copy; 2025 Advanced Python Programming & Applications | All rights reserved</p>
      <p>By: <strong>Irfan Ullah Khan</strong></p>
      <a href="https://www.linkedin.com/in/iukhan/" target="_blank">LinkedIn</a> |
      <a href="https://github.com/programmarself" target="_blank">GitHub</a> |
      <a href="https://programmarself.github.io/My_Portfolio/" target="_blank">Portfolio</a>    </div>
  </footer>

  <script src="script.js"></script>
</body>
</html>