diff --git a/assets/CV_BERROUG_IKRAM.pdf b/assets/CV_BERROUG_IKRAM.pdf deleted file mode 100644 index a3cdb96..0000000 Binary files a/assets/CV_BERROUG_IKRAM.pdf and /dev/null differ diff --git a/assets/CV_BERROUG_IKRAM_en.pdf b/assets/CV_BERROUG_IKRAM_en.pdf deleted file mode 100644 index 422d7bd..0000000 Binary files a/assets/CV_BERROUG_IKRAM_en.pdf and /dev/null differ diff --git a/assets/Flag_of_France_Flat_Wavy-512x393.png b/assets/image/Flag_of_France_Flat_Wavy-512x393.png similarity index 100% rename from assets/Flag_of_France_Flat_Wavy-512x393.png rename to assets/image/Flag_of_France_Flat_Wavy-512x393.png diff --git a/assets/Flag_of_Italy_Flat_Wavy-512x393.png b/assets/image/Flag_of_Italy_Flat_Wavy-512x393.png similarity index 100% rename from assets/Flag_of_Italy_Flat_Wavy-512x393.png rename to assets/image/Flag_of_Italy_Flat_Wavy-512x393.png diff --git a/assets/Flag_of_Morocco_Flat_Wavy-512x393.png b/assets/image/Flag_of_Morocco_Flat_Wavy-512x393.png similarity index 100% rename from assets/Flag_of_Morocco_Flat_Wavy-512x393.png rename to assets/image/Flag_of_Morocco_Flat_Wavy-512x393.png diff --git a/assets/LeetCode.png b/assets/image/LeetCode.png similarity index 100% rename from assets/LeetCode.png rename to assets/image/LeetCode.png diff --git a/assets/astre-n7.png b/assets/image/astre-n7.png similarity index 100% rename from assets/astre-n7.png rename to assets/image/astre-n7.png diff --git a/assets/beeguard.png b/assets/image/beeguard.png similarity index 100% rename from assets/beeguard.png rename to assets/image/beeguard.png diff --git a/assets/email.png b/assets/image/email.png similarity index 100% rename from assets/email.png rename to assets/image/email.png diff --git a/assets/enseeiht.png b/assets/image/enseeiht.png similarity index 100% rename from assets/enseeiht.png rename to assets/image/enseeiht.png diff --git a/assets/github-logo.png b/assets/image/github-logo.png similarity index 100% rename from assets/github-logo.png rename to assets/image/github-logo.png diff --git a/assets/hallofchange.png b/assets/image/hallofchange.png similarity index 100% rename from assets/hallofchange.png rename to assets/image/hallofchange.png diff --git a/assets/hector.png b/assets/image/hector.png similarity index 100% rename from assets/hector.png rename to assets/image/hector.png diff --git a/assets/logo-linkedin.png b/assets/image/logo-linkedin.png similarity index 100% rename from assets/logo-linkedin.png rename to assets/image/logo-linkedin.png diff --git a/assets/low-tech.png b/assets/image/low-tech.png similarity index 100% rename from assets/low-tech.png rename to assets/image/low-tech.png diff --git a/assets/image/projet-dentreprise.png b/assets/image/projet-dentreprise.png new file mode 100644 index 0000000..fe38ccc Binary files /dev/null and b/assets/image/projet-dentreprise.png differ diff --git a/assets/questionmark.png b/assets/image/questionmark.png similarity index 100% rename from assets/questionmark.png rename to assets/image/questionmark.png diff --git a/assets/satellite.png b/assets/image/satellite.png similarity index 100% rename from assets/satellite.png rename to assets/image/satellite.png diff --git a/assets/tolosat_logo.png b/assets/image/tolosat_logo.png similarity index 100% rename from assets/tolosat_logo.png rename to assets/image/tolosat_logo.png diff --git a/assets/women7.png b/assets/image/women7.png similarity index 100% rename from assets/women7.png rename to assets/image/women7.png diff --git a/assets/pdf/internship_report.pdf b/assets/pdf/internship_report.pdf new file mode 100644 index 0000000..616e65c Binary files /dev/null and b/assets/pdf/internship_report.pdf differ diff --git a/assets/skills/C.png b/assets/skills/C.png deleted file mode 100644 index dc7dbd7..0000000 Binary files a/assets/skills/C.png and /dev/null differ diff --git a/assets/skills/CSS.png b/assets/skills/CSS.png deleted file mode 100644 index dc097d4..0000000 Binary files a/assets/skills/CSS.png and /dev/null differ diff --git a/assets/skills/Matlab.png b/assets/skills/Matlab.png deleted file mode 100644 index eeefaea..0000000 Binary files a/assets/skills/Matlab.png and /dev/null differ diff --git a/assets/skills/ada.png b/assets/skills/ada.png deleted file mode 100644 index 716a082..0000000 Binary files a/assets/skills/ada.png and /dev/null differ diff --git a/assets/skills/git.png b/assets/skills/git.png deleted file mode 100644 index 34a5b21..0000000 Binary files a/assets/skills/git.png and /dev/null differ diff --git a/assets/skills/html.png b/assets/skills/html.png deleted file mode 100644 index 02f238c..0000000 Binary files a/assets/skills/html.png and /dev/null differ diff --git a/assets/skills/java.png b/assets/skills/java.png deleted file mode 100644 index e3c7ac9..0000000 Binary files a/assets/skills/java.png and /dev/null differ diff --git a/assets/skills/javascript.png b/assets/skills/javascript.png deleted file mode 100644 index 4054817..0000000 Binary files a/assets/skills/javascript.png and /dev/null differ diff --git a/assets/skills/latex.png b/assets/skills/latex.png deleted file mode 100644 index 147bfa4..0000000 Binary files a/assets/skills/latex.png and /dev/null differ diff --git a/assets/skills/linux.png b/assets/skills/linux.png deleted file mode 100644 index 413391c..0000000 Binary files a/assets/skills/linux.png and /dev/null differ diff --git a/assets/skills/ocaml.png b/assets/skills/ocaml.png deleted file mode 100644 index 5602de3..0000000 Binary files a/assets/skills/ocaml.png and /dev/null differ diff --git a/assets/skills/python.png b/assets/skills/python.png deleted file mode 100644 index dbb3d77..0000000 Binary files a/assets/skills/python.png and /dev/null differ diff --git a/assets/skills/sql.png b/assets/skills/sql.png deleted file mode 100644 index f296e87..0000000 Binary files a/assets/skills/sql.png and /dev/null differ diff --git a/career_development.html b/career_development.html new file mode 100644 index 0000000..b3061e3 --- /dev/null +++ b/career_development.html @@ -0,0 +1,63 @@ + + + + + + + + Career development + + + + + + +

