diff --git a/subjects/carbon-copy/README.md b/subjects/carbon-copy/README.md
index 9b0bf4b8..ce597ba3 100644
--- a/subjects/carbon-copy/README.md
+++ b/subjects/carbon-copy/README.md
@@ -46,18 +46,22 @@ If you made it until here pretty fast, now the fun will begin! You're gonna add
![](images-order.gif)
+
- In the Contact section, when clicking on the "Introduce yourself" button, get the text typed in the `input` and display it in the middle of the following sentence: "Nice to meet you _[put here the input data]_ 👋! Thanks for introducing yourself." Also, the `
`, ` ` & `` elements have to disappear after the button has been clicked.
![](contact-input.gif)
+
- When clicking on a card, open a modale window that will show the whole article ; the modale will be closed either when clicking on a "Close" button, or when the "Escape" key is pressed.
![](modale.gif)
+
- In the modale article, create a widget that allows to change the text alignment ; on click on `left` or `center` buttons, the layout changes to the chosen justification, and the selected option's `font-weight` becomes `bold` whereas the other becomes `light`.
![](text-alignment.gif)
+
- Warrior option: change the `header` text content to be a random quote every time the page is loaded. You can use this marvelous [Chuck Norris API](https://api.chucknorris.io/) to [fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch) his most inspiring sayings and display them in your own page!
### Notions
diff --git a/subjects/carbon-copy/contact-input.gif b/subjects/carbon-copy/contact-input.gif
index c9e85b26..3cd7e9a8 100644
Binary files a/subjects/carbon-copy/contact-input.gif and b/subjects/carbon-copy/contact-input.gif differ
diff --git a/subjects/carbon-copy/dashboard-template.jpg b/subjects/carbon-copy/dashboard-template.jpg
index 83339550..4ac5eec4 100644
Binary files a/subjects/carbon-copy/dashboard-template.jpg and b/subjects/carbon-copy/dashboard-template.jpg differ
diff --git a/subjects/carbon-copy/images-order.gif b/subjects/carbon-copy/images-order.gif
index c6c748bd..e9624b64 100644
Binary files a/subjects/carbon-copy/images-order.gif and b/subjects/carbon-copy/images-order.gif differ
diff --git a/subjects/carbon-copy/modale.gif b/subjects/carbon-copy/modale.gif
index 775153e3..8172d3c3 100644
Binary files a/subjects/carbon-copy/modale.gif and b/subjects/carbon-copy/modale.gif differ
diff --git a/subjects/carbon-copy/page-template.jpg b/subjects/carbon-copy/page-template.jpg
index 9328f044..218d016b 100644
Binary files a/subjects/carbon-copy/page-template.jpg and b/subjects/carbon-copy/page-template.jpg differ
diff --git a/subjects/carbon-copy/page-wireframe.jpg b/subjects/carbon-copy/page-wireframe.jpg
index fec4fdee..1405b472 100644
Binary files a/subjects/carbon-copy/page-wireframe.jpg and b/subjects/carbon-copy/page-wireframe.jpg differ
diff --git a/subjects/carbon-copy/text-alignment.gif b/subjects/carbon-copy/text-alignment.gif
index d1ff94a3..595cde10 100644
Binary files a/subjects/carbon-copy/text-alignment.gif and b/subjects/carbon-copy/text-alignment.gif differ