-
Notifications
You must be signed in to change notification settings - Fork 0
/
cv.html
151 lines (127 loc) · 8.11 KB
/
cv.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="design.css">
<title>Resume</title>
</head>
<body>
<div id="mainContainer">
<header>
<div id="nav">
<p>Atia Jabbar Khan</p>
<ul>
<li><a href="#page">About Me</a></li>
<li><a href="#skills">Professional Skills</a></li>
<li><a href="#work_experience">Working Experience</a></li>
<li><a href="#study">Education</a></li>
<li><a href="#projects">Portfolio</a></li>
</ul>
</div>
<div id="header_video">
<video src="media/abstract.mp4" autoplay muted loop></video>
<h1>Atia Khan</h1>
<p>Front-End Developer</p>
<div id="icons">
<ul>
<li><a href="tel:92385412503"><img src="media/phone-call.png" alt="Call_us" title="Call Us"></a></li>
<li><a href="mailto:atiakhan34@gmail.com"><img src="media/gmail.png" alt="mail_us" title="mail_us"></a></li>
<li><a href="https://goo.gl/maps/DbsPqv3DS1F1KgAT9" target="_blank"><img src="media/placeholder.png" alt="address" title="Address"></a></li>
<li><a href="#" target="_blank"><img src="media/pie-chart.png" alt="Portfolio" title="Portfolio"></a></li>
</ul>
</div>
<img src="media/1295853ea2e3724a42ef18d4b54d9e44--teacher-hacks-teacher-tools.jpg" alt="">
</div>
</header>
<main>
<div id="page" class="page">
<h2>About Me </h2>
<p>I am a skilled front-end developer and master of graphic design tools such as Photoshop and Sketch. I am a quick learner and a team worker that gets the job done.
I can easily capitalize on low hanging fruits and quickly maximize timely deliverables for real-time schemas. A full-time position in managing and designing business solutions to complex problems that requires entrepreneurial skills coupled with solid technical knowledge and program management experience. A full-time position in managing and designing business solutions to complex problems that requires entrepreneurial skills coupled with solid technical knowledge and program management experience. I am passionate about UI/UX design and Web Design. </p>
</div>
<div id="skills">
<h2>Professional Skills</h2>
<p>HTML <br>
<progress value="98" max="100"></progress> 98%</p>
<p>CSS <br>
<progress value="95" max="100"></progress> 95%
</p>
<p>JavaScript <br>
<progress value="60" max="100"></progress> 60%
</p>
<div id="progress">
<p>JQuery <br>
<progress value="50" max="100"></progress> 50%
</p>
<p>BootStrap <br>
<progress value="70" max="100"></progress> 70%
</p>
<p>CSS Tailwind <br>
<progress value="40" max="100"> </progress> 40%
</p>
</div>
</div>
<div id="work_experience">
<h2> Work Experience</h2>
<ul>
<li><h3>Frontend Developer at Creative Agency</h3></li>
<p><samp> May, 2015 - Present</samp></p>
<p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
<li><h3>Graphic Designer at Design Studio</h3></li>
<p><samp>June, 2013 - May, 2015</samp> </p>
<p>Override the digital divide with additional click through from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
<li><h3>Junior Web Developer at Indie Studio</h3></li>
<p><samp>Jan, 2011 - May, 2013</samp> </p>
<p>User generated content in real-time will have multiple touchpoints for offshoring. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. </p>
</ul>
</div>
<div id="study">
<h2> Education </h2>
<ul>
<li><h3>Frontend Developer at Creative Agency</h3></li>
<p><samp> May, 2015 - Present</samp></p>
<p>Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking to further the overall value proposition.</p>
<li><h3>Graphic Designer at Design Studio</h3></li>
<p><samp>June, 2013 - May, 2015</samp> </p>
<p>Override the digital divide with additional click through from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
<li><h3>Junior Web Developer at Indie Studio</h3></li>
<p><samp>Jan, 2011 - May, 2013</samp> </p>
<p>User generated content in real-time will have multiple touchpoints for offshoring. Organically grow the holistic world view of disruptive innovation via workplace diversity and empowerment. </p>
</ul>
</div>
<div id="projects">
<h2> Portfolio </h2>
<table cellspacing="20">
<thead>
</thead>
<tbody>
<tr>
<td text-align="center" >
<p>Frontend / HTML / CSS / JavaScript</p>
<h3>Cooking Website</h3>
Welcome to our website, where you can find information on some of the most beautiful places to travel in the world. Welcome to our website, where you can find information on some of the most beautiful places to travel in the world. Welcome to our website, where you can find information on some of the most beautiful places to travel in the world. <br> <br> <button type="submit">View More</button> </td>
<td><img src="media/igor-miske-JVSgcV8_vb4-unsplash.jpg" alt="travel" width="600px" height="400px"> </td>
</tr>
<tr>
<td><img src="media/igor-miske-Px3iBXV-4TU-unsplash.jpg" alt="travel" width="600px" height="400px"> </td>
<td>
<p>Frontend / HTML / CSS / JavaScript</p>
<h3>E-Commerce Website</h3>
Welcome to our website, where you can find information on some of the most beautiful places to travel in the world. Welcome to our website, where you can find information on some of the most beautiful places to travel in the world. Welcome to our website, where you can find information on some of the most beautiful places to travel in the world. <br> <br> <button type="submit">View More</button></td>
</tr>
<tr>
<td text-align="center" >
<p>Frontend / HTML / CSS / JavaScript</p>
<h3>Designing Website</h3>
Welcome to our website, where you can find information on some of the most beautiful places to travel in the world. Welcome to our website, where you can find information on some of the most beautiful places to travel in the world. Welcome to our website, where you can find information on some of the most beautiful places to travel in the world. <br> <br> <button type="submit">View More</button> </td>
<td><img src="media/eftakher-alam-i1VQZsU86ok-unsplash.jpg" alt="travel" width="600px" height="400px"> </td>
</tr>
</tbody>
</table>
</div>
</main>
</div>
</body>
</html>