-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (171 loc) · 9.06 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-178510479-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-178510479-1');
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" integrity="sha512-1PKOgIY59xJ8Co8+NE6FZ+LOAZKjy+KY8iq0G4B3CyeY6wYHN3yt9PW0XpSriVlkMXe40PTKnXrLnZ9+fkDaog==" crossorigin="anonymous" />
<link rel="stylesheet" type="text/css" href="style.css">
<meta name="description" content="Portfolio, Resume | Azhar">
<meta name="viewport" content="width=device-width">
<meta charset="utf-8" />
<title>Azhar | Portfolio</title>
</head>
<body>
<div id="container">
<nav tabindex="0">
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#education">Education</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#certifications">Certifications</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<section id="home">
<h1>Hi, my name is <span class="highlight">Mohammed Azhar Ahmed</span><br>I am a web developer</h1>
</section>
<section id="about">
<h1>About Me</h1>
<article>I am an undergraduate student from Kolkata, India working as a full stack web developer. My areas of interest includes creating webpages specifically web applications like PWAs(Progressive Web Applications) and SPAs(Single Page Applications). I also master in making javascript Canvas based animations/games using <a href="https://projects.calebevans.me/jcanvas/" target="_blank">jCanvas</a> and <a href="http://p5js.org" target="_blank">p5js</a> javascipt APIs. Not only skilled in Frontend but have well and good experience in backend developement. In the backend side I can work with serverside applications including <a href="http://php.net" target="_blank">php</a> and <a href="http://nodejs.org" target="_blank">nodejs</a> along with database management systems like <a href="http://mysql.com" target="_blank">mysql</a>. Programming languages that I know are <a href="http://python.org" target="_blank">Python</a>, <a href="http://java.com" target="_blank">Java</a> and <a href="http://directory.fsf.org/wiki/Gcc" target="_blank">C</a>. Open source softwares that I use are <a href="https://git-scm.com" target="_blank">Git</a> and <a href="http://github.com" target="_blank">Github</a>.</article>
<a href="./resume/" target="_blank"><button>My Resume</button></a>
</section>
<section id="education">
<h1>Education</h1>
<article>
<div class="card">
<span id="period">2018 - Present</span>
<img src="./files/UEM.png" alt="University's Logo">
<!--img src="https://uem.edu.in/app/themes/iem-group-wp-theme/resources/logo.png" alt="University's Logo"--->
<!--img src="https://i0.wp.com/uemgroup.s3.amazonaws.com/uploads/sites/2/2015/06/Cover-Pictures.jpg" alt="University Building"--->
<div>
<h2><a href="https://uem.edu.in/uem-kolkata" target="_blank">University of Engineering and Management, Kolkata</a></h2>
<h3>B.Tech. in Computer Science</h3>
Pursuing bachelor's degree at present under <a href="https://www.ugc.ac.in" target="_blank">University Grants Commission(UGC)</a> Board.
</div>
</div>
<div class="card">
<span id="period">2016 - 2018</span>
<img src="./files/FAPS.png" alt="Frank Anthony's Logo">
<!---img src="https://www.fapskcampuscare.in/Images/Logo.png" alt="Frank Anthony's Logo"--->
<!---img src="http://www.fapskolkata.in/images/event.jpg" alt="Frank Anthony Building"--->
<div>
<h2><a href="http://www.fapskolkata.in" target="_blank">Frank Anthony Public School, Kolkata</a></h2>
<h3>Higher Secondary School</h3>
Graduated twelfth standard with 85% under <a href="https://www.cisce.org" target="_blank">Indian School Certificate(ISC) Board</a>.
</div>
</div>
<div class="card">
<span id="period">2005 - 2016</span>
<img src="./files/SMS.png" alt="St. Mary's Logo">
<!---img src="http://www.smrcampuscare.in/Images/Logo.png" alt="St. Mary's Logo"--->
<!---img src="https://scontent.fccu3-1.fna.fbcdn.net/v/t1.0-9/1514992_490325307749068_228948756_n.jpg?_nc_cat=104&_nc_sid=9267fe&_nc_ohc=KulHblFo9QUAX--pCuG&_nc_ht=scontent.fccu3-1.fna&oh=390be44a442204a41363dcc6e897c91c&oe=5F734545" alt="St. Mary Building"--->
<div>
<h2><a href="http://www.smrcampuscare.in" target="_blank">St. Mary's School, Kolkata</a></h2>
<h3>Primary and Secondary School</h3>
Graduated tenth standard with 82% under <a href="https://www.cisce.org" target="_blank">Indian Certificate of Secondary Education(ICSE) Board</a>.
</div>
</div>
</article>
</section>
<section id="projects">
<h1>My Projects</h1>
<article></article>
<h1>Projects I contributed</h1>
<article></article>
</section>
<section id="certifications">
<h1>Certificates Achieved</h1>
<article>
<div class="certificate">
<img src="https://img-a.udemycdn.com/course/480x270/21386_e4cd_4.jpg" alt="Course Banner">
<h3>Beginner Photoshop to HTML5 and CSS3</h3>
<h4>Carl Heaton</h4>
<a href="https://www.udemy.com/certificate/UC-b07a5adb-06f2-4fa9-8a0a-afea4f66d81f/" target="_blank">Certificate</a>
</div>
<div class="certificate">
<img src="https://img-a.udemycdn.com/course/480x270/2745264_2954.jpg" alt="Course Banner">
<h3>Start Coding Browser Extensions Using JavaScript!</h3>
<h4>Joseph Delgadillo</h4>
<a href="https://www.udemy.com/certificate/UC-ba6be844-1a83-4fbb-bcde-538a21573aaa/" target="_blank">Certificate</a>
</div>
</article>
</section>
<section id="skills">
<h1>Skills</h1>
<div class="lang-container"></div>
<article>
<ul>
<li>Web Design Languages:<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</li>
<li>Web Frameworks/Libraries:<ul>
<li>jQuery</li>
<li>AngularJS</li>
<li>p5js</li>
<li>jCanvas</li>
</ul>
</li>
<li>Server Side Languages:<ul>
<li>php</li>
<li>nodejs</li>
</ul>
</li>
<li>Query Languages:<ul>
<li>MySQL</li>
</ul>
</li>
<li>Software Languages:<ul>
<li>Java</li>
<li>Python</li>
<li>C</li>
</ul>
</li>
<li>Others:
<ul>
<li>Android Studio</li>
</ul>
</li>
</ul>
</article>
</section>
<section id="contact">
<h1>Contact Me</h1>
<div>
<div>
<img src="https://via.placeholder.com/200" alt="Profile Photo">
<h3>You can find me on most social media platform by the username <a href="https://www.google.com/search?q=ahmedazhar05" target="_blank">ahmedazhar05</a> or you can reach out to me by leaving me a message in the form <span class="place"></span> or via email at <a href="mailto:ahmedazhar05@yahoo.com">ahmedazhar05@yahoo.com</a>. Talk to me about projects or simply say Hi, my inbox is open for all.</h3>
<div id="social-links"></div>
</div>
<div>
<h4>Write me a message.</h4>
<form action="javascript:void(0)">
<span class="response sending">Sending Message</span>
<span class="response success">Message Sent Successfully!</span>
<span class="response failure">Failed to Send Message!</span>
<label for="username">Name :</label><input type="text" name="username" id="username" placeholder="John Doe" required>
<br>
<label for="email">Email :</label><input type="email" name="email" id="email" placeholder="john.doe@example.com" required>
<br>
<label for="message">Message :</label><textarea name="message" id="message" cols="50" rows="10" placeholder="Message..." required></textarea>
<br>
<input type="submit" value="Submit">
</form>
</div>
</div>
</section>
<footer>Designed and Build with <span id="love">❤</span> by Azhar</footer>
</div>
<script src="script.js"></script>
</body>
</html>