This repository has been archived by the owner on Mar 27, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Portfolio.html
224 lines (177 loc) · 7.96 KB
/
Portfolio.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
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE HTML>
<!--
Ethereal by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Profile</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" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Wrapper -->
<div id="wrapper">
<!-- Panel (Banner) -->
<section class="panel banner right">
<div class="content color0 span-3-75">
<h1 class="major">Hi,This is <br />
Saba Rafique</h1>
<p>Passionate and hard working <strong>Software Engineer</strong>, having keen desire to work in a well known software company to enhance my skills and to have an independent professional life style :)</p>
<ul class="contact-icons color1">
<li class="icon brands fa-facebook-f"><a href=https://www.facebook.com/saba.rafique.18>Saba Rafique</a></li>
</ul><ul class="actions">
<li><a href="#first" class="button primary color1 circle icon solid fa-angle-right">Next</a></li>
</ul>
</div>
<div class="image filtered span-1-75" data-position="25% 25%">
<img src="images/soft.jpg" alt="" />
</div>
</section>
<!-- Panel (Spotlight) -->
<section class="panel spotlight medium right" id="first">
<div class="content span-7">
<h2 class="major">Education</h2>
<p><b>BS Software Engineering</b>
from Punjab University College of Information Technology (PUCIT),Batch of 2017.
<b>FSc Pre-Engineering</b>
from Punjab College of Science,mainly from Punjab Group Of Colleges ,Campus 3B.
<b>Matriculation</b>
from Govt Model Girls High School,Gulshan e Ravi Lhr.</p>
</div>
<div class="image filtered tinted" data-position="top left">
<img src="images/e3.jpg" alt="" />
</div>
</section>
<!-- Panel -->
<section class="panel color1">
<div class="intro joined">
<h2 class="major">Contact Info</h2>
<p><ol><b>Phone</b> : 03164046689<br>
<b>Email</b> : [email protected] [email protected]</ol>
<ul class="contact-icons color1">
<li class="icon brands fa-facebook-f"><a href=https://www.facebook.com/saba.rafique.18>Saba Rafique</a></li>
</ul></p>
</div>
<div class="inner">
<ul class="grid-icons three connected">
<li><span class="icon fa-gem"><span class="label"></span></span></li>
<li><span class="icon solid fa-camera-retro"><span class="label"></span></span></li>
<li><span class="icon solid fa-cog"><span class="label"></span></span></li>
<li><span class="icon solid fa-paper-plane"><span class="label"></span></span></li>
<li><span class="icon solid fa-chart-bar"><span class="label"></span></span></li>
<li><span class="icon solid fa-code"><span class="label"></span></span></li>
</ul>
</div>
</section>
<!-- Panel (Spotlight) -->
<section class="panel spotlight large left">
<div class="content span-5">
<h2 class="major">Skills</h2>
<p><b>Hard Skills</b>
<ul list-style-type = "square">
HTML,
CSS,
Bootstrap,
C++,
C#,
Java,
JavaScript,
AJAX,
MERN Stack Working,
SQL,
JSON,
Python
</ul>
<b>Soft Skills</b>
<ul list-style-type = "square">
<li>Creativity</li>
<li>Team Lead and Management</li>
<li>Problem Solving</li>
<li>Analytical Thinking</li>
<li>Communication skills</li>
<li>Designing</li>
</ul></p>
</div>
<div class="image filtered tinted" data-position="top right">
<img src="images/team.jpg" alt="" />
</div>
</section>
<!-- Panel -->
<section class="panel">
<div class="intro color2">
<h2 class="major">Work Experience/Certification</h2>
<p><h3>Character Designer</h3>
I have learned online character designing from different platforms like Coursera,Plural sight.I gained certificates with 80% score.This helped me a lot in UI/UX designing of gaming apps.
<div class="actions">
<a href="images/Certificate 2.pdf" class="button primary color2 icon solid fa-cog">View Certificate</a>
</div>
</div>
<div class="gallery">
<a href="images/gallery/fulls/code.jpg" class="image filtered span-2-5" data-position="top"><img src="images/gallery/thumbs/code.jpg" alt="" /></a>
</div>
</section>
<!-- Panel -->
<section class="panel color4-alt">
<div class="intro color4">
<h2 class="major">Analyst</h2>
<p>
I did online project related to basic sentiment analysis of different products.This helped me in understanding machine learning by using tensorflow.
<div class="actions">
<a href="images/Certificate 3.pdf" class="button primary color2 icon solid fa-cog">View Certificate</a>
</div>
<h3>Agile Practices</h3>
I have taken online classes to learn agile practices and methods for project management purposes.This was a great help for me in making software project management plans for my university projects.
<div class="actions">
<a href="images/Certificate 1.pdf" class="button primary color2 icon solid fa-cog">View Certificate</a>
</div> </p>
</div>
</section>
<!-- Panel -->
<section class="panel color2-alt">
<div class="intro color2">
<h2 class="major">Projects</h2>
<p>
<h3>Online Tailor Management Project</h3>
Using C#,asp.net framework.
<h3>Medical Aid And Donation Monitoring System</h3>
using MERN stack website based project.
</div>
<div class="inner columns aligned">
<div class="span-2-75">
<h3 class="major">Meeting Management System</h3>
<p>
using HTML,BOOtStrap,JAVA,JAVASCRIPT,React,MongoDB,tomCat server.
<h3>DataBase Working Project</h3>
Project for understanding working of DBMS ,sql commands,sql procedures.
<h3>Programming Assigments</h3>
different programming tasks in OOP,C++,DSA.
<br>
<br>
<a href="https://github.com/sabarafiq0987/myprofile/tree/main/images/Codes" class="button primary color2 icon solid fa-cog">View Codes</a>
</p>
</div>
<div class="inner columns aligned">
<div class="span-2-75">
<h3 class="major">Other Achievements</h3>
<p>I have always been a hard working person.I always do the things with learning perspective and it has been a great help for my daily life and academic growth.I got my name on 15th position in Principal's list of my University.I made it possible merely by time management and putting my best efforts.
<br>
<br>
<a href="https://pucit.edu.pk/bs-software-engineering-2/" class="button primary color2 icon solid fa-cog">PRINCIPAL'S LIST</a>
</p>
</div>
</section>
</div>
</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/main.js"></script>
</body>
</html>