-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
404 lines (401 loc) · 19.3 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
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Aseel Yaser | Portofolio Website</title>
<link rel="stylesheet" href="style.css" />
<link
href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css"
rel="stylesheet"
/>
<link rel="icon" type="image/png" href="imgs/favicon-16x16.png">
</head>
<body>
<!-- Header Site -->
<header>
<div class="logo"><span>A</span>seel.</div>
<ul class="navlist">
<li><a href="#Home" style="--i: 1">Home</a></li>
<li><a href="#About" style="--i: 2">About</a></li>
<li><a href="#Services" style="--i: 3">Services</a></li>
<li><a href="#Porofolio" style="--i: 4">Porofolio</a></li>
<li><a href="#Contact" style="--i: 5">Contact</a></li>
</ul>
<div id="menu-icon" class="bx bx-menu"></div>
</header>
<!-- Home Section -->
<section id="Home" class="home">
<div class="home-content scroll-scale">
<h1>Hi! I'm Aseel Yaser</h1>
<div class="change-text">
<h3>And I'm</h3>
<h3>
<span class="word">Quality Assurance</span>
<span class="word">Wordpress Developer</span>
<!-- <span class="word">Frontend Developer</span> -->
</h3>
</div>
<p>
As a Quality Assurance and WordPress Developer, I specialize in manual
testing, automation testing, performance testing, and developing
WordPress websites. I have a keen eye for detail and a commitment to
delivering high-quality digital solutions.
</p>
<div class="info-box">
<div class="email-info">
<h5>Email :</h5>
<span>aseelyaserco@gmail.com</span>
</div>
<!-- <div class="linkedin-info">
<h5>Linkedin :</h5>
<span>linkedin.com/in/aseel-yaser/</span>
</div> -->
</div>
<div class="btn-box">
<a href="/cv/Aseel Yaser-Quality Assurance.pdf" class="btn" download
>Download CV</a
>
<a
href="https://mail.google.com/mail/?view=cm&fs=1&to=aseelyaserco@gmail.com"
class="btn"
target="_blank"
>Hire Me Now!</a
>
</div>
<div class="social-icons">
<a href="https://www.linkedin.com/in/aseel-yaser/" target="_blank">
<i class="bx bxl-linkedin"></i>
</a>
<a href="https://mail.google.com/mail/?view=cm&fs=1&to=aseelyaserco@gmail.com" target="_blank">
<i class="bx bxl-gmail"></i>
</a>
<a href="https://github.com/AseelYaser" target="_blank">
<i class="bx bxl-github"></i>
</a>
<a href="https://www.codewars.com/users/Aseelyaser" target="_blank">
<i class="bx bx-code-alt"></i>
</a>
</div>
</div>
<!-- NOTE: commented untill have imgs -->
<div class="home-image scroll-scale">
<div class="img-box">
<img src="/imgs/11-removebg-preview.png" alt="" />
</div>
<!-- <div class="liquid-shape">
<svg
viewBox="0 0 500 500"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%"
id="blobSvg"
>
<path fill="#12f7ff">
<animate
attributeName="d"
dur="20000ms"
repeatCount="indefinite"
values="
M449,306Q443,362,396,391.5Q349,421,299.5,417.5Q250,414,206,408.5Q162,403,108,383Q54,363,50,306.5Q46,250,48.5,192.5Q51,135,95,96.5Q139,58,194.5,49.5Q250,41,300.5,58Q351,75,376,119Q401,163,428,206.5Q455,250,449,306Z;
M440.5,288.5Q383,327,369,379.5Q355,432,302.5,452Q250,472,200.5,446.5Q151,421,112,386.5Q73,352,66,301Q59,250,61,196Q63,142,110,115Q157,88,203.5,46.5Q250,5,304,33.5Q358,62,411.5,94Q465,126,481.5,188Q498,250,440.5,288.5Z;
M414,290.5Q390,331,373,382.5Q356,434,303,444Q250,454,192.5,451.5Q135,449,107.5,398.5Q80,348,51.5,299Q23,250,70,211.5Q117,173,128,115.5Q139,58,194.5,71Q250,84,295.5,88Q341,92,370.5,127.5Q400,163,419,206.5Q438,250,414,290.5Z;
M455,303Q433,356,391.5,389.5Q350,423,300,416.5Q250,410,195.5,424.5Q141,439,101,399Q61,359,61,304.5Q61,250,83,208.5Q105,167,119,107.5Q133,48,191.5,66.5Q250,85,289,100Q328,115,394,122Q460,129,468.5,189.5Q477,250,455,303Z;
M427,293.5Q400,337,366.5,365.5Q333,394,291.5,426.5Q250,459,206,430.5Q162,402,133.5,368Q105,334,54.5,292Q4,250,48,204.5Q92,159,112.5,103Q133,47,191.5,52.5Q250,58,307,55.5Q364,53,403.5,95.5Q443,138,448.5,194Q454,250,427,293.5Z;
M438,299.5Q421,349,382,379.5Q343,410,296.5,418Q250,426,197,430Q144,434,98.5,398.5Q53,363,27.5,306.5Q2,250,52,207.5Q102,165,137.5,141Q173,117,211.5,94Q250,71,301,72Q352,73,390.5,110Q429,147,442,198.5Q455,250,438,299.5Z;
M415.5,290Q388,330,363.5,367.5Q339,405,294.5,444.5Q250,484,199.5,454.5Q149,425,103.5,393Q58,361,61,305.5Q64,250,64,196Q64,142,110.5,115.5Q157,89,203.5,81.5Q250,74,306,65Q362,56,412,92Q462,128,452.5,189Q443,250,415.5,290Z;
M449,306Q443,362,396,391.5Q349,421,299.5,417.5Q250,414,206,408.5Q162,403,108,383Q54,363,50,306.5Q46,250,48.5,192.5Q51,135,95,96.5Q139,58,194.5,49.5Q250,41,300.5,58Q351,75,376,119Q401,163,428,206.5Q455,250,449,306Z;
"
></animate>
</path>
</svg>
</div>
<div class="liquid-shape">
<svg
viewBox="0 0 500 500"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%"
id="blobSvg"
>
<path fill="#12f7ff">
<animate
attributeName="d"
dur="20000ms"
repeatCount="indefinite"
values="
M449,306Q443,362,396,391.5Q349,421,299.5,417.5Q250,414,206,408.5Q162,403,108,383Q54,363,50,306.5Q46,250,48.5,192.5Q51,135,95,96.5Q139,58,194.5,49.5Q250,41,300.5,58Q351,75,376,119Q401,163,428,206.5Q455,250,449,306Z;
M440.5,288.5Q383,327,369,379.5Q355,432,302.5,452Q250,472,200.5,446.5Q151,421,112,386.5Q73,352,66,301Q59,250,61,196Q63,142,110,115Q157,88,203.5,46.5Q250,5,304,33.5Q358,62,411.5,94Q465,126,481.5,188Q498,250,440.5,288.5Z;
M414,290.5Q390,331,373,382.5Q356,434,303,444Q250,454,192.5,451.5Q135,449,107.5,398.5Q80,348,51.5,299Q23,250,70,211.5Q117,173,128,115.5Q139,58,194.5,71Q250,84,295.5,88Q341,92,370.5,127.5Q400,163,419,206.5Q438,250,414,290.5Z;
M455,303Q433,356,391.5,389.5Q350,423,300,416.5Q250,410,195.5,424.5Q141,439,101,399Q61,359,61,304.5Q61,250,83,208.5Q105,167,119,107.5Q133,48,191.5,66.5Q250,85,289,100Q328,115,394,122Q460,129,468.5,189.5Q477,250,455,303Z;
M427,293.5Q400,337,366.5,365.5Q333,394,291.5,426.5Q250,459,206,430.5Q162,402,133.5,368Q105,334,54.5,292Q4,250,48,204.5Q92,159,112.5,103Q133,47,191.5,52.5Q250,58,307,55.5Q364,53,403.5,95.5Q443,138,448.5,194Q454,250,427,293.5Z;
M438,299.5Q421,349,382,379.5Q343,410,296.5,418Q250,426,197,430Q144,434,98.5,398.5Q53,363,27.5,306.5Q2,250,52,207.5Q102,165,137.5,141Q173,117,211.5,94Q250,71,301,72Q352,73,390.5,110Q429,147,442,198.5Q455,250,438,299.5Z;
M415.5,290Q388,330,363.5,367.5Q339,405,294.5,444.5Q250,484,199.5,454.5Q149,425,103.5,393Q58,361,61,305.5Q64,250,64,196Q64,142,110.5,115.5Q157,89,203.5,81.5Q250,74,306,65Q362,56,412,92Q462,128,452.5,189Q443,250,415.5,290Z;
M449,306Q443,362,396,391.5Q349,421,299.5,417.5Q250,414,206,408.5Q162,403,108,383Q54,363,50,306.5Q46,250,48.5,192.5Q51,135,95,96.5Q139,58,194.5,49.5Q250,41,300.5,58Q351,75,376,119Q401,163,428,206.5Q455,250,449,306Z;
"
></animate>
</path>
</svg>
</div> -->
</div>
</section>
<!-- About Section -->
<!-- <section id="about" class="about">
<div class="img-about">
<img src="imgs/about-me-pic2.png" alt="" />
</div>
</section> -->
<!----------------------- About Section ----------------------->
<div id="About">
<div class="about-container">
<div class="row">
<div class="about-col-1 scroll-scale">
<img src="imgs/about-me.jpeg" alt="" />
</div>
<div class="about-col-2 scroll-scale">
<h1 class="sub-title">About Me</h1>
<!-- <p>
As a Quality Assurance and WordPress Developer, I specialize in
web and mobile application testing across diverse domains, with a
focus on detailed test plans and comprehensive test case
execution. My expertise includes manual and automation testing,
ensuring high-quality performance. Additionally, I excel in
developing and maintaining WordPress websites, delivering robust
digital solutions.
</p> -->
<div class="tab-titles">
<p class="tab-links active-link" onclick="opentab('skills')">
Skills
</p>
<p class="tab-links" onclick="opentab('experience')">
Experience
</p>
<p class="tab-links" onclick="opentab('education')">Education</p>
</div>
<div class="tab-contents active-tab" id="skills">
<ul>
<li>
<span>Manual Testing</span><br />Executing test cases manually
to ensure software quality and functionality.
</li>
<li>
<span>Automation Testing</span><br />Skilled in Selenium for
automated testing to streamline the testing process and
improve efficiency.
</li>
<li>
<span>performance Testing</span><br />Proficient in Apache
JMeter for assessing the performance and scalability of web
applications.
</li>
<li>
<span>WordPress Developer</span><br />Developing, customizing,
and maintaining WordPress websites to meet client needs and
specifications.
</li>
<li>
<span>Web/App Development</span><br />Sillked in JavaScript,
HTML, CSS, React, and React Native
</li>
</ul>
</div>
<div class="tab-contents" id="experience">
<ul>
<li>
<span>2023 - current</span><br />QA at Al-Juneidi industry |
WordPress Developer
</li>
<li><span>2023</span><br />QA at Global tribes</li>
</ul>
</div>
<div class="tab-contents" id="education">
<ul>
<li>
<span>2022</span><br />Full Stack web developer from MERAKI
Academy JO Coding Bootcamp
</li>
<li>
<span>2020</span><br />Bachelor's degree in Accounting from Al
Balqa Applied University
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!----------------------- Sercives Section ----------------------->
<section id="Services" class="services">
<div class="main-text scroll-scale">
<span>What I Will Do For You</span>
<h2>Our Services</h2>
</div>
<div class="section-services scroll-bottom">
<div class="service-box">
<i class="bx bx-search-alt-2 service-icon"></i>
<h3>Quality Assurance</h3>
<p>
We offer Quality Assurance services, including manual and automation
testing with Selenium and JMeter, and API testing. We create
detailed test cases and thorough bug reports to ensure your software
is top quality. Our goal is to find and fix issues so your software
works perfectly.
</p>
<div class="btn-box service-btn">
<a href="https://www.linkedin.com/in/aseel-yaser/details/projects/" class="btn" target="_blank">Discover More</a>
</div>
</div>
<div class="service-box">
<i class="bx bx-desktop service-icon"></i>
<h3>WordPress Developer</h3>
<p>
We provide WordPress development services, including responsive web
design, SEO, and web performance optimization. Our goal is to create
beautiful, fast, and user-friendly websites that meet your needs and
attract visitors. We ensure your site looks great.
</p>
<div class="btn-box service-btn">
<a href="https://www.linkedin.com/in/aseel-yaser/details/projects/" class="btn" target="_blank">Discover More</a>
</div>
</div>
<div class="service-box">
<i class="bx bx-code-alt service-icon"></i>
<h3>Web Developer</h3>
<p>
As a web developer, I specialize in creating dynamic and interactive
websites using JavaScript, HTML, CSS, React, and React Native. I
build responsive, user-friendly sites that work seamlessly on all
devices. Whether you need a simple site or a complex web
app,ensuring top performance.
</p>
<div class="btn-box service-btn">
<a href="https://www.linkedin.com/in/aseel-yaser/details/projects/" class="btn" target="_blank">Discover More</a>
</div>
</div>
</div>
</section>
<!----------------------- Portofolio Section ----------------------->
<section id="Porofolio" class="portofolio">
<div class="main-text scroll-scale">
<span>What I Will Do For You</span>
<h2>Latest Projects</h2>
</div>
<div class="container">
<div class="filtter-buttons scroll-scale">
<button class="button" data-filter="all">All</button>
<button class="button" data-filter=".qa">Quality Assurance</button>
<button class="button" data-filter=".wordpress">WordPress</button>
<button class="button" data-filter=".web">Web App</button>
</div>
</div>
<div class="portofolio-gallary scroll-bottom">
<div class="port-box mix wordpress">
<div class="port-image">
<img src="imgs/aljuneidiGroup-landing.png" alt="" />
</div>
<div class="port-content">
<h3>Al-JUNEIDI Group</h3>
<p>
From design to performance, our role encompassed crafting a visually stunning and user-friendly experience, ensuring seamless navigation across devices. By integrating SEO strategies.
</p>
<a href="https://aljuneidigroup.com/" class="bx bx-link-external" target="_blank"></a>
</div>
</div>
<div class="port-box mix wordpress">
<div class="port-image">
<img src="imgs/challenger.png" alt="" />
</div>
<div class="port-content">
<h3>Challenger GmbH</h3>
<p>
My role included creating a responsive design, ensuring optimal performance across devices, and integrating SEO for enhanced visibility.
</p>
<a href="https://challengergmbh.de/" class="bx bx-link-external" target="_blank"></a>
</div>
</div>
<div class="port-box mix web qa">
<div class="port-image">
<img src="imgs/logo-maintenance.png" alt="" />
</div>
<div class="port-content">
<h3>CMMS-Juneidi</h3>
<p>
Led development and quality assurance efforts for the Maintenance Project at Juneidi. Digitized maintenance processes for factory assets and machines, ensuring periodic maintenance and addressing sudden malfunctions through created maintenance tickets.
</p>
<a href="https://maintenance.juneidi.com/" class="bx bx-link-external" target="_blank"></a>
</div>
</div>
<div class="port-box mix qa">
<div class="port-image">
<img src="imgs/GlobalTribes.jpg" alt="" />
</div>
<div class="port-content">
<h3>Global Tribes</h3>
<p>
Online booking platform that offers well-planned and designed packages that are easily bookable by our network of outbound agencies and operated through our local/inbound partners.
</p>
<a href="https://globaltribes.io" class="bx bx-link-external" target="_blank"></a>
</div>
</div>
<div class="port-box mix web">
<div class="port-image">
<img src="imgs/fitratinsan-about.png" alt="" />
</div>
<div class="port-content">
<h3>Fitrat Insan</h3>
<p>
It was a donation community. in this app, we provide tender service. this made our society based on give and take so it's our mission to get & feel with each other.
</p>
<a href="https://frontend-project5.vercel.app/home" class="bx bx-link-external" target="_blank"></a>
</div>
</div>
<div class="port-box mix web">
<div class="port-image">
<img src="imgs/online-book-store.jpg" alt="" />
</div>
<div class="port-content">
<h3>Online Book Store</h3>
<p>
it was an e-commerce app. this app provides books and information about them, displays them in categories, and also provides the user with the feature of searching for books, this helps him to access the books he wants, and provides the ability to buy & deliver books to him.
</p>
<a href="https://github.com/C6-Aseelyaser/MERAKI_Academy_Project_4/blob/main/starter-code/readme.md" class="bx bx-link-external" target="_blank"></a>
</div>
</div>
</div>
</section>
<!----------------------- Contact Section ----------------------->
<section id="Contact" class="contact">
<div class="main-text scroll-scale">
<span>Ask me question</span>
<h2>Contact Me</h2>
</div>
<form action="" class="scroll-bottom">
<input type="text" placeholder="Your Name" style="color: #cccccc;" />
<input type="text" placeholder="Your Email" style="color: #cccccc;" />
<input type="text" placeholder="Your Address" style="color: #cccccc;" />
<input type="text" placeholder="Phone Number" style="color: #cccccc;" />
<textarea
name=""
id=""
cols="30"
rows="10"
placeholder="Your Message"
style="color: #cccccc;"
></textarea>
<div class="btn-box formBtn">
<button type="submit" class="btn">Send Message</button>
</div>
</form>
</section>
<!----------------------- Footer Section ----------------------->
<footer>
<p class="scroll-scale">
Copyright © 2024 by Aseel Yaser | All right reserved.
</p>
<a href="#Home"><i class="bx bx-up-arrow-alt"></i></a>
</footer>
<!-- -->
<script src="mixitup.min.js"></script>
<script src="script.js"></script>
</body>
</html>