Advertisement
marwanpro

html lifihm1

Oct 2nd, 2017
696
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.14 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.  
  4. <head>
  5.     <title>TEST 123</title>
  6.     <meta charset="utf-8">
  7.     <meta name="viewport" content="width=device-width, initial-scale=1">
  8.     <link href="css/bootstrap.min.css" rel="stylesheet">
  9.     <script src="js/jquery-3.2.1.min.js"></script>
  10.     <script src="js/bootstrap.min.js"></script>
  11. </head>
  12.  
  13.  
  14. <body>
  15.     <div class="container">
  16.         <div class="row">
  17.             <div class="col-md-1">Grimaud</div>
  18.             <div class="col-md-2">Jean-Michel</div>
  19.             <div class="col-md-3">Choix: Groupe A</div>
  20.             <div class="col-md-4">jmg@example.com</div>
  21.             <div class="col-md-5">Lundi 2 Octobre 2017</div>
  22.         </div>
  23.         <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo">Afficher / Masquer</button>
  24.         <div id="demo" class="collapse">
  25.             <div class="row">
  26.                 <div class="col-md-1">Groupe A</div>
  27.                 <div class="col-md-2">20 %</div>
  28.             </div>
  29.             <div class="row">
  30.                 <div class="col-md-1">Groupe B</div>
  31.                 <div class="col-md-2">35 %</div>
  32.             </div>
  33.             <div class="row">
  34.                 <div class="col-md-1">Groupe C</div>
  35.                 <div class="col-md-2">45 %</div>
  36.             </div>
  37.         </div>
  38.  
  39.     </div>
  40. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement