/
index.html
178 lines (178 loc) · 14.7 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
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]> <html class="no-js"> <!--<![endif]-->
<html lang="fr" data-bs-theme="light">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Accueil - Ismaël Balaghni</title>
<link rel="shortcut icon" href="/assets/favicon.ico" />
<link rel="icon" href="/assets/favicon.ico" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/devicon@2.15.1/devicon.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css">
<style>
main>.container {
padding: 60px 15px 0;
}
</style>
<meta name="description" content="Le site (statique) d'un jeune développeur.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header>
<nav class="navbar navbar-expand-md bg-body-tertiary fixed-top">
<div class="container">
<span class="navbar-brand">Ismaël Balaghni</span>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="/">Accueil</a>
<a class="nav-link" href="/education/index.html">Éducation</a>
<a class="nav-link" href="/work/index.html">Emplois</a>
<a class="nav-link" href="/projects/index.html">Projets</a>
</div>
</div>
</div>
</nav>
</header>
<!-- Page content-->
<main class="flex-shrink-0">
<div class="container">
<div class="row row-cols-2 mt-3">
<div class="col">
<h1>Bienvenue chez moi !</h1>
<p>Alumni ESIEA depuis septembre 2022, diplômé en Ingénierie Logicielle/Systèmes d'Information et développeur chez Thales, je suis Ismaël.</p>
<figure class="figure">
<img src="/assets/ismael.jpg" class="figure-img img-fluid rounded" alt="Moi en vacances portant un tee-shirt Star Wars" width="150" height="150">
<figcaption class="figure-caption">C'est moi en vacances portant un tee-shirt Star Wars.<br>J'aime bien la franchise.</figcaption>
</figure>
<h2>Qui je suis-je ?</h2>
<p>
Je suis passionné d'informatique et de nouvelles technologies depuis mon plus jeune âge. J'ai réussi à
faire planter Internet Explorer 6 quand c'était encore le navigateur à la mode. J'ai toujours
essayé de découvrir de nouvelles choses, de
nouveaux logiciels, de nouveaux systèmes d'exploitation. Fidèle à Windows et aux services et
logiciels Microsoft depuis le début, c'est mon rêve ultime de travailler chez eux.
</p>
<p>
Sinon, j'aime bien la musique, les films et je commence à m'intéresser de plus en plus aux médias et au
journalisme. Les habillages de chaînes de télévision m'intéressent de plus en plus. J'aime aussi
le football américain, j'aime bien regarder
en tout cas. J'ai découvert ce magnifique sport avec le Superbowl 53 qui a vu la victoire de mon
équipe de cœur aujourd'hui que sont les Patriots. Depuis peu, j'ai aussi commencé à m'intéresser
au hockey (le championnat nord-américain
notamment), coup de cœur pour les Canadiens de Montréal et des Maple Leafs de Toronto.
</p>
</div>
<div class="col">
<h2>Les technos que j'ai vues</h2>
<ul class="list-group list-group-horizontal text-center">
<li class="list-group-item flex-fill"><i class="devicon-android-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-androidstudio-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-arduino-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-c-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-cplusplus-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-css3-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-git-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-html5-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-java-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-matlab-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-python-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-qt-plain colored"></i></li>
</ul>
<h2>Les technos que j'ai vues et que je veux approfondir</h2>
<ul class="list-group list-group-horizontal text-center">
<li class="list-group-item flex-fill"><i class="devicon-amazonwebservices-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-angular colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-ansible-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-bash-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-blender-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-bootstrap-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-csharp-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-css3-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-docker-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-heroku-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-illustrator-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-jekyllrb colored"></i></li>
</ul>
<ul class="list-group list-group-horizontal text-center">
<li class="list-group-item flex-fill"><i class="devicon-linux-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-mysql-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-nodejs-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-oracle-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-photoshop-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-php-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-postgresql-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-postman colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-ruby-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-sass-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-spring-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-typescript-original colored"></i></li>
</ul>
<ul class="list-group list-group-horizontal text-center">
<li class="list-group-item"><i class="devicon-unity-original colored"></i></li>
<li class="list-group-item"><i class="devicon-unrealengine-original colored"></i></li>
<li class="list-group-item"><i class="devicon-xd-plain colored"></i></li>
</ul>
<h2>Les technos que je souhaite découvrir et apprendre</h2>
<ul class="list-group list-group-horizontal text-center">
<li class="list-group-item flex-fill"><i class="devicon-angularjs-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-azure-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-dart-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-django-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-dot-net-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-electron-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-firebase-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-flutter-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-googlecloud-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-grafana-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-jenkins-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-kotlin-plain colored"></i></li>
</ul>
<ul class="list-group list-group-horizontal text-center">
<li class="list-group-item flex-fill"><i class="devicon-kubernetes-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-microsoftsqlserver-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-nginx-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-objectivec-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-ocaml-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-postman colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-rabbitmq colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-rails-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-react-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-reactnative colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-redux-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-sqlite-plain colored"></i></li>
</ul>
<ul class="list-group list-group-horizontal text-center">
<li class="list-group-item flex-fill"><i class="devicon-swift-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-tensorflow-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-travis-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-typescript-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-unrealengine-original colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-vagrant-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-vuejs-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-vuetify-plain colored"></i></li>
<li class="list-group-item flex-fill"><i class="devicon-webpack-plain colored"></i></li>
</ul>
</div>
</div>
</div>
</main>
<footer class="footer fixed-bottom mt-auto py-3 bg-body-tertiary">
<div class="container">
<span class="text-body-secondary">© 2024 Ismaël Balaghni.</span>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
<script src="/js/scripts.js"></script>
</body>
</html>