Career development

+ +

Personal Professional Project

+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ + + + diff --git a/engagement_and_activities.html b/engagement_and_activities.html new file mode 100644 index 0000000..cf127bf --- /dev/null +++ b/engagement_and_activities.html @@ -0,0 +1,68 @@ + + + + + + + + Activities & Civic Engagement + + + + + + +
+

Sport and other activities

+ +

TOLOSAT project member

+
+

As a team member involved in the gravimetry experiment of the Tolosat student nano-satellite Project, I've contributed to advancing space research alongside more than 70 students from Toulouse representing 5 different schools: ISAE-SUPAERO via its Cubesat Club Supaero, and INSA, ENAC, ENSEEIHT, and Paul Sabatier University UT3 through the ASTRE association.

+

Organized into various subsystem teams, we are developing a 3U Cubesat aimed at carrying out a dual student mission.

+ Tolosat + Astre + Tolosat + TOLOSAT Github + +
+ +

WOMEN7 CLUB, member of the communication team

+
+

As part of my role within the Women7 Club, I focus on promoting engineering to young girls through various communication strategies and the organization of engaging events.

+ WOMEN7 +
+
+ + +
+

Sustainability and civic engagement

+
+ Hall of change +

Being a student in Toulouse currently, I have already taken steps towards being more proactive in this regard. For instance, given my current location, I've already started engaging with the Toulouse-based association 'Hall of Change' and have begun participating in their volunteer activities. I find it to be a commendable initiative that fosters community involvement and contributes positively.

+
+
+ Film low-tech +

