Skip to content

Commit e553a44

Browse files
programmarselfprogrammarself
authored
Add files via upload
1 parent 023cce9 commit e553a44

File tree

6 files changed

+2178
-0
lines changed

6 files changed

+2178
-0
lines changed

‎about.html‎

Lines changed: 161 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>About | Advanced Python Programming</title>
7+
<link rel="stylesheet" href="style.css">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9+
</head>
10+
<body>
11+
<header>
12+
<div class="nav-container">
13+
<div class="logo">
14+
<i class="fas fa-code"></i> PythonPro
15+
</div>
16+
<nav>
17+
<button class="menu-toggle" onclick="toggleMenu()">☰</button>
18+
<ul class="nav-links">
19+
<li><a href="index.html"><i class="fas fa-home"></i> Home</a></li>
20+
<li><a href="about.html" class="active"><i class="fas fa-user-tie"></i> About</a></li>
21+
<li><a href="resources.html"><i class="fas fa-book"></i> Resources</a></li>
22+
<li><a href="contact.html"><i class="fas fa-envelope"></i> Contact</a></li>
23+
</ul>
24+
</nav>
25+
</div>
26+
</header>
27+
28+
<section class="about-hero">
29+
<div class="hero-content">
30+
<h1>About the Program</h1>
31+
<p>Learn from industry experts and academic leaders</p>
32+
</div>
33+
</section>
34+
35+
<section class="section instructor-profile">
36+
<div class="profile-card">
37+
<div class="profile-img">
38+
<img src="images/atif-khan.jpg" alt="Dr. Atif Khan">
39+
</div>
40+
<div class="profile-content">
41+
<h2><i class="fas fa-chalkboard-teacher"></i> Dr. Atif Khan</h2>
42+
<p class="title">Associate Professor, Islamia College Peshawar</p>
43+
<div class="social-links">
44+
<a href="#"><i class="fab fa-linkedin"></i></a>
45+
<a href="#"><i class="fab fa-researchgate"></i></a>
46+
<a href="#"><i class="fas fa-envelope"></i></a>
47+
</div>
48+
<p class="bio">With over 12 years of experience in teaching Python programming and data science, Dr. Khan specializes in machine learning applications and has published numerous research papers in international journals.</p>
49+
<div class="stats">
50+
<div class="stat-item">
51+
<div class="stat-number">12+</div>
52+
<div class="stat-label">Years Experience</div>
53+
</div>
54+
<div class="stat-item">
55+
<div class="stat-number">300+</div>
56+
<div class="stat-label">Students Trained</div>
57+
</div>
58+
</div>
59+
</div>
60+
</div>
61+
</section>
62+
63+
<section class="section timeline-section">
64+
<div class="section-header">
65+
<h2><i class="fas fa-calendar-alt"></i> Course Timeline</h2>
66+
</div>
67+
<div class="timeline">
68+
<div class="timeline-item">
69+
<div class="timeline-date">Weeks 1-4</div>
70+
<div class="timeline-content">
71+
<h3>Python Fundamentals</h3>
72+
<ul>
73+
<li>Data structures and algorithms</li>
74+
<li>Object-oriented programming</li>
75+
<li>File handling and exceptions</li>
76+
</ul>
77+
</div>
78+
</div>
79+
<div class="timeline-item">
80+
<div class="timeline-date">Weeks 5-8</div>
81+
<div class="timeline-content">
82+
<h3>Data Science</h3>
83+
<ul>
84+
<li>Pandas for data manipulation</li>
85+
<li>NumPy for numerical computing</li>
86+
<li>Data visualization with Matplotlib</li>
87+
</ul>
88+
</div>
89+
</div>
90+
<div class="timeline-item">
91+
<div class="timeline-date">Weeks 9-12</div>
92+
<div class="timeline-content">
93+
<h3>Advanced Topics</h3>
94+
<ul>
95+
<li>Machine learning basics</li>
96+
<li>Web scraping and APIs</li>
97+
<li>Final project development</li>
98+
</ul>
99+
</div>
100+
</div>
101+
</div>
102+
</section>
103+
104+
<section class="section gallery-section">
105+
<div class="section-header">
106+
<h2><i class="fas fa-images"></i> Classroom Gallery</h2>
107+
</div>
108+
<div class="gallery-grid">
109+
<div class="gallery-item" onclick="openModal('images/class1.jpg')">
110+
<img src="images/class1.jpg" alt="Classroom session">
111+
<div class="gallery-overlay"><i class="fas fa-search-plus"></i></div>
112+
</div>
113+
<div class="gallery-item" onclick="openModal('images/class2.jpg')">
114+
<img src="images/class2.jpg" alt="Group project">
115+
<div class="gallery-overlay"><i class="fas fa-search-plus"></i></div>
116+
</div>
117+
<div class="gallery-item" onclick="openModal('images/class3.jpg')">
118+
<img src="images/class3.jpg" alt="Coding workshop">
119+
<div class="gallery-overlay"><i class="fas fa-search-plus"></i></div>
120+
</div>
121+
</div>
122+
</section>
123+
124+
<footer>
125+
<div class="footer-content">
126+
<div class="footer-col">
127+
<h3>PythonPro</h3>
128+
<p>Advancing Python education since 2023</p>
129+
</div>
130+
<div class="footer-col">
131+
<h4>Quick Links</h4>
132+
<ul>
133+
<li><a href="index.html">Home</a></li>
134+
<li><a href="about.html">About</a></li>
135+
<li><a href="resources.html">Resources</a></li>
136+
<li><a href="contact.html">Contact</a></li>
137+
</ul>
138+
</div>
139+
<div class="footer-col">
140+
<h4>Connect</h4>
141+
<div class="social-links">
142+
<a href="#"><i class="fab fa-github"></i></a>
143+
<a href="#"><i class="fab fa-linkedin"></i></a>
144+
<a href="#"><i class="fab fa-twitter"></i></a>
145+
</div>
146+
</div>
147+
</div>
148+
<div class="copyright">
149+
<p>&copy; 2023 Advanced Python Programming. All rights reserved.</p>
150+
</div>
151+
</footer>
152+
153+
<div id="gallery-modal" class="modal">
154+
<span class="close-modal" onclick="closeModal()">&times;</span>
155+
<img class="modal-content" id="modal-image">
156+
<div class="caption"></div>
157+
</div>
158+
159+
<script src="script.js"></script>
160+
</body>
161+
</html>

