-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (135 loc) · 10.9 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="cache-control" content="no-cache">
<meta name="author" content="Salaheddin AbuEin">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="color-scheme" content="light dark" />
<meta name="robots" content="all">
<!-- Start of Favicons code -->
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="/assets/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/favicon/site.webmanifest">
<link rel="mask-icon" href="/assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/assets/favicon/favicon.ico">
<!-- End of Favicons code -->
<link rel="stylesheet" type="text/css" href="https://api.tomtom.com/maps-sdk-for-web/cdn/6.x/6.23.0/maps/maps.css">
<link rel="stylesheet" type="text/css" href="/assets/css/screen.css" />
<title>Salaheddin AbuEin ‐ Homepage</title>
</head>
<body>
<header>
<h1>Salaheddin AbuEin,</h1>
<h2>I'm a human, father, husband, digital creative, and web developer.</h2>
<h2>Currently, I'm helping UK social housing providers with custom software to transform their digital operations and improve user experiences.</h2>
<figure class="my-image">
<img src="/assets/images/salaheddin-abuein-moustache.jpg" alt="Salaheddin AbuEin with Moustache, January 2023" title="As-salamu alaykum, world!" />
<figcaption><a href="https://en.wikipedia.org/wiki/As-salamu_alaykum" target="_blank" title="As-salamu alaykum on Wikipedia">As-salamu alaykum</a>, world!</figcaption>
</figure>
</header>
<hr />
<main id="content">
<h3>Welcome to my personal page on [<a href="https://sabuein.github.io/" target="_top" title="GitHub Pages">GitHub Pages</a>]!</h3>
<p>I'm a skilled professional based in London, originally from occupied Palestine. My expertise lies in web development, blending creativity and technical know-how. Outside of work, I love mountain biking and electronic music.</p>
<p>With a strong background in graphic design, front‐end development, and software engineering, I currently work as a web application developer at <a href="https://www.rapid-is.co.uk/" target="_blank" rel="noopener" title="Rapid Information Systems">Rapid Information Systems</a> in Welwyn Garden City. I also freelance as a full‐stack developer on various projects.</p>
<p>I'm all about creating user‐friendly and visually appealing interfaces. I'm particularly interested in making websites accessible to everyone (a11y), adapting them for different languages and cultures (i18n and l10n). These aspects are important to me because they make digital experiences inclusive and dynamic.</p>
<p>Learning is a lifelong pursuit for me. I stay updated with the latest tech and love exploring innovative ideas. Whether it's personal projects or client work, I aim for top‐notch results and always challenge myself to think outside the box.</p>
<details>
<summary title="Portfolio">Portfolio</summary>
<div>Currently, I am working as a freelance full stack developer on the following projects:</div>
<ol>
<li><a href="https://rapid-is.co.uk/" title="Rapid Information Systems" target="_blank">Rapid Information Systems</a></li>
<li><a href="https://ashaam.co.uk/" title="Ashaam" target="_blank">Ashaam</a></li>
<li><a href="https://zawake.com/" title="Bdde Zawake" target="_blank">Bdde Zawake</a></li>
<li><a href="https://abuein.com/" title="Dar AbuEin" target="_blank">Dar AbuEin</a></li>
<li><a href="https://gulbinovic.com/" title="Gulbinovič" target="_blank">Gulbinovič</a></li>
<li><a href="https://servex.business/" title="ServEx" target="_blank">ServEx</a></li>
</ol>
</details>
<details>
<summary title="Resume">Résumé</summary>
<div>You may either download a copy of my most recent resume <a href="/assets/documents/salaheddin-abuein-resume.pdf" title="Salaheddin AbuEin ‐ PDF Resume" target="_blank" download="sabuein-resume.pdf">as a PDF file</a> or <a href="/resume.html" title="Salaheddin AbuEin ‐ Online Resume">view it online here</a>.</div>
</details>
<details>
<summary title="On the web">On the web</summary>
<div>Some channels, both personal and professional, where I am expanding my digital footprint:</div>
<ul>
<li>
<h4>Birkbeck, University of London</h4>
<a href="https://titan.dcs.bbk.ac.uk/~sabuei01/" target="_blank" title="Birkbeck, University of London">https://titan.dcs.bbk.ac.uk/~sabuei01/</a>
</li>
<li>
<h4>Blog</h4>
<a href="https://abuein.com/salaheddin/" target="_blank" title="Blog">https://abuein.com/salaheddin/</a>
</li>
<li>
<h4>Twitter</h4>
<a href="https://twitter.com/sabuein" target="_blank" title="Twitter">https://twitter.com/sabuein</a>
</li>
<li>
<h4>GitHub</h4>
<a href="https://github.com/sabuein" target="_blank" title="GitHub">https://github.com/sabuein</a>
</li>
<li>
<h4>GitLab</h4>
<a href="https://gitlab.com/sabuein" target="_blank" title="GitLab">https://gitlab.com/sabuein</a>
</li>
<li>
<h4>LinkedIn</h4>
<a href="https://www.linkedin.com/in/sabuein/" target="_blank" title="LinkedIn">https://www.linkedin.com/in/sabuein/</a>
</li>
<li>
<h4>TikTok</h4>
<a href="https://www.tiktok.com/@sabuein" target="_blank" title="TikTok">https://www.tiktok.com/@sabuein</a>
</li>
<li>
<h4>Facebook</h4>
<a href="https://www.facebook.com/sabuein/" target="_blank" title="Facebook">https://www.facebook.com/sabuein/</a>
</li>
</ul>
</details>
<details>
<summary title="Contact details">Contact details</summary>
<div>
<address>
Email: <a href="mailto:[email protected]?subject=I%20come%20from%20your%20GitHub%20page" title="sabuein at gmail dot com">sabuein (at) gmail (dot) com</a><br />
Mobile: <a href="tel:+447930120661" title="+447930120661">(+44) 793-0120-661</a>
</address>
</div>
</details>
</main>
<hr />
<footer>
<p>Go to: <a href="./resume.html">Résumé</a> • <a href="#content">Top</a>.</p>
<p><strong>Having trouble?</strong> Please poke <a href="https://x.com/sabuein" target="_blank" title="Poke me on X!">@sabuein</a> on X.</p>
<p><a href="https://github.com/sabuein/sabuein.github.io" target="_blank" title="View source code">View source code</a></p>
<p>This document has been updated on <span id="lastModified"></span>.</p>
<!-- script src="https://api.tomtom.com/maps-sdk-for-web/cdn/6.x/6.23.0/maps/maps-web.min.js"></script -->
<script type="text/javascript" src="/assets/js/logic.js?v=1.0"></script>
<noscript><p>Attention: You need to enable JavaScript to view the full site.</p></noscript>
<!-- Activate Clicky Website Analytics -->
<a title="Google Analytics Alternative" href="https://clicky.com/101394529"><img alt="Clicky" src="https://static.getclicky.com/media/links/badge.gif" style="border: 0;" /></a>
<script async src="https://static.getclicky.com/101394529.js"></script>
<noscript><p><img alt="Clicky" width="1" height="1" src="https://in.getclicky.com/101394529ns.gif" /></p></noscript>
</footer>
<aside>
<div class="icons-social">
<a href="https://x.com/sabuein" target="_blank" title="X"><img src="/assets/images/social-media/icons8-twitterx-60.png" alt="X" title="X" /></a>
<a href="https://github.com/sabuein" target="_blank" title="GitHub"><img src="/assets/images/social-media/icons8-github-48.png" alt="GitHub" title="GitHub" /></a>
<a href="https://gitlab.com/sabuein" target="_blank" title="GitLab"><img src="/assets/images/social-media/icons8-gitlab-48.png" alt="GitLab" title="GitLab" /></a>
<a href="https://www.linkedin.com/in/sabuein/" target="_blank" title="LinkedIn"><img src="/assets/images/social-media/icons8-linkedin-48.png" alt="LinkedIn" title="LinkedIn" /></a>
<a href="https://www.tiktok.com/@sabuein" target="_blank" title="TikTok"><img src="/assets/images/social-media/icons8-tiktok-48.png" alt="TikTok" title="TikTok" /></a>
<a href="https://www.facebook.com/sabuein/" target="_blank" title="Facebook"><img src="/assets/images/social-media/icons8-facebook-48.png" alt="Facebook" title="Facebook" /></a>
<a href="https://mastodon.social/@sabuein" target="_blank" title="Mastodon" rel="me"><img src="/assets/images/social-media/icons8-mastodon-48.png" alt="Mastodon" title="Mastodon" /></a>
<pre>(Icons by <a href="https://icons8.com/" target="_blank" title="Icons8 - Free scoial media icons">Icons8</a>)</pre>
</div>
<div id="map" class="map"></div>
</aside>
</body>
</html>