Skip to content

Commit

Permalink
update profile
Browse files Browse the repository at this point in the history
  • Loading branch information
@ikramberroug
ikramberroug committed Nov 22, 2024
1 parent 609f1f8 commit fcb28e6
Show file tree
Hide file tree
Showing 2 changed files with 411 additions and 59 deletions.
193 changes: 171 additions & 22 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,24 +43,30 @@


<section id="profile">
<div class="section_text">
<p class="section__text__p1">Hello, I'm</p>
<h1 class="title">Ikram Berroug</h1>
<p class="section__text__p1">a first year student at ENSEEIHT</p>
<div class="hi_profile">
<p class="section__text__p1">Hi, I'm</p>
<h1 class="section_profile_title">Ikram Berroug</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/CV_BERROUG_IKRAM_en.pdf')">Download english cv</button>
</div>
<div class="btn-container">
<button class="btn btn-color-2" onclick="window.open('./assets/CV_BERROUG_IKRAM.pdf')">Download french cv</button>
</div>
<div class="socials_container">
<img src="./assets/logo-linkedin.png" alt="My linkedin profile"
</div>
<div class="About_Me">
<h2>About Me</h2>
<p>I am passionate about technology, engineering, and continuous learning. I love solving complex problems and creating innovative solutions that make a difference. My goal is to contribute to a sustainable future through technology and collaboration.</p>
</div>
<div class="socials_container">
<img src="./assets/logo-linkedin.png" alt="My linkedin profile"
class="icon" onclick="location.href='https://www.linkedin.com/in/ikram-berroug-7b8195293/'">
<img src="./assets/github-logo.png" alt="My github profile"
class="icon" onclick="location.href='https://github.com/ikramberroug'">
<img src="./assets/LeetCode.png" alt="My leetcode profile"
class="icon" onclick="location.href='https://leetcode.com/u/ikramberroug/'">
</div>
</div>
</section>

Expand Down Expand Up @@ -96,28 +102,171 @@ <h2>CPGE Lycée Mohamed V, Béni Mellal, Morocco</h2>


<section id="Career_development">

<h1 class="title">Career development</h1>
<h1 class="title_2">Skills</h1>
<div class="container-women7">
<img src="./assets/skills/python.png" alt="Python">
<img src="./assets/skills/C.png" alt="C">
<img src="./assets/skills/java.png" alt="Java">
<img src="./assets/skills/ada.png" alt="Ada">
<img src="./assets/skills/javascript.png" alt="JavaScript">
<img src="./assets/skills/html.png" alt="Html">
<img src="./assets/skills/CSS.png" alt="CSS">
<img src="./assets/skills/Matlab.png" alt="Matlab">
<img src="./assets/skills/sql.png" alt="SQL">
<img src="./assets/skills/git.png" alt="Git">
<img src="./assets/skills/linux.png" alt="Linux">
<img src="./assets/skills/latex.png" alt="Latex">
<img src="./assets/skills/ocaml.png" alt="OCaml">
<p>...</p>
<p class="section__text__p1">Here’s a selection of the tools and technologies I have worked with, reflecting my skills in programming and development:</p>

<div class="skills-container">

<div class="skill-item">
<img src="./assets/skills/python.png" alt="Python">
<p>Python</p>
</div>

<div class="skill-item">
<img src="./assets/skills/C.png" alt="C">
<p>C</p>
</div>

<div class="skill-item">
<img src="./assets/skills/java.png" alt="Java">
<p>Java</p>
</div>

<div class="skill-item">
<img src="./assets/skills/ada.png" alt="Ada">
<p>Ada</p>
</div>

<div class="skill-item">
<img src="./assets/skills/javascript.png" alt="JavaScript">
<p>JavaScript</p>
</div>

<div class="skill-item">
<img src="./assets/skills/html.png" alt="Html">
<p>Html</p>
</div>

<div class="skill-item">
<img src="./assets/skills/CSS.png" alt="CSS">
<p>CSS</p>
</div>

<div class="skill-item">
<img src="./assets/skills/Matlab.png" alt="Matlab">
<p>Matlab</p>
</div>

<div class="skill-item">
<img src="./assets/skills/ocaml.png" alt="OCaml">
<p>OCaml</p>
</div>

<div class="skill-item">
<img src="./assets/skills/sql.png" alt="SQL">
<p>SQL</p>
</div>

<div class="skill-item">
<img src="./assets/skills/git.png" alt="Git">
<p>Git</p>
</div>

<div class="skill-item">
<img src="./assets/skills/linux.png" alt="Linux">
<p>Linux</p>
</div>

<div class="skill-item">
<img src="./assets/skills/latex.png" alt="Latex">
<p>Latex</p>
</div>
</div>

<br>
<h1 class="title_2">Projects</h1>

<!-- <div class="projects-container">
<div class="project-item">
<h3>Project 1</h3>
Description du projet Description du projet
</div>
</div> -->
<div class="projects-container">
<div class="project-item">
<div class="project-image">
<img src="assets/hallofchange.png" alt="Project 1">
</div>
<h3>Project 1</h3>
<p class="project-description">This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
</p>
<div class="project-tools">
<img src="assets/skills/linux.png" alt="Tool 1" class="tool-icon">
<img src="assets/skills/python.png" alt="Tool 2" class="tool-icon">
</div>
</div>

<div class="project-item">
<div class="project-image">
<img src="assets/projet-dentreprise.png" alt="Project 1">
</div>
<h3>Project 1</h3>
<p class="project-description">This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
</p>
<div class="project-tools">
<img src="assets/skills/linux.png" alt="Tool 1" class="tool-icon">
<img src="assets/skills/python.png" alt="Tool 2" class="tool-icon">
</div>
</div>

<div class="project-item">
<div class="project-image">
<img src="assets/projet-dentreprise.png" alt="Project 1">
</div>
<h3>Project 1</h3>
<p class="project-description">This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
</p>
<div class="project-tools">
<img src="assets/skills/linux.png" alt="Tool 1" class="tool-icon">
<img src="assets/skills/python.png" alt="Tool 2" class="tool-icon">
</div>
</div>

<div class="project-item">
<div class="project-image">
<img src="assets/projet-dentreprise.png" alt="Project 1">
</div>
<h3>Project 1</h3>
<p class="project-description">This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
This is a short description of the project that ends with ...qiqsdfjqhlkkshj
fvgbhjnk,uhygvbn,kugytfvgb n,kuhygvbn,uygtvbn,kiuygtfcvbn,kygtfvgb n,kiuytrdesdfghjklmlkiuhytredszdrtfhyujik
</p>
<div class="project-tools">
<img src="assets/skills/linux.png" alt="Tool 1" class="tool-icon">
<img src="assets/skills/python.png" alt="Tool 2" class="tool-icon">
</div>
</div>
</div>


</section>


Expand Down
Loading

0 comments on commit fcb28e6

Please sign in to comment.