During the Ecological and Social Transition Day organized at my school, ENSEEIHT, we had the opportunity to watch the film "Low Tech", a documentary produced by Adrien Bellay. This screening was a revelation for me. Through this documentary, I was able to grasp the true essence of "low tech" technologies and become aware of the significant impact that advanced technologies, or "high tech", have on our environment. This newfound insight has profoundly enriched my understanding of current ecological issues.

+
+
+ BeeGuard + Hector le collector +

During the same day, I also had the chance to attend a roundtable discussion on the topic of impact entrepreneurship. The guests were the CEOs of the startups Hector the Collector and BeeGuard! It was incredibly enlightening and motivating. This experience showed me the potential of aligning business ventures with environmental and social values, truly an inspiring moment that has expanded my perspective on how businesses can operate for the greater good.

+
+
+ + + + + + diff --git a/engineering_course.html b/engineering_course.html new file mode 100644 index 0000000..d407e3e --- /dev/null +++ b/engineering_course.html @@ -0,0 +1,50 @@ + + + + + + + + Engineering Courses + + + + + +

Engineering course

+
+
+
+

ENSEEIHT, Toulouse, France

+ +

Sept 2023 - Aujourd'hui

+

Sciences du numérique

+
+
+
+
+

CPGE Lycée Al-Zahrawi, Rabat, Morocco

+

Août 2022 - Juillet 2023

+

2ème année, MP*

+
+
+
+
+

CPGE Lycée Mohamed V, Béni Mellal, Morocco

+

Sept 2021 - Juillet 2022

+

1ère année, MPSI

+
+
+
+ + diff --git a/index.html b/index.html index 44141af..462d30a 100644 --- a/index.html +++ b/index.html @@ -14,11 +14,11 @@ @@ -45,24 +45,24 @@

Hi, I'm

-

Ikram Berroug

+

Ikram

HPC and Big Data engineering student @ ENSEEIHT

- +
- +
- My linkedin profile - My github profile - My leetcode profile + My linkedin profile + My github profile + My leetcode profile

About Me

@@ -70,266 +70,11 @@

About Me

- -
-

Engineering course

-
-
-
-

ENSEEIHT, Toulouse, France

- -

Sept 2023 - Aujourd'hui

-

Sciences du numérique

-
-
-
-
-

CPGE Lycée Al-Zahrawi, Rabat, Morocco

-

Août 2022 - Juillet 2023

-

2ème année, MP*

-
-
-
-
-

CPGE Lycée Mohamed V, Béni Mellal, Morocco

-

Sept 2021 - Juillet 2022

-

1ère année, MPSI

-
-
-
-
-
- -

Career development

-

Skills

-

Here’s a selection of the tools and technologies I have worked with, reflecting my skills in programming and development:

- -
- -
- Python -

Python

-
- -
- C -

C

-
- -
- Java -

Java

-
- -
- Ada -

Ada

-
- -
- JavaScript -

JavaScript

-
- -
- Html -

Html

-
-
- CSS -

CSS

-
-
- Matlab -

Matlab

-
- -
- OCaml -

OCaml

-
- -
- SQL -

SQL

-
- -
- Git -

Git

-
- -
- Linux -

Linux

-
- -
- Latex -

Latex

-
-
- - - - - - - - - -
- - -
-

International mobility

-
- Italy -

I came into this world in 2003 in Rome, the capital of Italy. I spent my early years there, going to primary school until I turned nine in 2012.

-
-
- Morocco -

In 2012, my parents made the decision to go back to Morocco, my home country, and more specifically to Beni Mellal, a small city in the heart of Morocco. I continued my education there until I completed my baccalaureate, and I even pursued my first year of preparatory classes in that city.

-

During the second year, I moved on to study my second year of preparatory classes at a more prestigious institution, Al Zahrawi, situated in Rabat.

-
-
- France -

And now, I find myself residing in France, where I am currently pursuing my studies at ENSEEIHT, an engineering school located in Toulouse.

-
-
- future -

In the upcoming years, I'm uncertain about my future residence or destinations. I am particularly intrigued by the dual-degree programs our school provides, such as the opportunity to pursue a master's degree at universities like Georgia Tech and EPFL.

-
-
- - -
-

Sport and other activities

- -

TOLOSAT project member

-
-

