From 880cd45eb5c4968e4316acb0706a9c95799d4598 Mon Sep 17 00:00:00 2001 From: MarieMalarme Date: Fri, 5 Mar 2021 15:49:39 +0000 Subject: [PATCH] carbon-copy: fix links for images --- subjects/carbon-copy/README.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/subjects/carbon-copy/README.md b/subjects/carbon-copy/README.md index b92329970..b248b7871 100644 --- a/subjects/carbon-copy/README.md +++ b/subjects/carbon-copy/README.md @@ -27,14 +27,14 @@ For this phase, we provide you a CSS file (`styles.css`) that you just have to [ NB: Each item of the navbar menu - in the top right corner - has to bring to the corresponding section on click (clicking on "About" scrolls to the "About" section in the page); take a look at the [`href` anchor use](https://www.w3.org/TR/html401/struct/links.html#h-12.2.3). Here is a [wireframe](https://en.wikipedia.org/wiki/Website_wireframe) of the webpage, showing the HTML tags you have to use: -![](https://github.com/01-edu/public/blob/master/subjects/carbon-copy/page-wireframe.jpg) +![](https://raw.githubusercontent.com/01-edu/public/master/subjects/carbon-copy/page-wireframe.jpg) ### Phase 2: custom CSS _(mandatory)_ First of all, let's customize the color atmosphere of the webpage to your own taste: go to the CSS file `styles.css`, & replace the current blue & yellow with 2 new colors of your choice. Now that the page is mainly built, you have to populate the "Dashboard" section with 3 new elements. -![](https://github.com/01-edu/public/blob/master/subjects/carbon-copy/dashboard-template.jpg) +![](https://raw.githubusercontent.com/01-edu/public/master/subjects/carbon-copy/dashboard-template.jpg) Those 3 cards have to display respectively one information with: @@ -50,23 +50,23 @@ If you made it until here pretty fast, now the fun will begin! You're going to a - Change the order of the pictures when clicking on the pictures' section, [toggling](https://css-tricks.com/snippets/javascript/the-classlist-api/) the pre-defined class `row-reverse` from the CSS file `styles.css`. -![](https://github.com/01-edu/public/blob/master/subjects/carbon-copy/images-order.gif) +![](https://raw.githubusercontent.com/01-edu/public/master/subjects/carbon-copy/images-order.gif) - Option 1: 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 `

`, `` & `