index.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html lang="fr-fr">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Exégètes - Presse à Citron</title>
  8. <!-- Bootstrap -->
  9. <!-- <link href="bootstrap3/css/bootstrap.min.css" rel="stylesheet"> -->
  10. <link href="style.css" rel="stylesheet">
  11. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  12. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  13. <!--[if lt IE 9]>
  14. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  15. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  16. <![endif]-->
  17. </head>
  18. <body id="index">
  19. <h1>Presse à Citron</h1>
  20. <p class="bievenue">
  21. Choisis un projet ou bien <a href="#ajouter">ajoute un nouveau projet</a> !
  22. </p>
  23. <div class="éditer" id="ajouter">
  24. <form>
  25. <div class="form-group">
  26. <label for="projetNom">Nom du projet:</label>
  27. <input type="url" class="form-control" id="projetPadPrincipal" placeholder="Projet de mémoire">
  28. </div>
  29. <div class="form-group">
  30. <label for="projetId">Identifiant:</label>
  31. <input type="url" class="form-control" id="projetPadGarde" placeholder="(automatiquement suggéré en fonction du nom)">
  32. </div>
  33. <div class="form-group">
  34. <label for="projetDossier">Dossier: <a href="ajout-dossier.html">(Nouveau dossier ?)</a></label>
  35. <select name="dossier" id="dossiers" multiple="" class="form-control input-lg select2 select2-offscreen" tabindex="-1">
  36. <option value="abroretention">Abrogation de la rétention des données</option>
  37. <option value="tes">Fichier TES</option>
  38. <option value="orangefail">#OrangeFail</option>
  39. <option value="prishield">Privacy Shield</option>
  40. </select>
  41. </div>
  42. <div class="actions">
  43. <button type="submit" class="bouton">Ajouter</button>
  44. </div>
  45. </form>
  46. </div>
  47. <nav class="dossiers">
  48. <h2>Liste des dossiers</h2>
  49. <a href="abroretention/" class="selectionné">Abrogation de la rétention des données</a>
  50. </nav>
  51. <nav class="projets">
  52. <span class="heading">Projets</span>
  53. <a href="#" class="ajouter">Nouveau</a>
  54. <a href="abro-tele2.html">MA Abrogation Tele2</a>
  55. <a href="#">MA REP TES</a>
  56. </nav>
  57. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  58. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  59. <!-- Include all compiled plugins (below), or include individual files as needed -->
  60. <script src="bootstrap3/js/bootstrap.min.js"></script>
  61. </body>
  62. </html>