diff --git a/dockerfile b/dockerfile
new file mode 100644
index 0000000..13efebc
--- /dev/null
+++ b/dockerfile
@@ -0,0 +1,11 @@
+FROM nginx:alpine
+
+LABEL authors="Noam"
+
+RUN rm -rf /usr/share/nginx/html/*
+
+COPY . /usr/share/nginx/html/
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..17e3377
--- /dev/null
+++ b/index.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Portfolio – Étudiant BTS CIEL</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+
+    <header>
+        <h1>Noam CARONIQUE</h1>
+        <p>Étudiant en BTS CIEL – 2ᵉ année</p>
+    </header>
+
+    <nav>
+        <a href="#about">À propos</a>
+        <a href="#projects">Projets</a>
+        <a href="#skills">Compétences</a>
+        <a href="#contact">Contact</a>
+    </nav>
+
+    <section id="about">
+        <h2>À propos</h2>
+        <p>
+            Je suis étudiant en deuxième année de BTS CIEL. Passionné par la cybersécurité,
+            le développement logiciel, les réseaux et les objets connectés.
+        </p>
+    </section>
+
+    <section id="projects">
+        <h2>Projets réalisés</h2>
+
+        <div class="project">
+            <h3>Projet CMS</h3>
+            <p>creation d'un site qui repartie des articles</p>
+        </div>
+
+        <div class="project">
+            <h3>Site Web</h3>
+            <p>Site en HTML/CSS</p>
+        </div>
+    </section>
+
+    <section id="skills">
+        <h2>Compétences</h2>
+        <div class="skills">
+            <div class="skill">HTML / CSS</div>
+            <div class="skill">PHP / MySQL</div>
+            <div class="skill">Réseaux</div>
+            <div class="skill">Cybersécurité</div>
+            <div class="skill">Cisco Packet Tracer</div>
+        </div>
+    </section>
+
+    <section id="contact">
+        <h2>Contact</h2>
+        <p>Email : <b>noam.caronique@gmail.com</b></p>
+    </section>
+
+    <footer>
+        © 2025 – Portfolio BTS CIEL
+    </footer>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/launch-dockers.sh b/launch-dockers.sh
new file mode 100644
index 0000000..9803578
--- /dev/null
+++ b/launch-dockers.sh
@@ -0,0 +1,7 @@
+#!/bin/bash
+
+docker stop portefolio
+
+docker build -t portefolio .
+
+docker run -it --rm -p 8080:80 --name portefolio -v .:/usr/share/nginx/html/ nginx
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..50fda2e
--- /dev/null
+++ b/style.css
@@ -0,0 +1,96 @@
+/* --- GLOBAL --- */
+body {
+    margin: 0;
+    font-family: "Poppins", sans-serif;
+    background: #f2f4f7;
+    color: #333;
+}
+
+/* --- HEADER --- */
+header {
+    background: linear-gradient(135deg, #1f2937, #3b82f6);
+    color: white;
+    padding: 70px 20px;
+    text-align: center;
+}
+
+header h1 {
+    margin: 0;
+    font-size: 3rem;
+}
+
+/* --- NAVIGATION --- */
+nav {
+    background: #111827;
+    padding: 15px 20px;
+    text-align: center;
+}
+
+nav a {
+    color: white;
+    text-decoration: none;
+    margin: 0 20px;
+    font-weight: bold;
+    transition: 0.3s;
+}
+
+nav a:hover {
+    color: #3b82f6;
+}
+
+/* --- SECTIONS --- */
+section {
+    padding: 50px 20px;
+    max-width: 1000px;
+    margin: auto;
+}
+
+h2 {
+    color: #1f2937;
+    border-left: 5px solid #3b82f6;
+    padding-left: 10px;
+}
+
+/* --- PROJECT CARDS --- */
+.project {
+    background: white;
+    padding: 20px;
+    border-radius: 10px;
+    margin-bottom: 25px;
+    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+    transition: transform 0.2s;
+}
+
+.project:hover {
+    transform: translateY(-5px);
+}
+
+/* --- SKILLS GRID --- */
+.skills {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
+    gap: 15px;
+}
+
+.skill {
+    background: #3b82f6;
+    color: white;
+    text-align: center;
+    padding: 12px;
+    border-radius: 8px;
+    font-weight: bold;
+    transition: 0.2s;
+}
+
+.skill:hover {
+    background: #1e40af;
+}
+
+/* --- FOOTER --- */
+footer {
+    background: #111827;
+    color: white;
+    text-align: center;
+    padding: 20px;
+    margin-top: 40px;
+}
\ No newline at end of file
