Skip to content

my 1st pull request #45

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
haitamelkhamali wants to merge 3 commits into
base: main
Choose a base branch
from
Open

my 1st pull request #45

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
c65bf00
Update index.html
haitamelkhamali May 2, 2025
f608f03
Update index.html
haitamelkhamali May 2, 2025
df27144
Create desktop.ini
haitamelkhamali May 6, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions desktop.ini
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
[.ShellClassInfo]
IconResource=C:\Program Files\Microsoft OneDrive\OneDrive.exe,13
101 changes: 72 additions & 29 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,22 +9,24 @@
<!-- =====BOX ICONS===== -->
<link href='https://cdn.jsdelivr.net/npm/[email protected]/css/boxicons.min.css' rel='stylesheet'>

<title>Portfolio website complete</title>
<title>Haitam's Portfolio website</title>
</head>
<body>

<!--===== HEADER =====-->
<header class="l-header">
<nav class="nav bd-grid">
<div>
<a href="#" class="nav__logo">Marlon</a>
<a href="#" class="nav__logo">Haitam EL-KHAMALI</a>
</div>

<div class="nav__menu" id="nav-menu">
<ul class="nav__list">
<li class="nav__item"><a href="#home" class="nav__link active-link">Home</a></li>
<li class="nav__item"><a href="#about" class="nav__link">About</a></li>
<li class="nav__item"><a href="#skills" class="nav__link">Skills</a></li>
<li class="nav__item"><a href="#work" class="nav__link">Work</a></li>
<li class="nav__item"><a href="#education" class="nav__link">Education</a></li>
<li class="nav__item"><a href="#experience" class="nav__link">Experience</a></li>
<li class="nav__item"><a href="#projects" class="nav__link">Projects</a></li>
<li class="nav__item"><a href="#certifications" class="nav__link">Certifications</a></li>
<li class="nav__item"><a href="#contact" class="nav__link">Contact</a></li>
</ul>
</div>
Expand All @@ -39,15 +41,18 @@
<!--===== HOME =====-->
<section class="home bd-grid" id="home">
<div class="home__data">
<h1 class="home__title">Hi,<br>I'am <span class="home__title-color">Marlon</span><br> Web Designer</h1>
<h1 class="home__title">Hi,<br>I'am <span class="home__title-color">Haitam</span><br> Industrial Engineer</h1>

<a href="#" class="button">Contact</a>
</div>

<div class="home__social">
<a href="" class="home__social-icon"><i class='bx bxl-linkedin'></i></a>
<a href="" class="home__social-icon"><i class='bx bxl-behance' ></i></a>
<a href="" class="home__social-icon"><i class='bx bxl-github' ></i></a>
<a href="https://www.linkedin.com/in/haitam-elkhamali/" class="home__social-icon"><i class='bx bxl-linkedin'></i></a>
<a href="https://github.com/haitamelkhamali" class="home__social-icon"><i class='bx bxl-github' ></i></a>
<a href="https://www.datacamp.com/portfolio/elkhamalihaitam" class="home__social-icon"><i class='bx bx-code-alt' ></i></a>
<a href="https://web.facebook.com/profile.php?id=100064403800495&_rdc=1&_rdr#" class="home__social-icon"><i class='bx bxl-facebook' ></i></a>
<a href="https://www.instagram.com/_elk.haitam/" class="home__social-icon"><i class='bx bxl-instagram' ></i></a>
<a href="https://x.com/Heiitaam1" class="home__social-icon"><i class='bx bxl-twitter' ></i></a>
</div>

<div class="home__img">
Expand All @@ -63,29 +68,62 @@ <h1 class="home__title">Hi,<br>I'am <span class="home__title-color">Marlon</span
</div>
</section>

<!--===== ABOUT =====-->
<section class="about section " id="about">
<h2 class="section-title">About</h2>
<!--===== EDUCATION =====-->
<section class="education section " id="education">
<h2 class="section-title">Education</h2>

<div class="education__container bd-grid">
<div class="about__img">
<img src="assets/img/about.jpg" alt="">
</div>

<div>
<h2 class="education__subtitle">I'am Haitam EL-KHAMALI</h2>

