From 7fe5e10b91d6a8172db14f17ecf0be24a4bad42a Mon Sep 17 00:00:00 2001
From: Amir <amirotalbi94@gmail.com>
Date: Sun, 10 Oct 2021 23:34:09 +0200
Subject: [PATCH] last commit

---
 README.md               |   5 ++
 html/ModeSbr.jpg        | Bin 0 -> 9797 bytes
 html/convention.html    |  61 ++++++++++++++++++++
 html/depotOffre1.html   |  49 ++++++++++++++++
 html/depotOffre2.html   |  84 ++++++++++++++++++++++++++++
 html/nouveaulieu.html   | 117 ++++++++++++++++++++++++++++++++++++++
 html/offrestage.html    | 115 ++++++++++++++++++++++++++++++++++++++
 sombre/ModeSbr.jpg      | Bin 0 -> 9797 bytes
 sombre/convention.html  |  68 ++++++++++++++++++++++
 sombre/depotOffre1.html |  57 +++++++++++++++++++
 sombre/depotOffre2.html |  92 ++++++++++++++++++++++++++++++
 sombre/modesombre.html  | 121 ++++++++++++++++++++++++++++++++++++++++
 12 files changed, 769 insertions(+)
 create mode 100644 html/ModeSbr.jpg
 create mode 100644 html/convention.html
 create mode 100644 html/depotOffre1.html
 create mode 100644 html/depotOffre2.html
 create mode 100644 html/nouveaulieu.html
 create mode 100644 html/offrestage.html
 create mode 100644 sombre/ModeSbr.jpg
 create mode 100644 sombre/convention.html
 create mode 100644 sombre/depotOffre1.html
 create mode 100644 sombre/depotOffre2.html
 create mode 100644 sombre/modesombre.html

diff --git a/README.md b/README.md
index e69de29..181af7f 100644
--- a/README.md
+++ b/README.md
@@ -0,0 +1,5 @@
+		Projet IHM :
+
+Instruction: 
+
+Pour la navigation sur la page "Consulter une offre" il faut dézoomer sur la page de 20% en moyenne
diff --git a/html/ModeSbr.jpg b/html/ModeSbr.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f7f582fb4d1359c6915dd7602867ee58098b37d5
GIT binary patch
literal 9797
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

literal 0
HcmV?d00001

