-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
212 lines (208 loc) · 8.54 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
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tareq Hassan - Frontend Engineer</title>
<meta name="description" content="Tareq Hassan, Frontend Engineer">
<meta name="author" content="Tareq Hassan">
<link rel="shortcut icon" type="image/x-icon" href="./img/favicon.ico" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,800" rel="stylesheet">
<link href="./dist/app.css" rel="stylesheet">
<meta property="og:title" content="Tareq Hassan" />
<meta property="og:type" content="profile" />
<meta property="og:url" content="https://tareqlol.github.io/" />
<meta property="og:image" content="./img/tareq.jpg" />
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<section class="wrapper">
<section class="intro">
<div class="block avatar">
<div class="head"></div>
<div class="glasses"><div class="eyes animate"></div></div>
</div>
<div class="block intro">
<h4 class="block-title">About Me</h4>
<p>Hello there, my name is Tareq Hassan, and I am a frontend Engineer who is driven by passion and the will to learn towards Web Development. I have achieved and succeded in changing my career path from a <b>linguist</b> to a <b>developer</b>, yes that's right, I have dived into the code, into the bits and pieces of frontend development until I kickstarted the inner developer of me. <br>
I have a good experience throughout the companies I worked in, from doing basic Responsive HTML pages, to making single page JS applications where performance is a must.
</p>
</div>
<div class="block contact">
<h4 class="block-title">Contact Me</h4>
<ul>
<li>
<i class="icon icon-email"></i>
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li>
<i class="icon icon-mobile"></i>
+962 790 99 61 87
</li>
<li>
<i class="icon icon-skype"></i>
tareq.hassan90
</li>
<li>
<i class="icon icon-linkedin"></i>
<a target="_blank" href="https://www.linkedin.com/in/tareqhassan90">Tareq Hassan</a>
</li>
<li>
<i class="icon icon-location"></i>
Amman, Jordan
</li>
<li>
<i class="icon icon-heart"></i>
Married
</li>
</ul>
</div>
<div class="block languages">
<h4 class="block-title">Languages</h4>
<p>Arabic <small>Native</small></p>
<p>English <small>Excellent reading, writing and speaking</small></p>
</div>
<div class="block contact">
<h4 class="block-title">Interests</h4>
<ul>
<li>
<i class="icon icon-gamepad"></i>
Gaming
</li>
<li>
<i class="icon icon-music"></i>
Music
</li>
<li>
<i class="icon icon-travel"></i>
Travling
</li>
<li>
<i class="icon icon-swimming"></i>
Swimming
</li>
<li>
<i class="icon icon-cooking"></i>
Cooking
</li>
</ul>
</div>
<a target="_blank" href="https://www.behance.net/samar-bakri" class="designedby">
<span>Designed with </span>
<i class="icon icon-heart-filled"></i>
<span> by my lovely wife</span>
</a>
</section>
<section class="content">
<header>
<h1><b>Tareq</b> Hassan<a class="pdf" target="_blank" href="Tareq-Hassan-resume.pdf"><i class="icon icon-pdf"></i></a></h1>
<h2>Frontend Engineer </h2>
</header>
<div class="block">
<div class="main-block-title">
<i class="icon icon-experience"></i>
<p>Experience</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Frontend Engineer at Souq.com | </span> Jordan
<span>Aug 2015 - Present</span>
</header>
<p>- Leading a group of 5 People.
- Maintaining <strong>Souq.com</strong> Frontend Application.
- Developing a cross-platform <strong>(SCSS)</strong> framework built on top of Zurb Foundation.
- Developing <strong>ECMAScript 6</strong> Class Based, design patterned <strong>JavaScript</strong> modules along side with functional programming Libraries such as <strong>UnderscoreJS</strong> and <strong>Lodash</strong>.
- Applying ECMAScript 6 new features in the code.
- Writing Automated Scripts using <strong>Grunt</strong> & <strong>Gulp</strong> for Development and Production environment .
- Doing <strong>JS Profiling</strong> to maintain a high speed low profile state for the site.
- Enriching the UX of <strong>Souq.com</strong> Frontend Application.
- Stack of technologies : <strong>Foundation SCSS, RequireJS ECMAScript 6, BabelJS, Foundation 6, Grunt & Gulp</strong>.</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Software Engineer at Rocket Internet SE | </span> Germany
<span>April 2015 - August 2015 (5 months)</span>
</header>
<p>- Developing Cross compatible sites, JavaScript Oriented sites.
- Worked for a startup called EverJobs : http://everjobs.com</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Frontend Engineer at iHorizons | </span> Jordan
<span>May 2014 - March 2015 (11 months)</span>
</header>
<p>- Mainly Integrating Static PSDs Into a Dynamic , and W3C validated site Using .NET and MVC4 Framework.
- Integrating JavaScript to convey various functionality for the user.
- Maintaining Cross-browsers compatibly.
- Developing JavaScript Plugins.</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Magento Front-End Developer at ShopGo | </span> Jordan
<span>October 2012 - May 2014 (1 year 8 months)</span>
</header>
<p>- Developing High end Magento Themes PSD Slicing Using <strong>CSS</strong> and HTML , in Addition to Animation using <strong>CSS3</strong>.
- Developing Basic Magento Extension Using <strong>Magento Zend/PHP</strong>, and <strong>jQuery/Javascript</strong>.
- Took the lead of any Customization Clients.
- Maintain Themes on Monthly basis.
- Maintain Cross-compatibly for all themes.
- Solving Tickets for Clients.</p>
</div>
</div>
<div class="block">
<div class="main-block-title">
<i class="icon icon-education"></i>
<p>Education</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Jordan University of Science & Technology </span>
<span>2008 - 2011</span>
</header>
<p>Bachelor of Arts (B.A.), Applied English and Linguistics, Grade: 78.7</p>
</div>
</div>
<div class="block">
<div class="main-block-title">
<i class="icon icon-certifications"></i>
<p>Certifications</p>
</div>
<div class="content">
<header class="block-title">
<span class="lead">Magento Frontend Developer Certification (MFDC) </span>
<span>December 2014</span>
</header>
<p>Magento License z9flon5022 </p>
</div>
</div>
<div class="block">
<div class="main-block-title">
<i class="icon icon-skills"></i>
<p>Skills</p>
</div>
<div class="skill-tree">
<span>ECMAScript</span><span>Mustache.js</span><span>jQuery</span><span>JIRA</span><span>Git</span><span>CSS</span><span>E-commerce</span><span>LESS</span><span>Handlebars.js</span><span>SCSS</span><span>JavaScript</span><span>Web Design</span><span>HTML5</span><span>Facebook API</span><span>Responsive Design</span><span>PHP</span><span>Bootstrap Responsive Design</span><span>Zurb Foundation</span><span>CSS3 Animation</span><span>Compass</span><span>GruntJS</span><span>Gulp.js</span><span>Underscore.js</span><span>Node.js</span>
</div>
</div>
</section>
</section>
<script>
(function(){
window.setInterval(function animate() {
eyes = document.getElementsByClassName('eyes')[0];
eyes.classList.remove('animate');
window.setTimeout(function addAnimate(){
eyes.classList.add('animate');
}.bind(this),100);
},80000)
})();
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-49782669-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>