‎contact.html‎

Lines changed: 115 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,115 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Contact | Advanced Python Programming</title>
7+
<link rel="stylesheet" href="style.css">
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9+
</head>
10+
<body>
11+
<header>
12+
<div class="nav-container">
13+
<div class="logo">
14+
<i class="fas fa-code"></i> PythonPro
15+
</div>
16+
<nav>
17+
<button class="menu-toggle" onclick="toggleMenu()">☰</button>
18+
<ul class="nav-links">
19+
<li><a href="index.html"><i class="fas fa-home"></i> Home</a></li>
20+
<li><a href="about.html"><i class="fas fa-user-tie"></i> About</a></li>
21+
<li><a href="resources.html"><i class="fas fa-book"></i> Resources</a></li>
22+
<li><a href="contact.html" class="active"><i class="fas fa-envelope"></i> Contact</a></li>
23+
</ul>
24+
</nav>
25+
</div>
26+
</header>
27+
28+
<section class="contact-hero">
29+
<div class="hero-content">
30+
<h1>Get In Touch</h1>
31+
<p>We'd love to hear from you</p>
32+
</div>
33+
</section>
34+
35+
<section class="section contact-section">
36+
<div class="contact-container">
37+
<div class="contact-info">
38+
<h2><i class="fas fa-paper-plane"></i> Contact Information</h2>
39+
<div class="info-item">
40+
<i class="fas fa-map-marker-alt"></i>
41+
<p>Islamia College Peshawar, Pakistan</p>
42+
</div>
43+
<div class="info-item">
44+
<i class="fas fa-envelope"></i>
45+
<p>info@pythonpro.edu</p>
46+
</div>
47+
<div class="info-item">
48+
<i class="fas fa-phone"></i>
49+
<p>+92 123 4567890</p>
50+
</div>
51+
<div class="social-links">
52+
<a href="#"><i class="fab fa-linkedin"></i></a>
53+
<a href="#"><i class="fab fa-twitter"></i></a>
54+
<a href="#"><i class="fab fa-github"></i></a>
55+
</div>
56+
</div>
57+
<div class="contact-form">
58+
<h2><i class="fas fa-comment-dots"></i> Send Us a Message</h2>
59+
<form id="contactForm">
60+
<div class="form-group">
61+
<label for="name">Name</label>
62+
<input type="text" id="name" required>
63+
</div>
64+
<div class="form-group">
65+
<label for="email">Email</label>
66+
<input type="email" id="email" required>
67+
</div>
68+
<div class="form-group">
69+
<label for="subject">Subject</label>
70+
<input type="text" id="subject">
71+
</div>
72+
<div class="form-group">
73+
<label for="message">Message</label>
74+
<textarea id="message" rows="5" required></textarea>
75+
</div>
76+
<button type="submit" class="btn btn-primary">
77+
<i class="fas fa-paper-plane"></i> Send Message
78+
</button>
79+
</form>
80+
</div>
81+
</div>
82+
</section>
83+
84+
<footer>
85+
<div class="footer-content">
86+
<div class="footer-col">
87+
<h3>PythonPro</h3>
88+
<p>Advancing Python education since 2023</p>
89+
</div>
90+
<div class="footer-col">
91+
<h4>Quick Links</h4>
92+
<ul>
93+
<li><a href="index.html">Home</a></li>
94+
<li><a href="about.html">About</a></li>
95+
<li><a href="resources.html">Resources</a></li>
96+
<li><a href="contact.html">Contact</a></li>
97+
</ul>
98+
</div>
99+
<div class="footer-col">
100+
<h4>Connect</h4>
101+
<div class="social-links">
102+
<a href="#"><i class="fab fa-github"></i></a>
103+
<a href="#"><i class="fab fa-linkedin"></i></a>
104+
<a href="#"><i class="fab fa-twitter"></i></a>
105+
</div>
106+
</div>
107+
</div>
108+
<div class="copyright">
109+
<p>&copy; 2023 Advanced Python Programming. All rights reserved.</p>
110+
</div>
111+
</footer>
112+
113+
<script src="script.js"></script>
114+
</body>
115+
</html>

0 commit comments

Comments
 (0)