<p class="education__text">As a first-year Industrial Engineering student at the prestigious École Mohammadia d'Ingénieurs (EMI), I am on a transformative academic journey that began in August 2024 and will continue until June 2027. EMI represents the pinnacle of engineering education in Morocco, offering an "Ingénieur d'État" degree that is equivalent to a Master's in Engineering (M.Eng). My decision to pursue this path was driven by EMI's reputation for combining rigorous technical training with leadership development through its unique paramilitary structure.</p>

<p class="education__text">My current curriculum at EMI encompasses a diverse range of subjects crucial for modern industrial engineers. I am deeply engaged in courses focused on Supply Chain Management, where I'm developing expertise in optimizing complex logistical networks and understanding global supply ecosystems. My Data Science coursework is providing me with powerful analytical tools to transform raw data into actionable business intelligence. The Lean Management modules are teaching me systematic approaches to eliminate waste while enhancing value in production systems. Additionally, I'm strengthening my professional Communication skills, essential for effective project management and team leadership in industrial settings.</p>

<p class="education__text">Beyond theoretical knowledge, I'm actively applying these concepts through meaningful project work. I've conducted a comprehensive statistical study analyzing social media usage patterns among EMI engineering students, which has enhanced my data collection and statistical analysis capabilities. Another significant project involved analyzing and forecasting student enrollment across preparatory centers throughout Morocco, where I developed predictive models that provided valuable insights for educational planning and resource allocation.</p>

<p class="education__text">My foundation for success at EMI was built during my two intensive years (September 2022 - June 2024) at CPGE Tétouan in the Technology and Sciences Industrielles (TSI) track. This period represented one of the most academically challenging experiences of my life, requiring exceptional discipline and intellectual rigor. The competitive environment pushed me to excel, resulting in an impressive ranking of 55th out of 797 candidates at the National Common Competition (CNC), placing me in the top 6.91% nationwide. This achievement was instrumental in securing my place at EMI, as only the highest-performing students gain admission to this elite institution.</p>

<p class="education__text">During my preparatory years, I developed a strong theoretical foundation through intensive coursework in Mathematics, Physics, Electronics, and Mechanical Engineering. These subjects were complemented by French and English language studies, preparing me for international professional environments. A highlight of this period was my TIPE project (Supervised Personal Initiative Work), where I conducted a detailed study and improvement of a bowling pin distributor system. This project allowed me to apply theoretical concepts to a practical engineering challenge, developing my problem-solving abilities and technical creativity.</p>

<p class="education__text">My academic journey began at Lycée Imam Al-Gazaly, where I completed my Baccalaureate in Mechanical Sciences and Technologies with French Option from September 2020 to July 2022. I graduated with highest honors ("Mention TRÈS BIEN"), a testament to my dedication and intellectual capabilities. Most notably, I was ranked first in my region in the baccalaureate examination for the STM track, an achievement that set the foundation for my subsequent academic success.</p>

<p class="education__text">This educational path has been further distinguished by prestigious recognition. I ranked 1st among 41 candidates at the national level in the CGST Mechanical Engineering competition, earning the EXCELLENCE scholarship awarded by the Hassan II Academy of Sciences and Techniques. This honor included official congratulations from Mr. Moulay Youssef El Azhari and Mr. Omar Fassi Fihri, further validating my academic journey and providing additional motivation to excel in my engineering studies.</p>

<p class="education__text">To complement my formal education, I've pursued several professional certifications that enhance my industrial engineering expertise. These include the DATA ANALYST ASSOCIATE certification from DataCamp (October 2024), Management Consulting from Emory University (March 2024), participation in the McKinsey Forward Program (April 2024), and an upcoming Supply Chain Management certification from Rutgers University (anticipated June 2025). These credentials reflect my commitment to continuous learning and professional development beyond the traditional academic curriculum.</p>

<p class="education__text">As I progress through my engineering education at EMI, I remain inspired by Morocco's industrial transformation and the integration of Industry 4.0 technologies across manufacturing sectors. My comprehensive academic preparation, combined with the practical experience I'm gaining through extracurricular activities and projects, is positioning me to make meaningful contributions to this national development. I am particularly passionate about applying operations research principles to optimize supply chain logistics, as demonstrated by my recent project optimizing a chocolate distribution network across northern Morocco using Python.</p>
</div>
</section>

<!--===== EXPERIENCE =====-->
<section class="experience section " id="experience">
<h2 class="section-title">Experience</h2>

