API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 19th, 2020
159
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 10.90 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="fr">
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title>Wsh la mif</title>
  7.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
  8.        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
  9.     <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
  10.        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous">
  11.     </script>
  12.     <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
  13.        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
  14.     </script>
  15.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
  16.        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous">
  17.     </script>
  18.     <!-- <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> -->
  19. </head>
  20.  
  21. <body>
  22.     <div class="container bg-light">
  23.         <div class="row mb-2 text-center">
  24.             <!--en tete-->
  25.             <div class="col">
  26.                 <h1 class="h1">Site de la mort</h1>
  27.             </div>
  28.         </div>
  29.  
  30.         <div class="row mt-3">
  31.             <!--menu-->
  32.             <div class="col">
  33.                 <ul class="nav justify-content-center">
  34.                     <li class="nav-item">
  35.                         <a class="nav-link" href="#">Menu</a>
  36.                     </li>
  37.                     <li class="nav-item">
  38.                         <a class="nav-link" href="#collapseRechercher" data-toggle="collapse" role="button"
  39.                            aria-expanded="false" aria-controls="collapseRechercher">Trouver Ressource</a>
  40.                     </li>
  41.                     <li class="nav-item">
  42.                         <a class="nav-link" href="#collapseAdd" data-toggle="collapse" role="button"
  43.                            aria-expanded="false" aria-controls="collapseAdd">Ajouter une ressource</a>
  44.                     </li>
  45.                 </ul>
  46.             </div>
  47.         </div>
  48.  
  49.         <div class="row mb-2">
  50.             <div class="col-4"></div>
  51.             <div class="col-4">
  52.                 <div class="collapse" id="collapseRechercher">
  53.                     <form>
  54.                         <div class="form-group">
  55.                             <input type="text" class="form-control" id="inputName" placeholder="Rechercher">
  56.                         </div>
  57.                         <button type="submit" class="btn btn-outline-primary">Rechercher</button>
  58.                     </form>
  59.                 </div>
  60.             </div>
  61.             <div class="col-4"></div>
  62.         </div>
  63.  
  64.         <div class="row mb-2">
  65.             <div class="col-2"></div>
  66.             <div class="col-8">
  67.                 <div class="collapse" id="collapseAdd">
  68.                     <hr>
  69.                     <form>
  70.                         <div class="form-group">
  71.                             <label for="inputName">Nom du jeu</label>
  72.                             <input type="text" class="form-control" id="inputName">
  73.                             <small id="emailHelp" class="form-text text-muted">On peut ecrire un truc ici</small>
  74.                         </div>
  75.  
  76.                         <div class="form-group">
  77.                             <label for="inputType">Type</label>
  78.                             <input type="text" class="form-control" id="inputType">
  79.                         </div>
  80.  
  81.                         <div class="form-group">
  82.                             <label for="inputDure">Durée</label>
  83.                             <input type="text" class="form-control" id="inputDure">
  84.                         </div>
  85.  
  86.                         <div class="form-group">
  87.                             <label for="inputDescription">Description</label>
  88.                             <textarea type="text" class="form-control" id="inputDescription" rows="2"></textarea>
  89.                         </div>
  90.  
  91.                         <div class="form-group">
  92.                             <label for="inputPublic">Public</label>
  93.                             <select type="text" class="form-control" id="inputPublic">
  94.                                 <option>Tout public</option>
  95.                                 <option>-12 ans</option>
  96.                                 <option>Hentai</option>
  97.                                 <option>+18</option>
  98.                             </select>
  99.                         </div>
  100.  
  101.                         <div class="form-group">
  102.                             <label for="inputDiffcult">Difficulté</label>
  103.                             <select type="text" class="form-control" id="inputDiffcult">
  104.                                 <option>Très facile</option>
  105.                                 <option>Facile</option>
  106.                                 <option>Normal</option>
  107.                                 <option>Difficile</option>
  108.                                 <option>Très difficile</option>
  109.                                 <option>Impossible</option>
  110.                             </select>
  111.                         </div>
  112.  
  113.                         <div class="form-group">
  114.                             <label for="inputDate">Date</label>
  115.                             <input type="date" class="form-control" id="inputDate">
  116.                         </div>
  117.  
  118.                         <div class="form-group">
  119.                             <label for="inputAuteur">Auteur</label>
  120.                             <input type="text" class="form-control" id="inputAuteur">
  121.                         </div>
  122.  
  123.                         <button type="submit" class="btn btn-outline-primary">Valider</button>
  124.                     </form>
  125.                     <hr>
  126.                 </div>
  127.             </div>
  128.             <div class="col-2"></div>
  129.         </div>
  130.  
  131.  
  132.  
  133.  
  134.  
  135.         <!--Tableau des ressources-->
  136.         <div class="row">
  137.             <div class="col-1"></div>
  138.             <div class="col-10">
  139.                 <div id="accordion">
  140.                     <div class="card">
  141.                         <div class="card-header" id="heading1">
  142.                             <div class="row text-center">
  143.                                 <div class="col-3">
  144.                                     <h2 class="mb-0">
  145.                                         <button class="btn btn-link" type="button" data-toggle="collapse"
  146.                                            data-target="#collapse1" aria-expanded="true" aria-controls="collapse1">
  147.                                             Memory
  148.                                         </button>
  149.                                     </h2>
  150.                                 </div>
  151.                                 <div class="col-3 ">
  152.                                     <p class="align-middle">Type: <b>Carte</b></p>
  153.                                 </div>
  154.                                 <div class="col-3">Durée: <b>20mins/1h</b></div>
  155.                                 <div class="col-3">Difficulté: <b>EZ</b></div>
  156.                             </div>
  157.                         </div>
  158.                         <div id="collapse1" class="collapse show" aria-labelledby="heading1" data-parent="#accordion">
  159.                             <div class="card-body">
  160.                                 <b>Description:<br></b>
  161.                                 <p id="description">Le joueur doit retenir des cartes et les associer à la carte
  162.                                     identique.</p>
  163.  
  164.                                 <b>Public:<br></b>
  165.                                 <p id="public">Tout public</p>
  166.  
  167.                                 <b>Date:<br></b>
  168.                                 <p id="date">12/06/5896</p>
  169.  
  170.                                 <b>Auteur:<bR></b>
  171.                                 <p id="auteur">Jean Pierre Polnareff</p>
  172.  
  173.                                 <button type="button" class="btn btn-outline-primary m-1">Modifier</button>
  174.                                 <button type="button" class="btn btn-outline-danger">Supprimer</button>
  175.                             </div>
  176.                         </div>
  177.                     </div>
  178.                     <div class="card">
  179.                         <div class="card-header" id="heading2">
  180.                             <div class="row text-center">
  181.                                 <div class="col-3">
  182.                                     <h2 class="mb-0">
  183.                                         <button class="btn btn-link collapsed" type="button" data-toggle="collapse"
  184.                                            data-target="#collapse2" aria-expanded="false" aria-controls="collapse2">
  185.                                             Code barre
  186.                                         </button>
  187.                                     </h2>
  188.                                 </div>
  189.                                 <div class="col-3 ">
  190.                                     <p class="align-middle">Type: <b>Code barre</b></p>
  191.                                 </div>
  192.                                 <div class="col-3">Durée: <b>10secs/4h</b></div>
  193.                                 <div class="col-3">Difficulté: <b>Hard</b></div>
  194.                             </div>
  195.                         </div>
  196.                         <div id="collapse2" class="collapse" aria-labelledby="heading12" data-parent="#accordion">
  197.                             <div class="card-body">
  198.                                 <b>Description:<br></b>
  199.                                 <p id="description">
  200.                                     Le joueur doit retenir le code barre dun ou plusieurs produits car
  201.                                     il est tres intelligent
  202.                                 </p>
  203.  
  204.                                 <b>Public:<br></b>
  205.                                 <p id="public">Tout public</p>
  206.  
  207.                                 <b>Date:<br></b>
  208.                                 <p id="date">01/02/1456</p>
  209.  
  210.                                 <b>Auteur:<bR></b>
  211.                                 <p id="auteur">Kira Yoshikage</p>
  212.  
  213.                                 <button type="button" class="btn btn-outline-primary m-1">Modifier</button>
  214.                                 <button type="button" class="btn btn-outline-danger">Supprimer</button>
  215.                             </div>
  216.                         </div>
  217.                     </div>
  218.                 </div>
  219.  
  220.                 <hr>
  221.                 <div class="row text-center">
  222.                     <!--pied de page-->
  223.                     <div class="col">
  224.                         <p class="font-weight-light">Site web crée par AnorakDePluie et Riontac142 mais plus le jour de
  225.                             son
  226.                             anniv</p>
  227.                     </div>
  228.                 </div>
  229.             </div>
  230.             <div class="col-1"></div>
  231.         </div>
  232.  
  233. </body>
  234.  
  235. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!