Youcode-team · yassineuuu · Mar 29, 2020 · Mar 30, 2020 · Mar 30, 2020 · Mar 31, 2020
diff --git a/Design/PDFs/404.pdf b/Design/PDFs/404.pdf
diff --git a/Design/PDFs/Acceil – Desktop.pdf b/Design/PDFs/Acceil – Desktop.pdf
diff --git a/Design/PDFs/Brochure_Arabe.pdf b/Design/PDFs/Brochure_Arabe.pdf
diff --git a/Design/PDFs/Brochure_Français.pdf b/Design/PDFs/Brochure_Français.pdf
diff --git a/Design/PDFs/Conseils - Desktop.pdf b/Design/PDFs/Conseils - Desktop.pdf
diff --git a/Design/PDFs/quize1 – 1.pdf b/Design/PDFs/quize1 – 1.pdf
diff --git a/Design/PDFs/quize1 – 10.pdf b/Design/PDFs/quize1 – 10.pdf
diff --git a/Design/PDFs/quize1 – 11.pdf b/Design/PDFs/quize1 – 11.pdf
diff --git a/Design/PDFs/quize1 – 12.pdf b/Design/PDFs/quize1 – 12.pdf
diff --git a/Design/PDFs/quize1 – 13.pdf b/Design/PDFs/quize1 – 13.pdf
diff --git a/Design/PDFs/quize1 – 14.pdf b/Design/PDFs/quize1 – 14.pdf
diff --git a/Design/PDFs/quize1 – 15.pdf b/Design/PDFs/quize1 – 15.pdf
diff --git a/Design/PDFs/quize1 – 2.pdf b/Design/PDFs/quize1 – 2.pdf
diff --git a/Design/PDFs/quize1 – 3.pdf b/Design/PDFs/quize1 – 3.pdf
diff --git a/Design/PDFs/quize1 – 4.pdf b/Design/PDFs/quize1 – 4.pdf
diff --git a/Design/PDFs/quize1 – 5.pdf b/Design/PDFs/quize1 – 5.pdf
diff --git a/Design/PDFs/quize1 – 6.pdf b/Design/PDFs/quize1 – 6.pdf
diff --git a/Design/PDFs/quize1 – 7.pdf b/Design/PDFs/quize1 – 7.pdf
diff --git a/Design/PDFs/quize1 – 8.pdf b/Design/PDFs/quize1 – 8.pdf
diff --git a/Design/PDFs/quize1 – 9.pdf b/Design/PDFs/quize1 – 9.pdf
diff --git a/Design/version desktop arabe & français.xd b/Design/version desktop arabe & français.xd
diff --git a/Design/version mobile arabe & français.xd b/Design/version mobile arabe & français.xd
diff --git a/README.md b/README.md
@@ -1,85 +1,3 @@
-# Projet Validation :  C2N3_C3N3
 
-## Contexte pédagogique  👋
+#lien : https://yassineuuu.github.io/C2N3_C3N3/.
 