As a team member involved in the gravimetry experiment of the Tolosat student nano-satellite Project, I've contributed to advancing space research alongside more than 70 students from Toulouse representing 5 different schools: ISAE-SUPAERO via its Cubesat Club Supaero, and INSA, ENAC, ENSEEIHT, and Paul Sabatier University UT3 through the ASTRE association.

-

Organized into various subsystem teams, we are developing a 3U Cubesat aimed at carrying out a dual student mission.

- Tolosat - Astre - Tolosat - TOLOSAT Github - -
- -

WOMEN7 CLUB, member of the communication team

-
-

As part of my role within the Women7 Club, I focus on promoting engineering to young girls through various communication strategies and the organization of engaging events.

- WOMEN7 -
-
- - -
-

Sustainability and civic engagement

-
- Hall of change -

Being a student in Toulouse currently, I have already taken steps towards being more proactive in this regard. For instance, given my current location, I've already started engaging with the Toulouse-based association 'Hall of Change' and have begun participating in their volunteer activities. I find it to be a commendable initiative that fosters community involvement and contributes positively.

-
-
- Film low-tech -

During the Ecological and Social Transition Day organized at my school, ENSEEIHT, we had the opportunity to watch the film "Low Tech", a documentary produced by Adrien Bellay. This screening was a revelation for me. Through this documentary, I was able to grasp the true essence of "low tech" technologies and become aware of the significant impact that advanced technologies, or "high tech", have on our environment. This newfound insight has profoundly enriched my understanding of current ecological issues.

-
-
- BeeGuard - Hector le collector -

During the same day, I also had the chance to attend a roundtable discussion on the topic of impact entrepreneurship. The guests were the CEOs of the startups Hector the Collector and BeeGuard! It was incredibly enlightening and motivating. This experience showed me the potential of aligning business ventures with environmental and social values, truly an inspiring moment that has expanded my perspective on how businesses can operate for the greater good.

-
-
@@ -338,7 +83,7 @@

Contact me!

Email icon -

ikramberroug24@gmail.com

+

ikram24@gmail.com

diff --git a/international_mobility.html b/international_mobility.html new file mode 100644 index 0000000..c26d849 --- /dev/null +++ b/international_mobility.html @@ -0,0 +1,46 @@ + + + + + + + + International mobility + + + + +

International mobility

+
+ Italy +

I came into this world in 2003 in Rome, the capital of Italy. I spent my early years there, going to primary school until I turned nine in 2012.

+
+
+ Morocco +

In 2012, my parents made the decision to go back to Morocco, my home country, and more specifically to Beni Mellal, a small city in the heart of Morocco. I continued my education there until I completed my baccalaureate, and I even pursued my first year of preparatory classes in that city.

+

During the second year, I moved on to study my second year of preparatory classes at a more prestigious institution, Al Zahrawi, situated in Rabat.

+
+
+ France +

And now, I find myself residing in France, where I am currently pursuing my studies at ENSEEIHT, an engineering school located in Toulouse.

+
+
+ future +

In the upcoming years, I'm uncertain about my future residence or destinations. I am particularly intrigued by the dual-degree programs our school provides, such as the opportunity to pursue a master's degree at universities like Georgia Tech and EPFL.