diff --git a/html/convention.html b/html/convention.html
new file mode 100644
index 0000000..8a25f30
--- /dev/null
+++ b/html/convention.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
+    <title>Demander une convention </title>
+</head>
+
+<body>
+    <div class="w3-bar w3-black">
+        <a href="#" class="w3-bar-item w3-button">Accueil</a>
+        <a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="#" class="w3-bar-item w3-button">Demander une convention</a>
+    </div>
+
+    <button class="w3-button w3-xlarge w3-topleft"><a href="../sombre/convention.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
+
+    <div class="w3-card-4 w3-twothird w3-padding-32 w3-display-middle w3-center">
+        <div id="depot-offre" class="w3-container w3-mobile">
+            <h1>Demander une convention </h1>
+        </div>
+
+        <br>
+
+
+        <form class="w3-container w3-padding-32" method="" action="">
+
+            <label>S’agit-il d’un stage de 10 à 14 semaines ? <label>
+                    <input class="w3-radio" type="radio" name="semaine" value="" checked>
+                    <label>oui</label>
+                    <input class="w3-radio" type="radio" name="semaine" value="" checked>
+                    <label>non</label>
+
+                    <br><br>
+                    <label>Le stage est-il rémunéré ? <label>
+                            <input class="w3-radio" type="radio" name="remunerer" value="" checked>
+                            <label>oui</label>
+                            <input class="w3-radio" type="radio" name="remunerer" value="" checked>
+                            <label>non</label>
+                            <br><br>
+                            <label>Professeur tuteur</label>
+                            <br>
+                            <select name="prof" id="">
+                                <option value="">--Choisir un professeur--</option>
+                                <option value="Denis">Denis Monnerat</option>
+                                <option value="">Pierre Valarcher</option>
+                                <option value="">Luc Dartois</option>
+                            </select>
+                            <button type="reset"
+                                class="w3-button w3-blue-grey w3-display-bottommiddle  w3-margin-bottom w3-margin-top">Soumettre</button>
+        </form>
+        <br><br>
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/html/depotOffre1.html b/html/depotOffre1.html
new file mode 100644
index 0000000..8122d2c
--- /dev/null
+++ b/html/depotOffre1.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
+    <title>D&eacute;poser une offre</title>
+</head>
+<body>
+    <div class="w3-bar w3-black w3-container">
+        <a href="#" class="w3-bar-item w3-button">Accueil</a>
+        <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
+    </div>
+
+    <button class="w3-button w3-xlarge w3-topleft"><a href="../sombre/depotOffre1.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
+
+    <div class="w3-card-4 w3-half w3-padding-32 w3-display-middle w3-center w3-container">
+        <div id="depot-offre" class="w3-container w3-mobile">
+        <h1>D&eacute;poser une offre</h1>
+        </div>
+
+        <br>
+
+        <div class="w3-container">
+            <button class="w3-button w3-round-large w3-grey">Annonce externe</button>
+            <button class="w3-button w3-round-large w3-blue-grey">Annonce complète</button>
+        </div>
+
+        <form class="w3-container w3-center w3-padding-32">
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Titre de l'offre">
+            <br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Intitulé du poste">
+            <br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="date" placeholder="DD/MM/YYYY">
+            <br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Lien de l'offre">
+            <br>
+            <!--<input class="w3-input w3-border w3-animate-input w3-twothird"  type="text" placeholder="Description">
+            <br>!-->
+            <button class="w3-button w3-blue-grey w3-display-bottommiddle  w3-margin-bottom w3-margin-top">Soumettre</button>
+            <br>
+        </form>
+    </div>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/html/depotOffre2.html b/html/depotOffre2.html
new file mode 100644
index 0000000..220aaf6
--- /dev/null
+++ b/html/depotOffre2.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+    <title>Déposer une offre</title>
+</head>
+<body>
+    <div class="w3-bar w3-black w3-container">
+        <a href="#" class="w3-bar-item w3-button">Accueil</a>
+        <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
+    </div>
+    
+    <button class="w3-button w3-xlarge w3-topleft"><a href="../sombre/depotOffre2.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
+
+    <div class="w3-card-4 w3-twothird w3-display-middle w3-center">
+        <h1>D&eacute;poser une offre</h1>
+    
+        <div class="w3-container w3-center">
+            <button class="w3-button w3-round-large w3-blue-grey">Annonce externe</button>
+            <button class="w3-button w3-round-large w3-grey">Annonce complète</button>
+        </div>
+        <form class="w3-container w3-padding-64">
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Titre de l'offre">
+            <br><br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Intitulé du poste">
+            <br><br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="date" placeholder="DD/MM/YYYY">
+            <br><br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="number" placeholder="Durée du stage (en semaines)">
+            <br><br>
+            <h3 class="w3-left">Description du sujet </h3>
+            <br><br><br>
+            
+            <div class="w3-left">
+                <input class="w3-check" type="checkbox">&nbsp;<label>Bases de données</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Réseau</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Système</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Web</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Administration</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Dev</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Documentation</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Prototype</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Support</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Test</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Mobile</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Autre</label>
+            </div>
+            <br><br><br>
+            
+            
+            <h3 class="w3-left">Technos employées : </h3>
+            <br><br><br>
+            
+            <div class="w3-left">
+                <input class="w3-check" type="checkbox">&nbsp;<label>SQL</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Java</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Python</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>C</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>C++</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>C#</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>PHP</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>JavaScript</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>HTML</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>CSS</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Scripting</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Framework PHP</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Framework JavaScript</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Librairie JavaScript</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>VBA</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Autre</label>
+            </div>
+            <br><br>
+            <button class="w3-button w3-blue-grey w3-display-bottommiddle  w3-margin-bottom w3-margin-top">Soumettre</button>
+            <br>
+        </form>
+    </div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/html/nouveaulieu.html b/html/nouveaulieu.html
new file mode 100644
index 0000000..f3ec114
--- /dev/null
+++ b/html/nouveaulieu.html
@@ -0,0 +1,117 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+    <title>Offres de stages</title>
+
+</head>
+<body>
+    <div class="w3-bar w3-black">
+        <a href="#" class="w3-bar-item w3-button">Accueil</a>
+        <a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
+    </div>
+
+    <button class="w3-button w3-xlarge w3-topleft"><a href="modesombre.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
+
+
+    <div class="w3-card-4 w3-twothird w3-padding-32 w3-display-middle w3-center" >
+        <div id="depot-offre" class="w3-container w3-mobile">
+            <h1>Consulter les offres de stages</h1>
+        </div>
+    
+        <br>
+    
+        <form class="w3-container w3-padding-32">
+
+          <textarea class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description du poste recherché"></textarea>
+          <br><br><br><br>
+
+          <h3 class="w3-left">Description du sujet </h3>
+            <br><br><br>
+
+
+                <div class="w3-left">
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Bases de données</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Réseau</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Système</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Web</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Administration</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Dev</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Documentation</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Prototype</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Support</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Test</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Mobile</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Autre</label> </div>
+              <br><br><br>
+
+              
+              <h3 class="w3-left">Technos employées : </h3>
+              <br><br><br>
+              
+              <div class="w3-left">
+              <input class="w3-check" type="checkbox">&nbsp;<label>SQL</label>
+              <input class="w3-check" type="checkbox">&nbsp;<label>Java</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Python</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>C</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>C++</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>C#</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>PHP</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>JavaScript</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>HTML</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>CSS</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Scripting</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Framework PHP</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Framework JavaScript</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Librairie JavaScript</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>VBA</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Autre</label> </div>
+              <br><br><br><br>
+
+              <div>
+                <h3 class="w3-left">Lieu du stage </h3>
+                <br><br><br>
+            <input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Paris">
+            <br><br>
+            <input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Melun">
+                <br><br>
+            <button class="w3-button w3-blue-grey w3-left w3-margin-bottom w3-margin-top"><a href="nouveaulieu.html" class= "w3-button w3-blue-grey" >Ajouter un autre lieu pour votre stage</a></button>
+
+          </div>
+            <br><br><br><br><br>
+
+            
+
+
+
+            <h3 class="w3-left">Quantité de télétravail </h3>
+            <br><br><br>
+
+              <select class="w3-select" name="option">
+                <option value="1" disabled selected>Un jour dans la semaine</option>
+                <option value="2">Deux jours dans la semaine</option>
+                <option value="3">Trois jours dans la semaine</option>
+                <option value="4">Quatre jours dans la semaine</option>
+                <option value="5">Cinq jours dans la semaine</option>
+                <option value="6">Six jours dans la semaine</option> 
+                <option value="7">Sept jours dans la semaine</option>            
+              </select>
+              <br><br>
+
+
+            <input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description à ajouter pour le télétravail">
+            <br><br>
+            <button class="w3-button w3-blue-grey w3-display-bottommiddle  w3-margin-bottom w3-margin-top">Rechercher</button>
+            <br>
+
+        </form>
+    </div>
+
+
+    </style>
+</body>
+</html>
diff --git a/html/offrestage.html b/html/offrestage.html
new file mode 100644
index 0000000..0ae298f
--- /dev/null
+++ b/html/offrestage.html
@@ -0,0 +1,115 @@
+
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+    <title>Offres de stages</title>
+
+</head>
+<body>
+    <div class="w3-bar w3-black">
+        <a href="#" class="w3-bar-item w3-button">Accueil</a>
+        <a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
+    </div>
+
+    <button class="w3-button w3-xlarge w3-topleft"><a href="modesombre.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
+
+
+    <div class="w3-card-4 w3-twothird w3-padding-32 w3-display-middle w3-center" >
+        <div id="depot-offre" class="w3-container w3-mobile">
+            <h1>Consulter les offres de stages</h1>
+        </div>
+    
+        <br>
+    
+        <form class="w3-container w3-padding-32">
+
+          <textarea class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description du poste recherché"></textarea>
+          <br><br><br><br>
+
+          <h3 class="w3-left">Description du sujet </h3>
+            <br><br><br>
+
+
+                <div class="w3-left">
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Bases de données</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Réseau</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Système</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Web</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Administration</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Dev</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Documentation</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Prototype</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Support</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Test</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Mobile</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Autre</label> </div>
+              <br><br><br>
+
+              
+              <h3 class="w3-left">Technos employées : </h3>
+              <br><br><br>
+              
+              <div class="w3-left">
+              <input class="w3-check" type="checkbox">&nbsp;<label>SQL</label>
+              <input class="w3-check" type="checkbox">&nbsp;<label>Java</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Python</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>C</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>C++</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>C#</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>PHP</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>JavaScript</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>HTML</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>CSS</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Scripting</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Framework PHP</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Framework JavaScript</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Librairie JavaScript</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>VBA</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Autre</label> </div>
+              <br><br><br><br>
+
+              <div>
+                <h3 class="w3-left">Lieu du stage </h3>
+                <br><br><br>
+            <input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Paris">
+            <br><br>
+            <button class="w3-button w3-blue-grey w3-left w3-margin-bottom w3-margin-top"><a href="nouveaulieu.html" class= "w3-button w3-blue-grey" >Ajouter un autre lieu pour votre stage</a></button>
+              </div>
+            <br><br><br><br><br>
+
+            
+
+
+
+            <h3 class="w3-left">Quantité de télétravail </h3>
+            <br><br><br>
+
+              <select class="w3-select" name="option">
+                <option value="1" disabled selected>Un jour dans la semaine</option>
+                <option value="2">Deux jours dans la semaine</option>
+                <option value="3">Trois jours dans la semaine</option>
+                <option value="4">Quatre jours dans la semaine</option>
+                <option value="5">Cinq jours dans la semaine</option>
+                <option value="6">Six jours dans la semaine</option> 
+                <option value="7">Sept jours dans la semaine</option>            
+              </select>
+              <br><br>
+
+
+            <input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description à ajouter pour le télétravail">
+            <br><br>
+            <button class="w3-button w3-blue-grey w3-display-bottommiddle  w3-margin-bottom w3-margin-top">Rechercher</button>
+            <br>
+
+        </form>
+    </div>
+
+
+    </style>
+</body>
+</html>
diff --git a/sombre/ModeSbr.jpg b/sombre/ModeSbr.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f7f582fb4d1359c6915dd7602867ee58098b37d5
GIT binary patch
literal 9797
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

