diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..41814e5
Binary files /dev/null and b/.DS_Store differ
diff --git a/15 - langage HTML/.DS_Store b/15 - langage HTML/.DS_Store
new file mode 100644
index 0000000..a39671e
Binary files /dev/null and b/15 - langage HTML/.DS_Store differ
diff --git a/15 - langage HTML/5 - Mini-Projet/Site.md b/15 - langage HTML/5 - Mini-Projet/Site.md
new file mode 100644
index 0000000..441f480
--- /dev/null
+++ b/15 - langage HTML/5 - Mini-Projet/Site.md
@@ -0,0 +1,11 @@
+Découverte du Cosmos
+Pages : Planètes - Missions - Quiz
+Features :
+
+Quiz interactif sur l'espace
+
+Animation système solaire (CSS)
+
+Formulaire de questions astronomiques
+
+Liens vers NASA/ESA
\ No newline at end of file
diff --git a/15 - langage HTML/5 - Mini-Projet/mini-projet.pdf b/15 - langage HTML/5 - Mini-Projet/mini-projet.pdf
new file mode 100644
index 0000000..ef2e7bc
Binary files /dev/null and b/15 - langage HTML/5 - Mini-Projet/mini-projet.pdf differ
diff --git a/15 - langage HTML/5 - Mini-Projet/src/.DS_Store b/15 - langage HTML/5 - Mini-Projet/src/.DS_Store
new file mode 100644
index 0000000..bb81525
Binary files /dev/null and b/15 - langage HTML/5 - Mini-Projet/src/.DS_Store differ
diff --git a/15 - langage HTML/5 - Mini-Projet/src/assets/images/logo/airbus.svg b/15 - langage HTML/5 - Mini-Projet/src/assets/images/logo/airbus.svg
new file mode 100644
index 0000000..da43da4
--- /dev/null
+++ b/15 - langage HTML/5 - Mini-Projet/src/assets/images/logo/airbus.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/15 - langage HTML/5 - Mini-Projet/src/assets/images/planets/mars.jpg b/15 - langage HTML/5 - Mini-Projet/src/assets/images/planets/mars.jpg
new file mode 100644
index 0000000..d588162
Binary files /dev/null and b/15 - langage HTML/5 - Mini-Projet/src/assets/images/planets/mars.jpg differ
diff --git a/15 - langage HTML/5 - Mini-Projet/src/common/animation.css b/15 - langage HTML/5 - Mini-Projet/src/common/animation.css
new file mode 100644
index 0000000..ecc1382
--- /dev/null
+++ b/15 - langage HTML/5 - Mini-Projet/src/common/animation.css
@@ -0,0 +1,110 @@
+.planetContainer {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+ol {
+ color: black;
+ all: unset;
+ aspect-ratio: 1 / 1;
+ container-type: inline-size;
+ display: grid;
+ width: 30%;
+}
+
+li {
+ aspect-ratio: 1 / 1;
+ border: 1px dashed;
+ border-radius: 50%;
+ display: grid;
+ grid-area: 1 / 1;
+ place-self: center;
+ width: var(--d, 2cqi);
+ &::after {
+ animation: rotate var(--t, 3s) linear infinite;
+ aspect-ratio: 1 / 1;
+ background: var(--b, hsl(0, 0%, 50%));
+ border-radius: 50%;
+ box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
+ content: '';
+ display: block;
+ offset-path: content-box;
+ width: var(--w, 2cqi);
+ }
+}
+
+@keyframes rotate {
+ to {
+ offset-distance: 100%;
+ }
+}
+
+.sun {
+ --b: radial-gradient(circle, #f9d71c 0%, #f9a825 50%, #f9a825 100%);
+ --d: 10cqi;
+ --w: 8cqi;
+ border: 0;
+ &::after {
+ animation: none;
+ offset-path: none;
+ place-self: center;
+ }
+}
+
+.mercury {
+ --b: radial-gradient(circle, #c2c2c2 0%, #8a8a8a 100%);
+ --d: 15cqi;
+ --t: 2105.26ms;
+ --w: 2.0526cqi;
+}
+
+.venus {
+ --b: radial-gradient(circle, #f4d03f 0%, #c39c43 100%);
+ --d: 25cqi;
+ --t: 4210.53ms;
+ --w: 2.6053cqi;
+}
+
+.earth {
+ --b: radial-gradient(circle, #3a82f7 0%, #2f9e44 80%, #1a5e20 100%);
+ --d: 35cqi;
+ --t: 6315.79ms;
+ --w: 3.1579cqi;
+}
+
+.mars {
+ --b: radial-gradient(circle, #e57373 0%, #af4448 100%);
+ --d: 45cqi;
+ --t: 8421.05ms;
+ --w: 3.7105cqi;
+}
+
+.jupiter {
+ --b: radial-gradient(circle, #d4a373 0%, #b36d32 50%, #f4e7d3 100%);
+ --d: 60cqi;
+ --t: 12631.58ms;
+ --w: 4.8158cqi;
+}
+
+.saturn {
+ --b: radial-gradient(circle, #e6dba0 0%, #c2a13e 100%);
+ --d: 75cqi;
+ --t: 14736.84ms;
+ --w: 5.3684cqi;
+}
+
+.uranus {
+ --b: radial-gradient(circle, #7de3f4 0%, #3ba0b5 100%);
+ --d: 84.5cqi;
+ --t: 10526.32ms;
+ --w: 4.2632cqi;
+}
+
+.neptune {
+ --b: radial-gradient(circle, #4c6ef5 0%, #1b3b8c 100%);
+ --d: 94cqi;
+ --t: 20000ms;
+ --w: 6cqi;
+}
\ No newline at end of file
diff --git a/15 - langage HTML/5 - Mini-Projet/src/common/script.js b/15 - langage HTML/5 - Mini-Projet/src/common/script.js
new file mode 100644
index 0000000..e69de29
diff --git a/15 - langage HTML/5 - Mini-Projet/src/common/style.css b/15 - langage HTML/5 - Mini-Projet/src/common/style.css
new file mode 100644
index 0000000..a25fa28
--- /dev/null
+++ b/15 - langage HTML/5 - Mini-Projet/src/common/style.css
@@ -0,0 +1,4 @@
+.mainContainer {
+ background-color: darkblue;
+ color: white;
+}
\ No newline at end of file
diff --git a/15 - langage HTML/5 - Mini-Projet/src/index.html b/15 - langage HTML/5 - Mini-Projet/src/index.html
new file mode 100644
index 0000000..c42c725
--- /dev/null
+++ b/15 - langage HTML/5 - Mini-Projet/src/index.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+
+ Le titre de ma page web
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/15 - langage HTML/5 - Mini-Projet/src/pages/form.html b/15 - langage HTML/5 - Mini-Projet/src/pages/form.html
new file mode 100644
index 0000000..ef08fdd
--- /dev/null
+++ b/15 - langage HTML/5 - Mini-Projet/src/pages/form.html
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+
+
+
+
+
+ Todo: Formulaire de questions astronomiques
+
+
+
+
+
\ No newline at end of file
diff --git a/15 - langage HTML/5 - Mini-Projet/src/pages/quizz.html b/15 - langage HTML/5 - Mini-Projet/src/pages/quizz.html
new file mode 100644
index 0000000..15e7e6b
--- /dev/null
+++ b/15 - langage HTML/5 - Mini-Projet/src/pages/quizz.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
+
+
+
+
+
+ Todo: Quiz interactif sur l'espace
+
+
+
+
\ No newline at end of file
diff --git a/15 - langage HTML/5 - Mini-Projet/src/pages/solarsytstem.html b/15 - langage HTML/5 - Mini-Projet/src/pages/solarsytstem.html
new file mode 100644
index 0000000..3e7787c
--- /dev/null
+++ b/15 - langage HTML/5 - Mini-Projet/src/pages/solarsytstem.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
Mars
+
+ - Diamètre : 6 779 km
+ - Température : -63°C
+
+