-
Notifications
You must be signed in to change notification settings - Fork 0
/
skills.html
202 lines (185 loc) · 9.26 KB
/
skills.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
197
198
199
200
201
202
<!DOCTYPE HTML>
<!--
Future Imperfect by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Ali Hassan Protfolio
</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body class="single is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Ali Hassan</a></h1>
<nav class="links">
<ul>
<li><a href="single.html">Profile</a></li>
<li><a href="skills.html">Skills</a></li>
<li><a href="#">Experience</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Activities & LeaderShip</a></li>
<li><a href="#">Contact Me</a></li>
</ul>
</nav>
<nav class="main">
<ul>
<li class="search">
<a class="fa-search" href="#search">Search</a>
<form id="search" method="get" action="#">
<input type="text" name="query" placeholder="Search" />
</form>
</li>
<li class="menu">
<a class="fa-bars" href="#menu">Menu</a>
</li>
</ul>
</nav>
</header>
<section id="menu">
<!-- Search -->
<section>
<form class="search" method="get" action="#">
<input type="text" name="query" placeholder="Search" />
</form>
</section>
<!-- Links -->
<section>
<ul class="links">
<li>
<a href="#">
<h3>Profile & Education</h3>
<p>Learn about my background and academic achievements</p>
</a>
</li>
<li>
<a href="#">
<h3>Skills & Experience</h3>
<p>Discover my technical expertise and professional journey</p>
</a>
</li>
<li>
<a href="#">
<h3>Projects</h3>
<p>Explore the projects I have worked on</p>
</a>
</li>
<li>
<a href="#">
<h3>Activities & Leadership</h3>
<p>See my involvement in extracurricular activities and leadership roles</p>
</a>
</li>
</ul>
</section>
<!-- Actions -->
<section>
<ul class="actions stacked">
<li><a href="#" class="button large fit">Contact Me</a></li>
</ul>
</section>
</section>
<!-- Main -->
<div id="main">
<!-- Post -->
<article class="post">
<header>
<div class="title">
<h2><a href="single.html">Skills</a></h2>
<p>"Harnessing a diverse skill set to drive innovation and excellence in technology."</p>
</div>
<div class="meta">
<span class="published">
Professional Experience:
</span>
<time class="published" datetime="2026-06-15" style="font-weight: 600;"> Almost 2 Years</time>
<a href="#" class="author"><span class="name">Ali Hassan</span><img src="images/profile.jpg" alt="" /></a>
</div>
</header>
<span class="image featured"><img src="images/6.jpg" alt="" /></span>
<p>
<strong>Fast National University of Computing and Emerging Sciences, Chiniot, Pakistan</strong><br>
<strong>Bachelors in Computer Science</strong><br>
<h6>Expected Graduation: JUNE 2026</h6>
</p>
<ul>
<li><strong>Programming Languages:</strong>
<ul>
<li>C++: Strong command over object-oriented programming and data structures.</li>
<li>C: Proficient in system programming and embedded systems.</li>
<li>C#: Experienced in developing Windows Forms applications.</li>
<li>Python: Skilled in scripting, data analysis, and machine learning libraries such as NumPy and SciPy.</li>
<li>NASM (Assembly): Understanding of low-level programming and computer architecture.</li>
</ul>
</li>
<li><strong>Web Development:</strong>
<ul>
<li>HTML/CSS: Expertise in creating responsive and modern web designs.</li>
<li>Bootstrap & Tailwind: Proficient in using frameworks for faster and efficient web development.</li>
<li>JavaScript: Experienced in client-side scripting and interactive web features.</li>
<li>MERN stack (MongoDB, Express, React, Node.js): Strong skills in full-stack web development and building dynamic web applications.</li>
</ul>
</li>
<li><strong>Database Management Systems:</strong>
<ul>
<li>SQL: Proficient in writing complex queries and managing relational databases.</li>
<li>PL/SQL: Skilled in procedural extensions for SQL, used in Oracle databases.</li>
</ul>
</li>
<li><strong>Software Proficiency:</strong>
<ul>
<li>Git-GitHub: Experienced in version control and collaborative development.</li>
<li>VSCode & Visual Studio: Proficient in using integrated development environments for coding and debugging.</li>
<li>Microsoft Office: Adept in using Word, Access, PowerPoint, Excel, and Visio for documentation and presentations.</li>
</ul>
</li>
<li><strong>Additional Skills:</strong>
<ul>
<li>Front-End Developer: Completed a course in front-end development, proficient in HTML, CSS, and JavaScript.</li>
<li>Hackathon Participation: Competed in hackathons, developing innovative projects with global impact.</li>
<li>Teaching Assistant: Assisted in teaching three courses simultaneously while maintaining a high GPA.</li>
<li>SWE Fellow at Headstarter AI: Engaged in advanced AI projects and practical applications.</li>
</ul>
</li>
</ul>
<footer>
<ul class="stats">
<li><a href="#">Education</a></li>
<li><a href="#" class="icon solid fa-graduation-cap">Degree</a></li>
<li><a href="#" class="icon solid fa-award">Honors</a></li>
<li><a href="#" class="icon solid fa-book">Courses</a></li>
</ul>
</footer>
</article>
</div>
<!-- Footer -->
<section id="footer">
<ul class="icons">
<li><a href="tel:+923025016418" class="fa fa-phone"><span class="label">Phone</span></a></li>
<li><a href="https://x.com/AliHass76361768" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/JIN-15" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="https://www.instagram.com/i_alihassan_15/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.linkedin.com/in/ali-hassan-08b306226/" class="fa fa-linkedin-square"><span class="label">LinkedIn</span></a></li>
<li><a href="mailto:hassanakramali@gmail.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<p class="copyright">© 2024 Ali Hassan. Design by <a href="index.html"> Ali Hassan..</a></a>.</p>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
</body>
</html>