<div class="about__container bd-grid">
<div class="about__img">
<img src="assets/img/about.jpg" alt="">
</div>

<div>
<h2 class="about__subtitle">I'am Marlon</h2>
<p class="about__text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptate cum expedita quo culpa tempora, assumenda, quis fugiat ut voluptates soluta, aut earum nemo recusandae cumque perferendis! Recusandae alias accusamus atque.</p>
<h2 class="experience__subtitle">I'am Haitam EL-KHAMALI</h2>
<p class="experience__text">Industrial Engineering student in my first year at the Mohammadia School of Engineers (EMI), I joined this institution after two intensive years in preparatory classes, drawn by its unique program that combines academic excellence with paramilitary discipline. This journey allows me to develop strong technical skills as well as leadership abilities. Passionate about business management and inspired by the transformation of the industrial sector in Morocco.</p>
</div>
</div>
</section>

<!--===== SKILLS =====-->
<section class="skills section" id="skills">
<h2 class="section-title">Skills</h2>

<div class="skills__container bd-grid">
<!--===== PROJECTS =====-->
<section class="projects section" id="projects">
<h2 class="section-title">Projects</h2>

<div class="projects__container bd-grid">
<div>
<h2 class="skills__subtitle">Profesional Skills</h2>
<h2 class="projects__subtitle">Professional Projects</h2>
<p class="skills__text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Velit optio id vero amet, alias architecto consectetur error eum eaque sit.</p>
<div class="skills__data">
<div class="skills__names">
Expand Down Expand Up @@ -143,11 +181,11 @@ <h2 class="skills__subtitle">Profesional Skills</h2>
</div>
</section>

<!--===== WORK =====-->
<section class="work section" id="work">
<h2 class="section-title">Work</h2>
<!--===== CERTIFICATIONS =====-->
<section class="certifications section" id="certifications">
<h2 class="section-title">Certifications</h2>

<div class="work__container bd-grid">
<div class="certifications__container bd-grid">
<a href="" class="work__img">
<img src="assets/img/work1.jpg" alt="">
</a>
Expand All @@ -169,6 +207,7 @@ <h2 class="section-title">Work</h2>
</div>
</section>


<!--===== CONTACT =====-->
<section class="contact section" id="contact">
<h2 class="section-title">Contact</h2>
Expand All @@ -178,21 +217,25 @@ <h2 class="section-title">Contact</h2>
<input type="text" placeholder="Name" class="contact__input">
<input type="mail" placeholder="Email" class="contact__input">
<textarea name="" id="" cols="0" rows="10" class="contact__input"></textarea>
<input type="button" value="Enviar" class="contact__button button">
<input type="button" value="Send" class="contact__button button">
</form>
</div>
</div>
</section>
</main>

<!--===== FOOTER =====-->
<footer class="footer">
<p class="footer__title">Marlon</p>
<p class="footer__title">Haitam</p>
<div class="footer__social">
<a href="#" class="footer__icon"><i class='bx bxl-facebook' ></i></a>
<a href="#" class="footer__icon"><i class='bx bxl-instagram' ></i></a>
<a href="#" class="footer__icon"><i class='bx bxl-twitter' ></i></a>
<a href="https://www.linkedin.com/in/haitam-elkhamali/" class="footer__icon"><i class='bx bxl-linkedin'></i></a>
<a href="https://github.com/haitamelkhamali" class="footer__icon"><i class='bx bxl-github' ></i></a>
<a href="https://www.datacamp.com/portfolio/elkhamalihaitam" class="footer__icon"><i class='bx bx-code-alt' ></i></a>
<a href="https://web.facebook.com/profile.php?id=100064403800495&_rdc=1&_rdr#" class="footer__icon"><i class='bx bxl-facebook' ></i></a>
<a href="https://www.instagram.com/_elk.haitam/" class="footer__icon"><i class='bx bxl-instagram' ></i></a>
<a href="https://x.com/Heiitaam1" class="footer__icon"><i class='bx bxl-twitter' ></i></a>
</div>
<p class="footer__copy">&#169; Bedimcode. All rigths reserved</p>
<p class="footer__copy">&#169; Haitam EL-KHAMALI. All rigths reserved.</p>
</footer>


Expand Down