update eportfolio

ikramberroug · Jan 2, 2025 · 3f65aa0 · 3f65aa0
1 parent 15db30f
commit 3f65aa0
Show file tree

Hide file tree

Showing 40 changed files with 248 additions and 398 deletions.
diff --git a/assets/CV_BERROUG_IKRAM.pdf b/assets/CV_BERROUG_IKRAM.pdf
diff --git a/assets/CV_BERROUG_IKRAM_en.pdf b/assets/CV_BERROUG_IKRAM_en.pdf
diff --git a/assets/Flag_of_France_Flat_Wavy-512x393.png → ...mage/Flag_of_France_Flat_Wavy-512x393.png b/assets/Flag_of_France_Flat_Wavy-512x393.png → ...mage/Flag_of_France_Flat_Wavy-512x393.png
diff --git a/assets/Flag_of_Italy_Flat_Wavy-512x393.png → ...image/Flag_of_Italy_Flat_Wavy-512x393.png b/assets/Flag_of_Italy_Flat_Wavy-512x393.png → ...image/Flag_of_Italy_Flat_Wavy-512x393.png
diff --git a/assets/Flag_of_Morocco_Flat_Wavy-512x393.png → ...age/Flag_of_Morocco_Flat_Wavy-512x393.png b/assets/Flag_of_Morocco_Flat_Wavy-512x393.png → ...age/Flag_of_Morocco_Flat_Wavy-512x393.png
diff --git a/assets/LeetCode.png → assets/image/LeetCode.png b/assets/LeetCode.png → assets/image/LeetCode.png
diff --git a/assets/astre-n7.png → assets/image/astre-n7.png b/assets/astre-n7.png → assets/image/astre-n7.png
diff --git a/assets/beeguard.png → assets/image/beeguard.png b/assets/beeguard.png → assets/image/beeguard.png
diff --git a/assets/email.png → assets/image/email.png b/assets/email.png → assets/image/email.png
diff --git a/assets/enseeiht.png → assets/image/enseeiht.png b/assets/enseeiht.png → assets/image/enseeiht.png
diff --git a/assets/github-logo.png → assets/image/github-logo.png b/assets/github-logo.png → assets/image/github-logo.png
diff --git a/assets/hallofchange.png → assets/image/hallofchange.png b/assets/hallofchange.png → assets/image/hallofchange.png
diff --git a/assets/hector.png → assets/image/hector.png b/assets/hector.png → assets/image/hector.png
diff --git a/assets/logo-linkedin.png → assets/image/logo-linkedin.png b/assets/logo-linkedin.png → assets/image/logo-linkedin.png
diff --git a/assets/low-tech.png → assets/image/low-tech.png b/assets/low-tech.png → assets/image/low-tech.png
diff --git a/assets/image/projet-dentreprise.png b/assets/image/projet-dentreprise.png
diff --git a/assets/questionmark.png → assets/image/questionmark.png b/assets/questionmark.png → assets/image/questionmark.png
diff --git a/assets/satellite.png → assets/image/satellite.png b/assets/satellite.png → assets/image/satellite.png
diff --git a/assets/tolosat_logo.png → assets/image/tolosat_logo.png b/assets/tolosat_logo.png → assets/image/tolosat_logo.png
diff --git a/assets/women7.png → assets/image/women7.png b/assets/women7.png → assets/image/women7.png
diff --git a/assets/pdf/internship_report.pdf b/assets/pdf/internship_report.pdf
diff --git a/assets/skills/C.png b/assets/skills/C.png
diff --git a/assets/skills/CSS.png b/assets/skills/CSS.png
diff --git a/assets/skills/Matlab.png b/assets/skills/Matlab.png
diff --git a/assets/skills/ada.png b/assets/skills/ada.png
diff --git a/assets/skills/git.png b/assets/skills/git.png
diff --git a/assets/skills/html.png b/assets/skills/html.png
diff --git a/assets/skills/java.png b/assets/skills/java.png
diff --git a/assets/skills/javascript.png b/assets/skills/javascript.png
diff --git a/assets/skills/latex.png b/assets/skills/latex.png
diff --git a/assets/skills/linux.png b/assets/skills/linux.png
diff --git a/assets/skills/ocaml.png b/assets/skills/ocaml.png
diff --git a/assets/skills/python.png b/assets/skills/python.png
diff --git a/assets/skills/sql.png b/assets/skills/sql.png
diff --git a/career_development.html b/career_development.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css">
+  <script src="script.js" defer></script>
+  <title>Career development</title>
+</head>
+<body>
+  <nav id="desktop-nav">
+      <div>
+          <ul class="nav-links">
+              <li><a href="index.html">Home</a></li>
+              <li><a href="engineering_course.html">Engineering course</a></li>
+              <li><a href="career_development.html">Career development</a></li>
+              <li><a href="international_mobility.html">International mobility</a></li>
+              <li><a href="engagement_and_activities.html">Activities & Civic Engagement</a></li>
+          </ul>
+      </div>
+    </nav>
+
+
+
+  <h1 class="title">Career development</h1>
+
+  <h2 class="title_2">Personal Professional Project</h1>
+
+  <div class="btns_container">
+
+    <div class="btn-container">
+      <button class="btn btn-color-2" onclick="window.open('./assets/pdf/internship_report.pdf')">PPP Slides</button>
+    </div>
+
+    <div class="btn-container">
+      <button class="btn btn-color-2" onclick="window.open('./assets/pdf/internship_report.pdf')">Job ad</button>
+    </div>
+
+    <div class="btn-container">
+      <button class="btn btn-color-2" onclick="window.open('./assets/pdf/internship_report.pdf')">Cover Letter</button>
+    </div>
+
+    <div class="btn-container">
+      <button class="btn btn-color-2" onclick="window.open('./assets/pdf/internship_report.pdf')">Lettre de motivation</button>
+    </div>
+
+    <div class="btn-container">
+      <button class="btn btn-color-2" onclick="window.open('./assets/pdf/internship_report.pdf')">Resume</button>
+    </div>
+
+    <div class="btn-container">
+      <button class="btn btn-color-2" onclick="window.open('./assets/pdf/internship_report.pdf')">CV</button>
+    </div>
+
+    <div class="btn-container">
+      <button class="btn btn-color-2" onclick="window.open('./assets/pdf/internship_report.pdf')">Summer internship report</button>
+    </div>
+
+  </div>
+
+
+</body>
+</html>
diff --git a/engagement_and_activities.html b/engagement_and_activities.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css">
+  <script src="script.js" defer></script>
+  <title>Activities & Civic Engagement</title>
+</head>
+<body>
+  <nav id="desktop-nav">
+    <div>
+        <ul class="nav-links">
+            <li><a href="index.html">Home</a></li>
+            <li><a href="engineering_course.html">Engineering course</a></li>
+            <li><a href="career_development.html">Career development</a></li>
+            <li><a href="international_mobility.html">International mobility</a></li>
+            <li><a href="engagement_and_activities.html">Activities & Civic Engagement</a></li>
+        </ul>
+    </div>
+  </nav>
+
+
+
+    <section id="Sport_and_other_activities">
+        <h1 class="title">Sport and other activities</h1>
+
+        <h1 class="title_2">TOLOSAT project member</h1>
+        <div class="container-tolosat">
+            <p class="section__text__p2">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.</p>
+            <p class="section__text__p2">Organized into various subsystem teams, we are developing a 3U Cubesat aimed at carrying out a dual student mission.</p>
+            <img src="./assets/image/tolosat_logo.png" alt="Tolosat" onclick="location.href='https://www.tolosat.fr/'">
+            <img src="./assets/image/astre-n7.png" alt="Astre" onclick="location.href='https://astre-toulouse.fr/'">
+            <img src="./assets/image/satellite.png" alt="Tolosat" onclick="location.href='https://www.tolosat.fr/'">
+            <a href="https://github.com/TOLOSAT">TOLOSAT Github</a>
+
+        </div>
+
+        <h1 class="title_2">WOMEN7 CLUB, member of the communication team</h1>
+        <div class="container-women7">
+            <p class="section__text__p2">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.</p>
+            <img src="./assets/image/women7.png" alt="WOMEN7" onclick="location.href='https://www.enseeiht.fr/fr/l-enseeiht/women7.html'">
+        </div>
+    </section>
+
+
+    <section id="Sustainability_and_civic_engagement">
+        <h1 class="title">Sustainability and civic engagement</h1>
+        <div class="container-hallofchange">
+            <img src="./assets/image/hallofchange.png" alt="Hall of change" onclick="location.href='https://www.hallofchange.fr/'">
+            <p>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.</p>
+        </div>
+        <div class="container-lowtech">
+            <img src="./assets/image/low-tech.png" alt="Film low-tech" onclick="location.href='https://www.unifrance.org/film/56353/low-tech/'">
+            <p>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.</p>
+        </div>
+        <div class="container-roundtable">
+            <img src="./assets/image/beeguard.png" alt="BeeGuard" onclick="location.href='https://www.beeguard.fr/'">
+            <img src="./assets/image/hector.png" alt="Hector le collector" onclick="location.href='https://hectorlecollector.fr/'">
+            <p>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.</p>
+        </div>
+    </section>
+
+
+
+
+</body>
+</html>
diff --git a/engineering_course.html b/engineering_course.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="stylesheet" href="style.css">
+  <script src="script.js" defer></script>
+  <title>Engineering Courses</title>
+</head>
+<body>
+
+  <nav id="desktop-nav">
+    <div>
+        <ul class="nav-links">
+            <li><a href="index.html">Home</a></li>
+            <li><a href="engineering_course.html">Engineering course</a></li>
+            <li><a href="career_development.html">Career development</a></li>
+            <li><a href="international_mobility.html">International mobility</a></li>
+            <li><a href="engagement_and_activities.html">Activities & Civic Engagement</a></li>
+        </ul>
+    </div>
+  </nav>
+
+    <h1 class="title">Engineering course</h1>
+    <div class="timeline">
+        <div class="timeline-item">
+            <div class="timeline-content">
+                <h2>ENSEEIHT, Toulouse, France</h2>
+                <img src="./assets/image/enseeiht.png" alt="Inp Enseeiht" class="logo">
+                <p>Sept 2023 - Aujourd'hui</p>
+                <p>Sciences du numérique</p>
+            </div>
+        </div>
+        <div class="timeline-item">
+            <div class="timeline-content">
+                <h2>CPGE Lycée Al-Zahrawi, Rabat, Morocco</h2>
+                <p>Août 2022 - Juillet 2023</p>
+                <p>2ème année, MP*</p>
+            </div>
+        </div>
+        <div class="timeline-item">
+            <div class="timeline-content">
+                <h2>CPGE Lycée Mohamed V, Béni Mellal, Morocco</h2>
+                <p>Sept 2021 - Juillet 2022</p>
+                <p>1ère année, MPSI</p>
+            </div>
+        </div>
+    </div>
+</body>
+</html>