-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
125 lines (125 loc) · 5.04 KB
/
about.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
<!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" />
<meta
name="description"
content="here some information about Alaa Helwani and the contact info too"
/>
<title>About and Contact Alaa Helwani - Frontend developer</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
"
/>
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@500;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="styles/portfolio.css" />
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js
"></script>
<script src="https://kit.fontawesome.com/f83d4077d9.js" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-expand-lg bg-body-tertiary-white">
<div class="container">
<a class="navbar-brand" href="#"> <i class="fa-solid fa-code"></i> </a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/" title="Homepage">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/work.html" title="Workpage">Work</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/about.html" title="About & Contact page"
>About & Contact</a
>
</li>
</ul>
</div>
</div>
</nav>
<div class="content-container container">
<div class="row">
<div class="col-md-6">
<div class="content">
<h1 class="mb-4">Alaa Helwani</h1>
<h2 class="mb-4">Frontend developer, based in Hamburg</h2>
<p class="mb-5">
I am a Syrian and have been living in Hamburg (Germany) since 2015. When I was in
Syria, I finished my studies as a surgical assistant, after which I worked in many
different fields and that taught me how to learn fast and adapt to new work
environments and situations. In 2012 I flew Syria and moved around many places
(Lebanon, Egypt, Jordan, Cyprus and Turkey). In this period, I was working in various
side-jobs, one of them was working as a finance accountant in an insurance company in
Turkey, and in 2015 I finally went to Germany and started my life from zero again. In
2019 I started working as a surgical assistant for a Cosmetic and Hair Transplantation
clinic.
<br />
I have always been fascinated by Technology in so many ways because its evolution is
just remarkable. Many of today's standard technologies have their origin centuries
ago, then revolutionized the world and have now become the norm. Then suddenly the
next big innovation changes our lives and creates a “new normal”. This cycle seems to
continue over and over, and I want to become a part of it and decent deeper and deeper
into the rabbithole.
</p>
<a
href="/work.html"
class="btn btn-outline-secondary btn-branding mb-5"
title="Projects"
>See my projects</a
>
</div>
</div>
<div class="col-lg-6">
<img src="images/Alaa Helwani.jpg" class="img-fluid alaa" alt="Alaa Helwani" />
</div>
</div>
</div>
<h1 class="mb-5 text-center">Let's get in touch</h1>
<footer>
<div class="social-links d-flex justify-content-center" id="contact">
<a href="mailto:[email protected]" target="_blank" title="Email">
<i class="fa-solid fa-at"></i>
</a>
<a href="https://github.com/Alaa-3" target="_blank" title="GitHub Profile">
<i class="fa-brands fa-github"></i>
</a>
<a
href="https://www.linkedin.com/in/alaa-helwani-hart3"
target="_blank"
title="Linkedin Profile"
>
<i class="fa-brands fa-linkedin"></i>
</a>
</div>
<p class="text-center mt-5">
This project was coded by Alaa Helwani, and it is
<a
href="https://github.com/Alaa-3/portfolio-project"
target="_blank"
title="Portfolio project"
class="links"
>open-sourced</a
>
</p>
</footer>
</body>
</html>