diff --git a/src/app/components/footer/footer.component.css b/src/app/components/footer/footer.component.css
new file mode 100644
index 0000000..788cb4e
--- /dev/null
+++ b/src/app/components/footer/footer.component.css
@@ -0,0 +1,15 @@
+body {
+    font-family: "Helvetica";
+    margin: 0;
+    padding: 0;
+    background-color: #C9DDED;
+}
+
+h2 {
+    color: #333;
+}
+
+img {
+  width: 40px;
+  height: 40px;
+}
diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
new file mode 100644
index 0000000..d0f6f1a
--- /dev/null
+++ b/src/app/components/footer/footer.component.html
@@ -0,0 +1,7 @@
+<h2>Contacts</h2>
+<p>Vous pouvez me contacter aux informations suivantes :</p>
+<ul>
+    <li><img src="../../../assets/pics/tel.png" alt="Téléphone"> +33 7 84 95 26 85</li>
+    <li><img src="../../../assets/pics/mail.png" alt="Email"><a href="mailto:jault.aurianj@gmail.com">jault.aurianj&#64;gmail.com</a></li>
+    <li><img src="../../../assets/pics/hub.png" alt="Github"> Compte Github</li>
+</ul>
diff --git a/src/app/components/footer/footer.component.spec.ts b/src/app/components/footer/footer.component.spec.ts
new file mode 100644
index 0000000..4647de8
--- /dev/null
+++ b/src/app/components/footer/footer.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { FooterComponent } from './footer.component';
+
+describe('FooterComponent', () => {
+  let component: FooterComponent;
+  let fixture: ComponentFixture<FooterComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [FooterComponent]
+    })
+    .compileComponents();
+    
+    fixture = TestBed.createComponent(FooterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/components/footer/footer.component.ts b/src/app/components/footer/footer.component.ts
new file mode 100644
index 0000000..e2d1a44
--- /dev/null
+++ b/src/app/components/footer/footer.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-footer',
+  standalone: true,
+  imports: [],
+  templateUrl: './footer.component.html',
+  styleUrl: './footer.component.css'
+})
+export class FooterComponent {
+
+}
diff --git a/src/app/components/main-menu/main-menu.component.css b/src/app/components/main-menu/main-menu.component.css
index c76dd57..e6b5dca 100644
--- a/src/app/components/main-menu/main-menu.component.css
+++ b/src/app/components/main-menu/main-menu.component.css
@@ -9,6 +9,8 @@ body {
 
 .container {
     padding: 2rem;
+    max-width: 87%;
+    margin: 0 auto;
 }
 .introduction, .diplomas, .projects, .contact{
     margin-bottom: 2rem;
@@ -21,6 +23,7 @@ h2 {
   background-color: #08828F;
   padding: 1rem;
   margin: 2rem 0;
+  border-radius: 15px;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 .project-item img, .diploma-item img {
@@ -28,6 +31,7 @@ h2 {
     height: 100px;
     margin-right: 20px;
     background-color: #C9DDED;
+    border-radius: 15px;
 }
 .project-content {
     display: flex;
diff --git a/src/app/components/main-menu/main-menu.component.html b/src/app/components/main-menu/main-menu.component.html
index e5e561e..b2402c1 100644
--- a/src/app/components/main-menu/main-menu.component.html
+++ b/src/app/components/main-menu/main-menu.component.html
@@ -3,56 +3,34 @@
 <div class="container">
     <section id="introduction" class="introduction">
         <h2>Introduction</h2>
-        <p>Bienvenu sur mon portfolio ! Je suis Aurian JAULT et cette page internet à était créée dans le cadre de ma formation de BUT Informatique. Ici vous retrouverez l'ensemble de mes formations, mes contacts, mes projets majeurs et plein d'autre choses !</p>
+        <p>Bienvenu sur mon portfolio ! Je suis Aurian JAULT et cette page internet à était créée dans le cadre de ma formation de BUT Informatique. Ici, vous retrouverez l'ensemble de mes formations, mes contacts, mes projets majeurs et plein d'autre choses !</p>
     </section>
 
 <section id="diplomas" class="diplomas">
     <h2>Diplômes</h2>
-    <div class="diploma-item">
-        <img src="../../../assets/pics/lq.jpg" alt="Bac général">
+    <div class="diploma-item" *ngFor="let dipl of dipls">
+        <img src={{dipl.img}} alt={{dipl.name}} >
         <div class="item-content">
-            <h3>Diplôme 1</h3>
-            <p>Description du diplôme 1. Établissement: Université ABC. Année: 2020.</p>
-        </div>
-    </div>
-    <div class="diploma-item">
-        <img src="../../../assets/pics/uca.png" alt="BUT Informatique">
-        <div class="item-content">
-            <h3>Diplôme 2</h3>
-            <p>Description du diplôme 2. Établissement: Université XYZ. Année: 2018.</p>
+          <h3> {{ dipl.name }} </h3>
+          <p> {{ dipl.description }}</p>
         </div>
     </div>
 </section>
 
 <section id="projects" class="projects">
   <h2>Projets</h2>
-  <div class="project-item">
-      <img src="../../../assets/pics/map.png" alt="ArchiVR">
-      <div class="project-content">
-          <h3>Archi-VR</h3>
-          <p>Application de génération de visites virtuelles.</p>
-      </div>
-  </div>
-  <div class="project-item">
-      <img src="../../../assets/pics/nft.png" alt="PassWorld">
-      <div class="project-content">
-          <h3>PassWorld</h3>
-          <p>Gestionnaire de mots de passe compatible avec les Yubikeys.</p>
-      </div>
-  </div>
-  <div class="project-item">
-      <img src="../../../assets/pics/rdd.jpg" alt="FukaFukaShita">
-      <div class="project-content">
-          <h3>FukaFukaShita</h3>
-          <p>Site de forum de rêves/cauchemar</p>
-      </div>
+  <div *ngFor="let projet of projs" class="project-item">
+    <img src={{projet.img}} alt={{projet.name}}>
+    <div class="project-content">
+      <h3><a href={{projet.link}}>{{ projet.name }}</a></h3>
+      <p>{{projet.description}}</p>
+    </div>
   </div>
 
 </section>
 
 <section id="contact" class="contact">
-    <h2>Contact</h2>
-    <!-- <p>Vous pouvez me contacter à l'adresse suivante : email@example.com</p> -->
+      <app-footer></app-footer>
 </section>
 </div>
 </body>
diff --git a/src/app/components/main-menu/main-menu.component.ts b/src/app/components/main-menu/main-menu.component.ts
index e2143e0..f033d24 100644
--- a/src/app/components/main-menu/main-menu.component.ts
+++ b/src/app/components/main-menu/main-menu.component.ts
@@ -1,14 +1,26 @@
 import { Component } from '@angular/core';
 import { NavbarComponent } from '../navbar/navbar.component';
+import { FooterComponent } from '../footer/footer.component';
+import { ProjetService } from '../../services/projet';
+import { Projet } from '../../models/projet';
+import { NgFor } from '@angular/common';
+import { Diplome } from '../../models/diplomes';
 
 @Component({
   selector: 'app-main-menu',
   standalone: true,
-  imports: [NavbarComponent],
+  imports: [NavbarComponent, FooterComponent, NgFor],
   providers: [],
   templateUrl: './main-menu.component.html',
   styleUrl: './main-menu.component.css'
 })
 export class MainMenuComponent {
+  public projs: Projet[];
+  public dipls: Diplome[];
 
+  constructor(public service: ProjetService)
+  {
+    this.projs = service.getProjets();
+    this.dipls = service.getDiplomes();
+  }
 }
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index 4f97fc4..5803e23 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -6,6 +6,7 @@
             <li><a href="#introduction">Introduction</a></li>
             <li><a href="#projects">Projets</a></li>
             <li><a href="#contact">Contact</a></li>
+            <li><a href="../../../assets/Aurian Jault.pdf">CV</a></li>
         </ul>
     </nav>
 </header>
diff --git a/src/app/datas/projet.stub.ts b/src/app/datas/projet.stub.ts
new file mode 100644
index 0000000..2684788
--- /dev/null
+++ b/src/app/datas/projet.stub.ts
@@ -0,0 +1,14 @@
+import { Projet } from "../models/projet"
+import { Diplome } from "../models/diplomes"
+
+export const PROJ : Projet[]  = [
+  {name: "Archi-VR", img: "../../../assets/pics/map.png", description: "Application de génération de visites virtuelles. Cette application à était réalisé entièrement en PHP et Javascript durant ma 3ème année de BUT informatique. Nous étions 3 pour réaliser de bout en bout ce projet.", link: "https://github.com/AurianJault/archivr"},
+  {name: "PassWorld", img: "../../../assets/pics/nft.png", description: "Gestionnaire de mots de passe compatible avec les Yubikeys. Ce projet à était conçue durant ma deuxième année de BUT Informatique par 5 membres. Cette application à était réalisée entièrement en Flutter", link: "https://github.com/PassWorldTeam/Passworld"},
+  {name: "FukaFukaShita", img: "../../../assets/pics/rdd.jpg", description: "Site de forum de rêves/cauchemar. Ce projet à était créé dans le cadre de la matière PHP symphony en 3ème année de BUT Informatique.", link: "https://github.com/Assassymfony/Fukafukashita"},
+]
+
+export const DIPLO : Diplome[] = [
+  { name: "BUT Informatique - Spécialité WEB", description: "Année d'obtention : 2024", img: "../../../assets/pics/uca.png"},
+  { name: "Bac général : Maths & Physique-Chimie", description: "Diplôme obtenue sans mention en 2021.", img: "../../../assets/pics/lq.jpg"},
+  { name: "Master Cybersécurité", description: "Actuellement accepté à l'ESAIP à Angers pour mon master en Cybersécurité.", img: "../../../assets/pics/esaip.jpeg"},
+]
diff --git a/src/app/models/diplomes.ts b/src/app/models/diplomes.ts
new file mode 100644
index 0000000..a9595c3
--- /dev/null
+++ b/src/app/models/diplomes.ts
@@ -0,0 +1,5 @@
+export interface Diplome {
+  description: string;
+  img: string;
+  name: string;
+}
diff --git a/src/app/models/projet.ts b/src/app/models/projet.ts
new file mode 100644
index 0000000..2328b41
--- /dev/null
+++ b/src/app/models/projet.ts
@@ -0,0 +1,6 @@
+export interface Projet {
+  description: string;
+  img: string;
+  name: string;
+  link: string;
+}
diff --git a/src/app/services/projet.ts b/src/app/services/projet.ts
new file mode 100644
index 0000000..ce97564
--- /dev/null
+++ b/src/app/services/projet.ts
@@ -0,0 +1,25 @@
+import { Injectable } from "@angular/core";
+import { Projet } from "../models/projet";
+import { Diplome } from "../models/diplomes";
+import { PROJ } from "../datas/projet.stub";
+import { DIPLO } from "../datas/projet.stub";
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ProjetService {
+  private projs: Projet[] = PROJ;
+  private dipls : Diplome[] = DIPLO;
+
+  constructor() {}
+
+  getProjets(): Projet[]
+  {
+    return this.projs;
+  }
+
+  getDiplomes(): Diplome[]
+  {
+    return this.dipls;
+  }
+}
diff --git a/src/assets/Aurian Jault.pdf b/src/assets/Aurian Jault.pdf
new file mode 100644
index 0000000..9bab5c0
Binary files /dev/null and b/src/assets/Aurian Jault.pdf differ
diff --git a/src/assets/pics/esaip.jpeg b/src/assets/pics/esaip.jpeg
new file mode 100644
index 0000000..604ba34
Binary files /dev/null and b/src/assets/pics/esaip.jpeg differ
diff --git a/src/assets/pics/hub.png b/src/assets/pics/hub.png
new file mode 100644
index 0000000..9490ffc
Binary files /dev/null and b/src/assets/pics/hub.png differ
diff --git a/src/assets/pics/mail.png b/src/assets/pics/mail.png
new file mode 100644
index 0000000..72c50e1
Binary files /dev/null and b/src/assets/pics/mail.png differ
diff --git a/src/assets/pics/tel.png b/src/assets/pics/tel.png
new file mode 100644
index 0000000..bae11aa
Binary files /dev/null and b/src/assets/pics/tel.png differ