-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (92 loc) · 5.65 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
<!DOCTYPE html>
<html>
<head>
<title>Safaa El Allouche</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/icon-touch.png">
</head>
<body>
<div class="cover">
<div class="description view-width">
<h2>Safaa El Allouche</h2>
<h3>Software developer<span></span></h3>
<div class="social">
<a href="https://se.linkedin.com/in/safaaelallouche" target="_blank"><img class="linkedin" src="assets/contact/linkedin.png"></a>
<a href="https://github.com/safanobu" target="_blank"><img class="github" src="assets/contact/github.png"></a>
<a href="mailto:[email protected]"><img class="email" src="assets/contact/email.png"></a>
</div>
</div>
</div>
<div class="card-container view-width">
<h2>Recent Work</h2>
<div class="card epidemicsound">
<a href="https://www.epidemicsound.com/" target="_blank"><img src="assets/epidemicsound.png"></a>
<div class="card-description">
<h3>Software Developer at <a href="https://www.epidemicsound.com/" target="_blank">Epidemic Sound</a></h3>
<p>Provider of a curated catalog of more than 30000 tracks. Serving a wide range of clients from social media creators to business stores.</p>
<div class="stack">
<a href="https://www.python.org/" target="_blank"><img class="python" src="assets/stack/python.png"></a>
<a href="https://reactjs.org/" target="_blank"><img class="react" src="assets/stack/react.png"></a>
<a href="https://aws.amazon.com/" target="_blank"><img class="aws" src="assets/stack/aws.png"></a>
<a href="https://www.docker.com/" target="_blank"><img class="docker" src="assets/stack/docker.png"></a>
<a href="https://www.rabbitmq.com/" target="_blank"><img class="rabbitmq" src="assets/stack/rabbitmq.png"></a>
</div>
</div>
<div class="clear-both"></div>
</div>
<div class="card studi">
<a href="https://www.studi.se" target="_blank"><img src="assets/studi.png"></a>
<div class="card-description">
<h3>Front-end Developer at <a href="https://www.studi.se" target="_blank">Studi</a></h3>
<p>Provider of multi-lingual digital learning materials for mid-schools and high-schools. Operating with 22 municipalities throughout Sweden.</p>
<div class="stack">
<a href="https://angularjs.org/" target="_blank"><img class="angular" src="assets/stack/angular.svg"></a>
<a href="http://sass-lang.com/" target="_blank"><img class="sass" src="assets/stack/sass.png"></a>
<a href="https://jquery.com/" target="_blank"><img class="jquery" src="assets/stack/jquery.gif"></a>
<a href="https://git-scm.com/" target="_blank"><img class="git" src="assets/stack/git.png"></a>
<a href="http://underscorejs.org/" target="_blank"><img class="underscore" src="assets/stack/underscore.png"></a>
</div>
</div>
<div class="clear-both"></div>
</div>
<div class="card kanjiday">
<a href="http://kanjiday.com" target="_blank"><img src="assets/kanjiday.png"></a>
<div class="card-description">
<h3>Designer and developer of <a href="http://kanjiday.com" target="_blank">Kanjiday</a></h3>
<p>Chrome extension for Kanji memorization with background color customization. Replaces new tabs with a Kanji character every day.</p>
<div class="stack">
<a href="https://angularjs.org/" target="_blank"><img class="angular" src="assets/stack/angular.svg"></a>
<a href="http://sass-lang.com/" target="_blank"><img class="sass" src="assets/stack/sass.png"></a>
<a href="https://jquery.com/" target="_blank"><img class="jquery" src="assets/stack/jquery.gif"></a>
<a href="https://git-scm.com/" target="_blank"><img class="git" src="assets/stack/git.png"></a>
</div>
</div>
<div class="clear-both"></div>
</div>
<div class="card hyperisland">
<a href="https://www.hyperisland.com/community/people/el-allouche-safaa" target="_blank"><img src="assets/hyperisland.jpeg"></a>
<div class="card-description">
<h3>Digital Data Strategist at <a href="https://www.hyperisland.com/community/people/el-allouche-safaa" target="_blank">Hyper Island</a></h3>
<p><a href="https://www.hyperisland.com/programs-and-courses/digital-data-strategist" target="_blank">Digital Data Strategist </a> is a project-based educational program focusing on data analytics and organized by Hyper Island Stockholm. As a student, I was part of a year long collection of projects involving concept development and creative technology.</p>
<div class="stack">
<a href="https://www.google.se/analytics/" target="_blank"><img class="analytics" src="assets/stack/analytics.png"></a>
<a href="https://www.w3.org/" target="_blank"><img class="css" src="assets/stack/css3.png"></a>
<a href="https://jquery.com/" target="_blank"><img class="jquery" src="assets/stack/jquery.gif"></a>
<a href="https://www.sketchapp.com/" target="_blank"><img class="sketch" src="assets/stack/sketch.png"></a>
<a href="https://www.arduino.cc/" target="_blank"><img class="arduino" src="assets/stack/arduino.png"></a>
</div>
</div>
<div class="clear-both"></div>
</div>
</div>
<footer>
<a class="footer-link" href="mailto:[email protected]">Contact</a> |
<a class="footer-link" href="https://se.linkedin.com/in/safaaelallouche">Linkedin</a> |
<a class="footer-link" href="https://github.com/safanobu">Github</a>
<p>© <script>new Date().getFullYear()>2010&&document.write(new Date().getFullYear());</script> - Safaa El Allouche.</p>
</footer>
</body>
</html>