diff --git a/components/header/header.js b/components/header/header.js
index f6fa9ce..dd450a9 100644
--- a/components/header/header.js
+++ b/components/header/header.js
@@ -39,7 +39,7 @@ const Header = () => {
                                 <a>Mon environnement</a>
                             </ActiveLink>
                         </li>
-                        {/*<li>
+                        <li>
                             <ActiveLink href="/services" activeClassName="active">
                                 <a>Mes services</a>
                             </ActiveLink>
@@ -54,10 +54,6 @@ const Header = () => {
                                 <a>Résumé</a>
                             </ActiveLink>
                         </li>
-                        TODO uncomment*/}
-                        <li>
-                            <a className="about-container button" href="/assets/CV.pdf" target="_blank">Résumé</a>
-                        </li>
                     </ul>
                 </div>
                 <div className="contact-links">
diff --git a/components/home/passions.js b/components/home/passions.js
index 6016ba3..c91d4c4 100644
--- a/components/home/passions.js
+++ b/components/home/passions.js
@@ -25,14 +25,14 @@ const PassionsHome = () => {
                 </div>
                 <div className="passions-bottom">
                     <div className="passions-left passion">
-                        <h1>Le Développement</h1>
+                        <h1>La moto</h1>
                         <p>
                             Je suis développeur Web FullStack, c'est à dire que je maîtrise le BackEnd et le FrontEnd.
                             Je réalise des sites pour des projets personnels ou professionnels. En parallèle, je développe des logiciels mobiles et bureautiques. Je développe également des scripts pour la sécurité de mes applications et je réalise des tests d'intrusion pour tester l'efficacité de ma sécurité
                         </p>
                     </div>
                     <div className="passions-right passion">
-                        <h1>La Technologie</h1>
+                        <h1>La cuisine</h1>
                         <p>
                             J'adore le DevSecOps, c'est un mixe de développement, de sécurité et d'opérations qui consistent à automatiser le développement donc à gagner du temps, et les machines, en effet, j'aimerais concevoir une infrastructure propre à mes besoins que l'héberge et que je déploie moi même..
                             Ce sont des domaines très importants qu'il ne faut pas négliger sur un projet ! Je me documente au quotidien pour respecter la vie privée de mes clients.
diff --git a/components/services/services.js b/components/services/services.js
index 79f53fb..5e527b3 100644
--- a/components/services/services.js
+++ b/components/services/services.js
@@ -3,11 +3,93 @@ import React from 'react';
 const Services = () => {
     return (
         <div className="services">
-            Services
+            <div className="services-container">
+                <h1>Création & Développement</h1>
+                <h4>
+                    Vous avez une idée de projet mais ne connaissez rien en développement ?
+                </h4>
+                <p>
+                    L'offre <span className="title">Création & Développement</span> vous permet de concrétiser vos idées simplement et rapidement !
+                    Je suis capable de développer une application web, mobile et bureautique.
+                </p>
+                <div className="mail-button">
+                    <a href="mailto:contact@arthurdanjou.fr?subject=Création%20et%20Développement">Réaliser un devis</a>
+                </div>
+            </div>
+            <div className="services-container">
+                <h1>Intégration Web</h1>
+                <h4>
+
+                </h4>
+                <p>
+
+                </p>
+                <div className="mail-button">
+                    <a href="mailto:contact@arthurdanjou.fr?subject=Intégration%20Web">Réaliser un devis</a>
+                </div>
+            </div>
+            <div className="services-container">
+                <h1>Ajustement du site</h1>
+                <h4>
+
+                </h4>
+                <p>
+
+                </p>
+                <div className="mail-button">
+                    <a href="mailto:contact@arthurdanjou.fr?subject=Ajustement%20du%20site">Réaliser un devis</a>
+                </div>
+            </div>
+            <div className="services-container">
+                <h1>Référencement</h1>
+                <h4>
+
+                </h4>
+                <p>
+
+                </p>
+                <div className="mail-button">
+                    <a href="mailto:contact@arthurdanjou.fr?subject=Référencement">Réaliser un devis</a>
+                </div>
+            </div>
+            <div className="services-container">
+                <h1>Administration Système</h1>
+                <h4>
+
+                </h4>
+                <p>
+
+                </p>
+                <div className="mail-button">
+                    <a href="mailto:contact@arthurdanjou.fr?subject=Administration%20Système">Réaliser un devis</a>
+                </div>
+            </div>
+            <div className="services-container">
+                <h1>Analyse & conseil</h1>
+                <h4>
+
+                </h4>
+                <p>
+
+                </p>
+                <div className="mail-button">
+                    <a href="mailto:contact@arthurdanjou.fr?subject=Analyse%20et%20Conseil">Réaliser un devis</a>
+                </div>
+            </div>
         </div>
     )
 }
 
 export default Services;
 
-//TODO renvoie mail si offre introuvable
\ No newline at end of file
+//TODO renvoie mail si offre introuvable
+
+/*
+Liste des services
+- Création & Développement (Logiciel, Web, Mobile)
+- Intégration Web
+- Ajustement du site
+- Analyse & Conseil
+- Référencement
+- SysAdmin (Installation, maintenance)
+ */
\ No newline at end of file
diff --git a/components/work/work.js b/components/work/work.js
index 0b2fa3c..b63145d 100644
--- a/components/work/work.js
+++ b/components/work/work.js
@@ -3,7 +3,24 @@ import React from 'react';
 const Work = () => {
     return (
         <div className="work">
-            Travail
+           <div className="work-container">
+               <h1>
+                   Erisium <br/>
+                   <img src="assets/erisium.png" alt="Logo Erisium" height="120" />
+               </h1>
+               <h4>
+                   Java | Développeur Junior
+               </h4>
+               <p>
+                   Chez Erisium, ma mission est de réaliser les différents projets conçus par l'équipe Gameplay. Je développe des jeux, je résouds des bugs,
+               </p>
+           </div>
+            <div className="work-container">
+
+            </div>
+            <div className="work-container">
+
+            </div>
         </div>
     )
 }
diff --git a/public/assets/erisium.png b/public/assets/erisium.png
new file mode 100644
index 0000000..45f9462
Binary files /dev/null and b/public/assets/erisium.png differ
diff --git a/public/style/components/header.scss b/public/style/components/header.scss
index f314fa3..b8f91a9 100644
--- a/public/style/components/header.scss
+++ b/public/style/components/header.scss
@@ -173,7 +173,7 @@ $hover-color: rgba(205, 205, 205, 0.3);
 
     &.opened {
       z-index: 99;
-      height: 375px; //TODO change into 450px
+      height: 450px;
       width: 350px;
       color: $white;
       background-color: $menu-background;
diff --git a/public/style/components/pages/services.scss b/public/style/components/pages/services.scss
index e69de29..7c7c0c8 100644
--- a/public/style/components/pages/services.scss
+++ b/public/style/components/pages/services.scss
@@ -0,0 +1,46 @@
+.services {
+  width: 100%;
+  margin-bottom: 60px;
+
+  .services-container {
+    margin: 30px 0;
+
+    h1 {
+      font-size: $web-h1;
+      line-height: 1;
+    }
+
+    h4 {
+      font-weight: normal;
+      font-size: $web-h4;
+      font-style: italic;
+      margin-bottom: 10px;
+    }
+
+    p {
+      font-size: $web-p;
+      margin-bottom: 10px;
+    }
+
+
+    .mail-button {
+      margin: 5px 0;
+
+      a {
+        padding: 5px 10px;
+        border-radius: 5px;
+        border: 1px solid $black-1;
+        background-color: $black-1;
+        color: $white;
+        font-weight: bold;
+        font-size: $web-p;
+        transition: .3s;
+
+        &:hover {
+          background-color: $white;
+          color: $black-1;
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/public/style/components/pages/work.scss b/public/style/components/pages/work.scss
index e69de29..4ed3366 100644
--- a/public/style/components/pages/work.scss
+++ b/public/style/components/pages/work.scss
@@ -0,0 +1,8 @@
+.work {
+  width: 100%;
+  margin-bottom: 60px;
+
+  .work-container {
+    margin: 30px 0;
+  }
+}
\ No newline at end of file