-C'est un projet pour valider les compétences C3N3 (C2N3). 
-
--  C2 : Réaliser une interface utilisateur web statique et adaptable en Niveau 3 
--  C3 : Développer une interface utilisateur web dynamique en Niveau 3 
-
-Ce projet entre dans le cadre de la formation `YOUCODE YOUSSOUFIA PROMOTION 2019/2020`. l'objectif est de valider les compétences soulevés en dessus et incluant tous les développeurs apprenants. 
-
-*Suite à l'etat Actuel au Maroc face à la pandémie `CORONA VIRUS`, les formateurs, @YoussefOUADID @AbdellatifTIJANI @youssefCHOUNI @HananeJABANE @ImaneGANNAOUI, ont proposé un projet visant à guider la communauté à savoir son état de santé actuel en repondant à des questions qu'un medecin nous posera sur place.*
-
-
-## Déroulement : 
-
-### Semaine I & II : 15 jours
-
-[1] `FORK` ou `Clone` le repository suivant, ou on va travailler sous `GITHUB ORGANISATION`.
-
-[2] Analysez l'ensemble des `issues` qui seront assignés au fur et à mesure et qui seront organisés sur le tableau `KANBAN`(des séances
-    live-coding seront programmé sous forme d'issue avec un Timeline à respecter).
-
-[3] Notez bien les `Milestones` assignés aux `issues` représentant le dernier délai des livrables.  
-
-[4] Jetez un coup d'oeil sur le dossier `/Design`, contenant un fichier `AdobeXD` du design et ces `assets`. 
-
-[5] Attaquez l'intégration du site en utilisant les technologies que vous avez vu précédemment `(HTML/CSS/SASS)`.
-
-### Semaine III : 10 jours 
-
-[6] Analysez l'algorithme sur le dossier `/Algorithme` qui sera implémenté avec du  `JAVASCRIPT` (Dynamisez votre site).
-
-### Semaine IV : 5 jours 
-
-[7] Rédigez un rapport d'activités du projet et sa documentation technique (Optionnel). 
-
-## Automatiser : 
-
-__`git clone /lien Repository/` ou `Fork`.
-
-__`npm install /packages/`.
-
-__`Watching` `concatenation` `Préfixage`  avec `NPM Scripts`. 
-
-__`Compression` du `CSS` et `Javascript` avec `NPM Scripts`.
-
-__`deploy` & `hosting` avec `GitHub pages` `netlify`. 
-
-
-## Modalités du travail :
-
-__Travail individuel 
-
-__Des livrables chaque fin de la semaine 
-
-__Timeline d'un mois relatif 
-
-__Des séances live coding fréquentes
-
-__Des sujets de veilles chaque semaine
-
-__Les fichiers starter sont dans le dossier `/Starter-file`
-
-
-## Criteres d'évaluations  :
-
-__Livrables dans les délais.
-
-__L'intégration est conforme à la maquette proposée.
-
-__Respect de la responsivité.
-
-__Implémentation CSS réutilisable. 
-
-__Algorithme dans les normes comme expliqué dans la brochure du dossier `/Algotithme`.
-
-__Des commits et des mises à jour journaliéres sur `GitHub`.
-
-__Des entretiens au pifs qui seront programmés chaque fin de tache.
-
-
-**Restez Toujours Branché !**
-
-**Have fun building!** 🚀
diff --git a/Starter-file/dist/conseil.html b/Starter-file/dist/conseil.html
@@ -0,0 +1,196 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link
+        href="https://fonts.googleapis.com/css?family=Cairo:200,300,400,600,700,900&display=swap&subset=arabic,latin-ext"
+        rel="stylesheet">
+        <link rel="stylesheet" href="../../Starter-file/dist/css/conseil.css">
+        <title>Document</title>
+</head>
+
+<body>
+    <header>
+        <img src="../../images/Assets/SVG/logo__sante-1.svg" alt="logo">
+        <nav>
+            <ul>
+                <li> <a href="#"><span>Conseil</span></a> </li>
+                <li><a href="../../index.html">Acceuil</a></li>
+            </ul>
+            <button type="submit">عربي<img src="../../images/Assets/Icon material-language.png" alt=""></button>
+        </nav>
+
+    </header>
+    <div class="reminder">
+        <h4>LA DERNIÈRE INFO MÉDICALE</h4>
+        <p>La prise d'anti-inflammatoires (ibuprofène, cortisone ...) pourrait être un facteur d'aggravation de
+            l’infection. En cas de fièvre, prenez du paracétamol.<br>
+            N'arrêtez pas votre traitement ! Consultez votre médecin ou votre pharmacien.</p>
+    </div>
+
+    <section class="information">
+
+
+
+            <h3>Comment se protéger et protéger les autres au quotidien ?</h3>
+        <div class="information__advices">
+            <div class="conseil">
+                <div>
+                    <img src="../../images/Assets/Calque1.svg" alt="laver">
+                    <p>Lavez-vous très 
+                        régulièrement les mains</p>
+                </div>
+                <div>
+                    <img src="../../images/Assets/Calque-2.svg" alt="mains">
+                    <p>Saluez sans serrer la main, 
+                        n'embrassez personne</p>
+                </div>
+                <div>
+                    <img src="../../images/Assets/Fichier7.svg" alt="bouche">
+                    <p>Évitez de toucher les yeux
+                        Bouche de nez</p>
+                </div>
+            </div>
+
+            <div class="conseil">
+                <div>
+                    <img src="../../images/Assets/Calque3.svg" alt="masque">
+                    <p> Portez un masque 
+                        si vous êtes malade.</p>
+                </div>
+                <div>
+                    <img src="../../images/Assets/Calque4.svg" alt="rassemblement">
+                    <p>Évitez les rassemblements</p>
+                </div>
+                <div>
+                    <img src="../../images/Assets/cough-svgrepo-com.svg" alt="cough">
+                    <p>Toussez ou éternuez 
+                        dans votre coude ou 
+                        dans un mouchoir</p>
+                </div>
+            </div>
+
+        </div>
+
+
+        <div class="information__restez">
+                <img src="../../images/Assets/SVG/icon-house-1.svg" alt="">
+                <p>Restez chez vous, évitez tout contact avec les autres.
+                    Certaines personnes transmettent le virus sans en ressentir 
+                    les symptômes. </p>
+
+        </div>
+
+
+        <div class="information__info">
+            <div>
+                <h3>Informations</h3>
+
+                <p>Obtenez des informations à jour<br> 
+                    en provenance de Gouvernement.fr</p>
+            </div>
+
+            <button type="submit">http://www.covidmaroc.ma</button>
+            <button type="submit">Ce qu’il faut savoir </button>
+
+        </div>
+
+    </section>
+
+    <section class="section2">
+
+        <h2>Quels sont les symptômes à surveiller ?</h2>
+
+            <div class="section2__fièvre"><img src="../../images/Assets/Tracé 868.svg" alt="">
+                <h4>Fièvre</h4>
+            </div>
+
+            <div class="section2__nausées"><img src="../../images/Assets/png/[email protected]" alt="">
+                <h4>Nausées et vomissements</h4>
+            </div>
+
+            <div class="section2__gêne"><img src="../../images/Assets/png/[email protected]"" alt="">
+            <h4> Gêne respiratoire </h4></div>
+
+            <div class=" section2__toux"><img src="../../images/Assets/png/[email protected]" alt="">
+                <h4>Toux et maux de gorge </h4>
+            </div>
+
+
+        <h3>Le Coronavirus COVID-19 se transmet</h3>
+            <div class="section__projection">
+                <img src="../../images/Assets/Groupe 146.svg" alt="">
+                <p> Par la projection de gouttelettes 
+                    en postillonnant </p>
+            </div>
+            <div class="section__face">
+                <img src="../../images/Assets/Calque4.svg" alt="">
+                <p> Face à face pendant au 
+                    moins 15 min</p>
+            </div>
+    </section>
+
+
+    <section class="section3">
+        <h4>Recommandations officielles</h4>
+        <div class="section3__recommendation">
+            <ul>
+                Si vous pensez être malade,
+                <li>évitez les endroits publics.</li>
+                <li>Ne rendez pas visite aux personnes fragiles.</li>
+                <li>Évitez de sortir de chez vous.</li>
+                <li>Respectez les mesures barrière (lavage de main, masque)</li>
+                <li>Surveillez vos symptômes, l’évolution de votre température corporelle et recherchez un avis médical.
+                </li>
+            </ul>
+
+            <div class="section3__contact">
+                <h4>Apple Gratuit</h4>
+                <button type="submit">080 100 47 47</button>
+                <a href="www.sante.gov.ma">www.sante.gov.ma</a>
+            </div>
+        </div>
+        <div class="section3__test">
+            <p> Vous pensez avoir été exposé au Coronavirus COVID-19 et avez des symptômes ? </p>
+            <img src="../../images/Assets/png/1f637.png" alt="emoji">
+            <div><button type="submit">Demarer le test</button></div>
+        </div>
+
+    </section>
+
+
+    <footer>
+        <img src="../../images/Assets/png/logo__sante-1.png" alt="logo">
+
+        <ul>
+            <li><button type="submit">عربي<img src="../../images/Assets/Icon material-language.png" alt=""></button></li>
+            <li> <a href="#">Conseil</a> </li>
+            <li><a href="../../index.html">Acceuil</a></li>
+        </ul>
+
+        <div class="footer__contact">
+            <h4>Contacts utiles</h4>
+            <p>Chiffre économique "Alo épidémie vigilance"</p>
+            <div class="num">080 100 47 47</div>
+            <p>Aide médicale urgente</p>
+            <div class="num">114</div>
+        </div>
+
+        <div class="footer__apropos">
+            Algorithme d'orientation mis à jour sur les recommandations en vigueur
+            au 22/03/2020 à 16h15. Ce site d’information n’est pas un dispositif médical,
+            il ne délivre pas d’avis médical. Projet solidaire d'urgence,financé par l’Alliance
+            Digitale contre le COVID-19 : @maladiecovid19
+        </div>
+
+        <div class="blue"></div>
+
+
+
+    </footer>
+
+</body>
+
+</html>
diff --git a/Starter-file/dist/css/Groupe149.png b/Starter-file/dist/css/Groupe149.png
diff --git a/Starter-file/dist/css/btn.png b/Starter-file/dist/css/btn.png
diff --git a/Starter-file/dist/css/conseil.css b/Starter-file/dist/css/conseil.css