-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (190 loc) · 8.97 KB
/
index.html
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio - Qari Zakir Hussain Nadwi</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#certifications">Certifications</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<section id="home" class="home-section">
<h1>Welcome to My Portfolio</h1>
</section>
<section id="about">
<h2>About Me</h2>
<div class="about-container">
<div class="photo-container">
<img src="qari zakir.jpeg" alt="Qari Zakir Hussain Nadwi">
</div>
<div class="about-text">
<p>
I am Qari Zakir Hussain Nadwi, a Hafiz and a Qari (Sab'aa & Ashara) of the Holy Qur'an, and an Alim from Nadwatul Ulema. Alongside my religious expertise, I am a passionate web developer and a teacher of Enlish and Arabic, proficient in six languages and eager to explore global opportunities.
</p>
<p>
My academic achievements include a Bachelor's degree in English from Guwahati University and a deep knowledge of Islamic studies. I combine my skills in technology and religious scholarship to offer a unique blend of services and expertise.
</p>
</div>
</div>
</section>
<section id="education">
<h2>Education</h2>
<div class="education-container">
<div class="education-item">
<h3>Bachelor's in English (Honours)</h3>
<p>Rupahi College (Affiliated to Guwahati University), 2023</p>
<a href="https://www.rupahicollege.ac.in/" target="_blank"> Visit rupahicollege</a>
<p>Guwahati University, 2023</p>
<a href="https://www.gauhati.ac.in/" target="_blank">Visit Guwahati University</a>
</div>
<div class="education-item">
<h3>Alimiyat</h3>
<p>Nadwatul Ulema, Lucknow, 2027</p>
<a href="https://www.nadwa.in/" target="_blank">Visit Nadwatul Ulema</a>
</div>
<div class="education-item">
<h3>Qirat & Hifz Qualifications</h3>
<p>Makhzanul Uloom (Irfania), Lucknow, 2014</p>
</div>
</div>
</section>
<section id="skills">
<h2>Skills</h2>
<div class="skills-container">
<div class="skill-item">
<h3>Web Development</h3>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>PHP</li>
<li>Python</li>
<li>Java</li>
</ul>
</div>
<div class="skill-item">
<h3>Languages</h3>
<ul>
<li>English</li>
<li>Arabic</li>
<li>Urdu</li>
<li>Hindi</li>
<li>Assamese</li>
<li>Bengali</li>
</ul>
</div>
<div class="skill-item">
<h3>Others</h3>
<ul>
<li>Tally Prime with GST and VAT</li>
<li>Typing with six languages</li>
<li>Qirat (Sab'aa & Ashara)</li>
</ul>
</div>
</div>
</section>
<section id="projects">
<h2>Projects</h2>
<div class="projects-container">
<div class="project-item">
<h3>Unani Medicine Clinic Website</h3>
<p>A website designed for a friend’s Unani medicine clinics to connect with patients globally.</p>
<a href="https://yourwebsite.com/unani-clinic" target="_blank">View Project</a>
</div>
<div class="project-item">
<h3>Portfolio Website</h3>
<p>This personal portfolio website showcases my skills, education, and projects.</p>
<a href="https://yourwebsite.com/portfolio" target="_blank">View Project</a>
</div>
<div class="project-item">
<h3>Intermediate School Website</h3>
<p>A website for Maulana Abul Kalam Azad Academy to provide information and resources.</p>
<a href="https://yourwebsite.com/intermediate-school" target="_blank">View Project</a>
</div>
</div>
</section>
<section id="certifications">
<h2>Certifications</h2>
<div class="certifications-container">
<div class="certification-item">
<h3>Certified Web Development</h3>
<p> Certification in Fullstake web Development with HTML,CSS,JavaScript<br>,PHP,Python </p>
<a href="https://yourwebsite.com/tally-certification" target="_blank">View Certification</a>
</div>
<div class="certification-item">
<h3>Certified Tally Prime Professional</h3>
<p>Certification in Tally Prime with GST and VAT for accounting professionals.</p>
<a href="https://yourwebsite.com/tally-certification" target="_blank">View Certification</a>
</div>
<div class="certification-item">
<h3>Hafiz of Qur'an</h3>
<p>Certification as a Hafiz, having memorized the entire Holy Qur'an.</p>
<a href="https://yourwebsite.com/hafiz-certification" target="_blank">View Certification</a>
</div>
<div class="certification-item">
<h3>Qirat Degree</h3>
<p>Degree in Qirat from Makhzanul Uloom (Irfania) Lucknow.</p>
<a href="https://yourwebsite.com/qirat-certification" target="_blank">View Certification</a>
</div>
<div class="certification-item">
<h3>Alimiyat</h3>
<p>Alimiyat certification from Nadwatul Ulema, Lucknow.</p>
<a href="https://yourwebsite.com/alimiyat-certification" target="_blank">View Certification</a>
</div>
<div class="certification-item">
<h3>H.S.L.C</h3>
<p>Completed High School Leaving Certificate (H.S.L.C).</p>
<a href="https://yourwebsite.com/hslc-certification" target="_blank">View Certification</a>
</div>
<div class="certification-item">
<h3>H.S</h3>
<p>Completed Higher Secondary (H.S) education.</p>
<a href="https://yourwebsite.com/hs-certification" target="_blank">View Certification</a>
</div>
<div class="certification-item">
<h3>Bachelor's Degree</h3>
<p>Bachelor's degree from Rupahi College, affiliated with Guwahati University.</p>
<a href="https://yourwebsite.com/bachelor-certification" target="_blank">View Certification</a>
</div>
</div>
</section>
<section id="contact">
<h2>Contact Me</h2>
<p>If you have any questions or would like to connect, feel free to reach out!</p>
<div class="contact-container">
<form action="your_form_submission_url" method="post">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="message">Message:</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit">Send Message</button>
</form>
<div class="social-media">
<h3>Connect with me:</h3>
<a href="https://www.linkedin.com/in/qari-zakir-hussain-nadwi-bb1a5a282" target="_blank">LinkedIn</a>
<a href="https://www.facebook.com/profile.php?id=100079670372325" target="_blank">Facebook</a>
<a href="https://github.com/Qarizakirnadwi" target="_blank">GitHub</a>
<a href="https://www.youtube.com/watch?v=qSSuTN2ZfKU" target="_blank">YouTube</a>
</div>
</div>
</section>
</body>
</html>