+
+ + + + + + diff --git a/style.css b/style.css index b92eaab..d04d463 100644 --- a/style.css +++ b/style.css @@ -403,138 +403,16 @@ section { } /* CAREER DEVELOPMENT */ -/* SKILLS GRID */ -.skills-container { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); - gap: 1rem; - margin-top: 0.5rem; - justify-items: center; -} -.skill-item { +.btns_container { + position: relative; + bottom: 10%; + width: 100%; display: flex; flex-direction: column; - align-items: center; justify-content: center; - background-color: white; - padding: 0.5rem; - border-radius: 10px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); - transition: transform 0.3s ease; - width: 100px; - text-align: center; -} - -.skill-item:hover { - transform: translateY(-10px); -} - -.skill-item img { - width: 50px; - height: auto; - margin-bottom: 0.5rem; -} - -.skill-item p { - color: rgb(85, 85, 85); - font-weight: 600; - margin-top: 0.5rem; -} - -/* SECTION DES PROJETS */ -.projects-container { - margin-top: 1rem; /* Ajoute un espace au-dessus de la section */ - display: flex; /* Utilise Flexbox pour organiser les projets */ - flex-wrap: wrap; /* Permet aux projets de passer à la ligne si nécessaire */ - gap: 2rem; /* Espace entre chaque projet */ - justify-content: center; /* Centre les projets horizontalement */ -} - -/* Styles pour chaque projet individuel */ -.project-item { - background-color: white; /* Fond blanc pour chaque carte de projet */ - padding: 0.5rem; /* Ajoute de l'espace intérieur à la carte */ - border-radius: 10px; /* Coins arrondis */ - width: calc(40% - 2rem); /* Chaque carte occupe environ un tiers de la largeur totale */ - box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Ombre légère autour des cartes */ - transition: transform 0.3s ease, height 0.3s ease; /* Ajoute une transition fluide pour la taille et le mouvement */ - display: flex; /* Utilise Flexbox pour organiser le contenu interne */ - flex-direction: column; /* Organise les éléments en colonne */ - align-items: center; /* Centre horizontalement les éléments */ - text-align: center; /* Centre le texte */ - overflow: hidden; /* Cache tout ce qui dépasse de la carte */ - height: 300px; /* Hauteur initiale des cartes */ - position: relative; /* Nécessaire pour les ajustements lors du survol */ -} - -/* SECTION DE L'IMAGE */ -/* Conteneur de l'image dans chaque projet */ -.project-image { - width: 100%; /* L'image occupe toute la largeur de la carte */ - height: 75%; /* L'image occupe 75% de la hauteur de la carte */ - overflow: hidden; /* Cache tout ce qui dépasse du conteneur */ - border-radius: 10px; /* Coins arrondis pour l'image */ - margin-bottom: 1rem; /* Espace sous l'image */ -} - -/* Styles pour l'image elle-même */ -.project-image img { - width: 100%; /* L'image s'ajuste à la largeur du conteneur */ - height: 100%; /* L'image s'ajuste à la hauteur du conteneur */ - object-fit: cover; /* Recadre l'image pour couvrir tout l'espace sans déformation */ -} - -/* TITRE DU PROJET */ -/* Styles pour le titre de chaque projet */ -.project-item h3 { - font-size: 1.25rem; /* Taille de la police */ - color: rgb(85, 85, 85); /* Couleur du texte */ - margin-bottom: 0.5rem; /* Espace sous le titre */ -} - -/* DESCRIPTION DU PROJET */ -/* Styles pour la description dans chaque projet */ -.project-description { - font-size: 0.9rem; /* Taille de la police */ - color: rgb(100, 100, 100); /* Couleur du texte */ - margin-bottom: 1rem; /* Espace sous la description */ - line-height: 1.4; /* Hauteur des lignes */ - display: -webkit-box; /* Configure l'affichage en boîte pour gérer les lignes visibles */ - -webkit-box-orient: vertical; /* Définit l'orientation verticale pour le texte */ - overflow: hidden; /* Cache tout texte supplémentaire */ - text-overflow: ellipsis; /* Ajoute "..." au texte coupé */ - transition: opacity 0.3s ease; /* Transition fluide pour l'opacité */ -} - -/* SECTION DES OUTILS */ -/* Conteneur pour les icônes des outils utilisés dans chaque projet */ -.project-tools { - display: flex; /* Utilise Flexbox pour aligner les icônes */ - gap: 0.5rem; /* Espace entre chaque icône */ - justify-content: center; /* Centre les icônes horizontalement */ - margin-top: auto; /* Positionne cette section en bas de la carte */ -} - -/* Styles pour chaque icône d'outil */ -.tool-icon { - width: 25px; /* Largeur de chaque icône */ - height: 25px; /* Hauteur de chaque icône */ -} - -/* DESIGN RESPONSIVE */ -/* Adaptation des cartes pour les écrans moyens (tablettes) */ -@media (max-width: 768px) { - .project-item { - width: calc(50% - 1rem); /* Chaque carte occupe 50% de la largeur */ - } -} - -/* Adaptation des cartes pour les écrans petits (mobiles) */ -@media (max-width: 480px) { - .project-item { - width: 100%; /* Chaque carte occupe toute la largeur */ - } + align-items: center; + gap: 1rem; }