literal 0
HcmV?d00001

diff --git a/sombre/convention.html b/sombre/convention.html
new file mode 100644
index 0000000..758b987
--- /dev/null
+++ b/sombre/convention.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
+    <title>Demander une convention </title>
+</head>
+<style>
+    @media (prefers-color-scheme: dark) {
+        body {
+            background-color: #1c1c1e;
+            color: #fefefe;
+        }
+    }
+</style>
+<body>
+    <div class="w3-bar w3-black">
+        <a href="#" class="w3-bar-item w3-button">Accueil</a>
+        <a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="#" class="w3-bar-item w3-button">Demander une convention</a>
+    </div>
+
+    <button class="w3-button w3-xlarge w3-topleft"><a href="../html/convention.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
+
+    <div class="w3-card-4 w3-twothird w3-padding-32 w3-display-middle w3-center">
+        <div id="depot-offre" class="w3-container w3-mobile">
+            <h1>Demander une convention </h1>
+        </div>
+
+        <br>
+
+
+        <form class="w3-container w3-padding-32" method="" action="">
+
+            <label>S’agit-il d’un stage de 10 à 14 semaines ? <label>
+                    <input class="w3-radio" type="radio" name="semaine" value="" checked>
+                    <label>oui</label>
+                    <input class="w3-radio" type="radio" name="semaine" value="" checked>
+                    <label>non</label>
+
+                    <br><br>
+                    <label>Le stage est-il rémunéré ? <label>
+                            <input class="w3-radio" type="radio" name="remunerer" value="" checked>
+                            <label>oui</label>
+                            <input class="w3-radio" type="radio" name="remunerer" value="" checked>
+                            <label>non</label>
+                            <br><br>
+                            <label>Professeur tuteur</label>
+                            <br>
+                            <select name="prof" id="">
+                                <option value="">--Choisir un professeur--</option>
+                                <option value="Denis">Denis Monnerat</option>
+                                <option value="">Pierre Valarcher</option>
+                                <option value="">Luc Dartois</option>
+                            </select>
+                            <button type="reset"
+                                class="w3-button w3-blue-grey w3-display-bottommiddle  w3-margin-bottom w3-margin-top">Soumettre</button>
+        </form>
+        <br><br>
+    </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/sombre/depotOffre1.html b/sombre/depotOffre1.html
new file mode 100644
index 0000000..42e26af
--- /dev/null
+++ b/sombre/depotOffre1.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
+    <title>D&eacute;poser une offre</title>
+</head>
+<style>
+    @media (prefers-color-scheme: dark) {
+        body {
+            background-color: #1c1c1e;
+            color: #fefefe;
+        }
+    }
+</style>
+<body>
+    <div class="w3-bar w3-black w3-container">
+        <a href="#" class="w3-bar-item w3-button">Accueil</a>
+        <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
+    </div>
+
+    <button class="w3-button w3-xlarge w3-topleft"><a href="../html/depotOffre1.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
+
+    <div class="w3-card-4 w3-half w3-padding-32 w3-display-middle w3-center w3-container">
+        <div id="depot-offre" class="w3-container w3-mobile">
+        <h1>D&eacute;poser une offre</h1>
+        </div>
+
+        <br>
+
+        <div class="w3-container">
+            <button class="w3-button w3-round-large w3-grey">Annonce externe</button>
+            <button class="w3-button w3-round-large w3-blue-grey">Annonce complète</button>
+        </div>
+
+        <form class="w3-container w3-center w3-padding-32">
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Titre de l'offre">
+            <br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Intitulé du poste">
+            <br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="date" placeholder="DD/MM/YYYY">
+            <br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Lien de l'offre">
+            <br>
+            <!--<input class="w3-input w3-border w3-animate-input w3-twothird"  type="text" placeholder="Description">
+            <br>!-->
+            <button class="w3-button w3-blue-grey w3-display-bottommiddle  w3-margin-bottom w3-margin-top">Soumettre</button>
+            <br>
+        </form>
+    </div>
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/sombre/depotOffre2.html b/sombre/depotOffre2.html
new file mode 100644
index 0000000..aa12bb3
--- /dev/null
+++ b/sombre/depotOffre2.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+    <title>Déposer une offre</title>
+</head>
+<style>
+    @media (prefers-color-scheme: dark) {
+        body {
+            background-color: #1c1c1e;
+            color: #fefefe;
+        }
+    }
+</style>
+<body>
+    <div class="w3-bar w3-black w3-container">
+        <a href="#" class="w3-bar-item w3-button">Accueil</a>
+        <a href="depotOffre1.html" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="recherche.html" class="w3-bar-item w3-button">Consulter les offres</a>
+        <a href="convention.html" class="w3-bar-item w3-button">Obtenir ma convention</a>
+    </div>
+
+    <button class="w3-button w3-xlarge w3-topleft"><a href="../html/depotOffre2.html"><img src="ModeSbr.jpg">Mode sombre</a></button>
+
+    <div class="w3-card-4 w3-twothird w3-display-middle w3-center">
+        <h1>D&eacute;poser une offre</h1>
+    
+        <div class="w3-container w3-center">
+            <button class="w3-button w3-round-large w3-blue-grey">Annonce externe</button>
+            <button class="w3-button w3-round-large w3-grey">Annonce complète</button>
+        </div>
+        <form class="w3-container w3-padding-64">
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Titre de l'offre">
+            <br><br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="text" placeholder="Intitulé du poste">
+            <br><br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="date" placeholder="DD/MM/YYYY">
+            <br><br>
+            <input class="w3-input w3-border w3-animate-input w3-twothird" type="number" placeholder="Durée du stage (en semaines)">
+            <br><br>
+            <h3 class="w3-left">Description du sujet </h3>
+            <br><br><br>
+            
+            <div class="w3-left">
+                <input class="w3-check" type="checkbox">&nbsp;<label>Bases de données</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Réseau</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Système</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Web</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Administration</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Dev</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Documentation</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Prototype</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Support</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Test</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Mobile</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Autre</label>
+            </div>
+            <br><br><br>
+            
+            
+            <h3 class="w3-left">Technos employées : </h3>
+            <br><br><br>
+            
+            <div class="w3-left">
+                <input class="w3-check" type="checkbox">&nbsp;<label>SQL</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Java</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Python</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>C</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>C++</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>C#</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>PHP</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>JavaScript</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>HTML</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>CSS</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Scripting</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Framework PHP</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Framework JavaScript</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Librairie JavaScript</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>VBA</label>
+                <input class="w3-check" type="checkbox">&nbsp;<label>Autre</label>
+            </div>
+            <br><br>
+            <button class="w3-button w3-blue-grey w3-display-bottommiddle  w3-margin-bottom w3-margin-top">Soumettre</button>
+            <br>
+        </form>
+    </div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/sombre/modesombre.html b/sombre/modesombre.html
new file mode 100644
index 0000000..2e29dcb
--- /dev/null
+++ b/sombre/modesombre.html
@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+    <title>Offres de stages</title>
+
+</head>
+<body>
+    <div class="w3-bar w3-black">
+        <a href="#" class="w3-bar-item w3-button">Accueil</a>
+        <a href="#" class="w3-bar-item w3-button">Déposer une offre</a>
+        <a href="#" class="w3-bar-item w3-button">Consulter les offres</a>
+    </div>
+
+    <button class="w3-button w3-xlarge w3-topleft"><a href="../html/offrestage.html"><img src="ModeSbr.jpg"></a></button>
+
+
+    <div class="w3-card-4 w3-twothird w3-padding-32 w3-display-middle w3-center" >
+        <div id="depot-offre" class="w3-container w3-mobile">
+            <h1>Consulter les offres de stages</h1>
+        </div>
+    
+        <br>
+    
+        <form class="w3-container w3-padding-32">
+
+          <textarea class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description du poste recherché"></textarea>
+          <br><br><br><br>
+
+          <h3 class="w3-left">Description du sujet </h3>
+            <br><br><br>
+
+                <div class="w3-left">
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Bases de données</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Réseau</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Système</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Web</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Administration</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Dev</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Documentation</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Prototype</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Support</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Test</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Mobile</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Autre</label> </div>
+              <br><br><br>
+
+              
+              <h3 class="w3-left">Technos employées : </h3>
+              <br><br><br>
+              
+              <div class="w3-left">
+              <input class="w3-check" type="checkbox">&nbsp;<label>SQL</label>
+              <input class="w3-check" type="checkbox">&nbsp;<label>Java</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Python</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>C</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>C++</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>C#</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>PHP</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>JavaScript</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>HTML</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>CSS</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Scripting</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Framework PHP</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Framework JavaScript</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Librairie JavaScript</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>VBA</label>
+              <input class="w3-check" type="checkbox" >&nbsp;<label>Autre</label> </div>
+              <br><br><br><br>
+
+              <div>
+                <h3 class="w3-left">Lieu du stage </h3>
+                <br><br><br>
+            <input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Paris">
+            <br><br>
+            <button class="w3-button w3-blue-grey w3-left w3-margin-bottom w3-margin-top"><a href="nouveaulieu.html" class= "w3-button w3-blue-grey" >Ajouter un autre lieu pour votre stage</a></button>
+              </div>
+            <br><br><br><br><br>
+
+            
+
+
+
+            <h3 class="w3-left">Quantité de télétravail </h3>
+            <br><br><br>
+
+              <select class="w3-select" name="option">
+                <option value="1" disabled selected>Un jour dans la semaine</option>
+                <option value="2">Deux jours dans la semaine</option>
+                <option value="3">Trois jours dans la semaine</option>
+                <option value="4">Quatre jours dans la semaine</option>
+                <option value="5">Cinq jours dans la semaine</option>
+                <option value="6">Six jours dans la semaine</option> 
+                <option value="7">Sept jours dans la semaine</option>            
+              </select>
+              <br><br>
+
+
+            <input class="w3-input w3-border w3-animate-input w3-third" type="text" placeholder="Description à ajouter pour le télétravail">
+            <br><br>
+            <button class="w3-button w3-blue-grey w3-display-bottommiddle  w3-margin-bottom w3-margin-top">Soumettre</button>
+            <br>
+
+
+
+        </form>
+    </div>
+    <style>
+        @media (prefers-color-scheme: dark) {
+            body {
+background-color: #1c1c1e;
+color: #fefefe;
+}
+}
+
+    </style>
+</body>
+</html>