update eportfolio

ikramberroug · Jan 2, 2025 · bc0a0b3 · bc0a0b3
1 parent 7379b89
commit bc0a0b3
Show file tree

Hide file tree

Showing 6 changed files with 75 additions and 23 deletions.
diff --git a/career_development.html b/career_development.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="mediaqueries.css">
   <script src="script.js" defer></script>
   <title>Career development</title>
 </head>
@@ -20,7 +21,22 @@
       </div>
     </nav>
 
-
+    <nav id="hamburger-nav">
+      <div class="hamburger-menu">
+          <div class="hamburger-icon" onclick="toggleMenu()">
+              <span></span>
+              <span></span>
+              <span></span>
+          </div>
+          <div class="menu-links">
+              <li><a href="index.html" onclick="toggleMenu()">Home</a></li>
+              <li><a href="engineering_course.html" onclick="toggleMenu()">Engineering course</a></li>
+              <li><a href="career_development.html" onclick="toggleMenu()">Career development</a></li>
+              <li><a href="international_mobility.html" onclick="toggleMenu()">International mobility</a></li>
+              <li><a href="engagement_and_activities.html" onclick="toggleMenu()">Activities & Civic Engagement</a></li>
+          </div>
+      </div>
+  </nav>
 
   <h1 class="title">Career development</h1>
 

diff --git a/engagement_and_activities.html b/engagement_and_activities.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="mediaqueries.css">
   <script src="script.js" defer></script>
   <title>Activities & Civic Engagement</title>
 </head>
@@ -20,8 +21,23 @@
     </div>
   </nav>
 
+  <nav id="hamburger-nav">
+    <div class="hamburger-menu">
+        <div class="hamburger-icon" onclick="toggleMenu()">
+            <span></span>
+            <span></span>
+            <span></span>
+        </div>
+        <div class="menu-links">
+            <li><a href="index.html" onclick="toggleMenu()">Home</a></li>
+            <li><a href="engineering_course.html" onclick="toggleMenu()">Engineering course</a></li>
+            <li><a href="career_development.html" onclick="toggleMenu()">Career development</a></li>
+            <li><a href="international_mobility.html" onclick="toggleMenu()">International mobility</a></li>
+            <li><a href="engagement_and_activities.html" onclick="toggleMenu()">Activities & Civic Engagement</a></li>
+        </div>
+    </div>
+  </nav>  
 
-
     <section id="Sport_and_other_activities">
         <h1 class="title">Sport and other activities</h1>
 

diff --git a/engineering_course.html b/engineering_course.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="mediaqueries.css">
   <script src="script.js" defer></script>
   <title>Engineering Courses</title>
 </head>
@@ -21,6 +22,23 @@
     </div>
   </nav>
 
+  <nav id="hamburger-nav">
+    <div class="hamburger-menu">
+        <div class="hamburger-icon" onclick="toggleMenu()">
+            <span></span>
+            <span></span>
+            <span></span>
+        </div>
+        <div class="menu-links">
+            <li><a href="index.html" onclick="toggleMenu()">Home</a></li>
+            <li><a href="engineering_course.html" onclick="toggleMenu()">Engineering course</a></li>
+            <li><a href="career_development.html" onclick="toggleMenu()">Career development</a></li>
+            <li><a href="international_mobility.html" onclick="toggleMenu()">International mobility</a></li>
+            <li><a href="engagement_and_activities.html" onclick="toggleMenu()">Activities & Civic Engagement</a></li>
+        </div>
+    </div>
+</nav>
+
     <h1 class="title">Engineering course</h1>
     <div class="timeline">
         <div class="timeline-item">

diff --git a/index.html b/index.html
@@ -32,11 +32,11 @@
                 <span></span>
             </div>
             <div class="menu-links">
-                <li><a href="#Engineering_course" onclick="toggleMenu()">Engineering course</a></li>
-                <li><a href="#Career_development" onclick="toggleMenu()">Career development</a></li>
-                <li><a href="#International_mobility" onclick="toggleMenu()">International mobility</a></li>
-                <li><a href="#Sport_and_other_activities" onclick="toggleMenu()">Sport and other activities</a></li>
-                <li><a href="#Sustainability_and_civic_engagement" onclick="toggleMenu()">Sustainability and civic engagement</a></li>
+                <li><a href="index.html" onclick="toggleMenu()">Home</a></li>
+                <li><a href="engineering_course.html" onclick="toggleMenu()">Engineering course</a></li>
+                <li><a href="career_development.html" onclick="toggleMenu()">Career development</a></li>
+                <li><a href="international_mobility.html" onclick="toggleMenu()">International mobility</a></li>
+                <li><a href="engagement_and_activities.html" onclick="toggleMenu()">Activities & Civic Engagement</a></li>
             </div>
         </div>
     </nav>
@@ -48,14 +48,6 @@
             <h1 class="section_profile_title">Ikram </h1>
             <p class="section__text__p1">HPC and Big Data engineering student @ ENSEEIHT</p>
         </div>
-        <div class="resume_container">
-            <div class="btn-container">
-                <button class="btn btn-color-2" onclick="window.open('./assets/')">Download english cv</button>
-            </div>
-            <div class="btn-container">
-                <button class="btn btn-color-2" onclick="window.open('./assets/')">Download french cv</button>
-            </div>
-        </div>
         <div class="socials_container">
             <img src="./assets/image/logo-linkedin.png" alt="My linkedin profile" 
                 class="icon" onclick="location.href='https://www.linkedin.com/in/ikram-7b8195293/'">

diff --git a/international_mobility.html b/international_mobility.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="style.css">
+  <link rel="stylesheet" href="mediaqueries.css">
   <script src="script.js" defer></script>
   <title>International mobility</title>
 </head>
@@ -20,6 +21,23 @@
     </div>
   </nav>
 
+  <nav id="hamburger-nav">
+    <div class="hamburger-menu">
+        <div class="hamburger-icon" onclick="toggleMenu()">
+            <span></span>
+            <span></span>
+            <span></span>
+        </div>
+        <div class="menu-links">
+            <li><a href="index.html" onclick="toggleMenu()">Home</a></li>
+            <li><a href="engineering_course.html" onclick="toggleMenu()">Engineering course</a></li>
+            <li><a href="career_development.html" onclick="toggleMenu()">Career development</a></li>
+            <li><a href="international_mobility.html" onclick="toggleMenu()">International mobility</a></li>
+            <li><a href="engagement_and_activities.html" onclick="toggleMenu()">Activities & Civic Engagement</a></li>
+        </div>
+    </div>
+</nav>
+
   <h1 class="title">International mobility</h1>
   <div>
       <img src="assets/image/Flag_of_Italy_Flat_Wavy-512x393.png" alt="Italy">

diff --git a/style.css b/style.css
@@ -162,14 +162,6 @@ section {
     height: auto;
     margin-bottom: 0rem;
 }
-.resume_container {
-    position: relative;
-    bottom: 10%;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    gap: 2rem;
-}
 
 .section__text {
     align-self: center;