"Patient Profile 1"
Bootstrap 3.1.0 Snippet by kebafall

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-5 toppad pull-left col-md-offset-3 "> <A href="edit.html" >Editer Profil Médical</A> <td> | </td> <A href="edit.html" >Editer une Note</A> <td> | </td> <A href="edit.html" >Ajouter Note</A> <br> <p class=" text-info">6 Mai 2016,16:32</p> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-3 col-lg-offset-3 toppad" > <div class="panel panel-info"> <div class="panel-heading"> <h3 style="float:left;text-align:left;display: inline;">Adama Seck</h3> <h3 style="float:right;text-align:right;display:inline;">1-06-61-45-368-123</h3><hr style="clear:none;"/> </div>/ <div class="panel-body"> <div class="row"> <div class="col-md-3 col-lg-3 " align="center"> <img alt="User Pic" src="http://www.illustrationsof.com/royalty-free-rf-avatar-clipart-illustration-by-cartoon-solutions-stock-sample-1166291.jpg" class="img-circle img-responsive"> </div> <!--<div class="col-xs-10 col-sm-10 hidden-md hidden-lg"> <br> <dl> <dt>DEPARTMENT:</dt> <dd>Administrator</dd> <dt>HIRE DATE</dt> <dd>11/12/2013</dd> <dt>DATE OF BIRTH</dt> <dd>11/12/2013</dd> <dt>GENDER</dt> <dd>Male</dd> </dl> </div>--> <div class=" col-md-9 col-lg-9 "> <table class="table table-user-information"> <tbody> <tr> <td>Nom:</td> <td>Seck</td> </tr> <tr> <td>Prénom(s):</td> <td>Adama</td> </tr> <tr> <td>Profession:</td> <td>menuisier</td> </tr> <tr> <td>Date de naissance:</td> <td>15/06/1961</td> </tr> <tr> <tr> <td>Sexe:</td> <td>Masculin</td> </tr> <tr> <td>Adresse:</td> <td>Dakar,Plateau</td> </tr> <tr> <td>Email:</td> <td><a href="mailto:info@support.com">adama.seck@mail.sn</a></td> </tr> <tr> <td>Téléphone Fixe:</td> <td>123-4567-890</td> </tr> <tr> <td>Téléphone Portable:</td> <td>890-4567-123</td> </tr> <tr> <td>Groupe Sanguin:</td> <td>O</td> </tr> <tr> <td>Allergie(s)</td> <td>Penicilline</td> </tr </tbody> </table> <a href="#" class="btn btn-primary">Editer une note</a> <a href="#" class="btn btn-primary">Ajouter Note</a> </div> </div> </div> <div class="panel-footer"> <a data-original-title="Broadcast Message" data-toggle="tooltip" type="button" class="btn btn-sm btn-primary"><i class="glyphicon glyphicon-envelope"></i></a> <span class="pull-right"> <a href="edit.html" data-original-title="Edit this user" data-toggle="tooltip" type="button" class="btn btn-sm btn-warning"><i class="glyphicon glyphicon-edit"></i></a> <a data-original-title="Remove this user" data-toggle="tooltip" type="button" class="btn btn-sm btn-danger"><i class="glyphicon glyphicon-remove"></i></a> </span> </div> </div> </div> </div> </div> <div class="span8"> <div class="espace"> <h3>Recherche Diabète</h3> <p> Patient de 55 ans, en surpoids connu pour une hypertension artérielle traitée, présente une polyurie et une polydipsie depuis 4 mois. Raison pour laquelle une glycémie à jeun a été faite. Le résultat élevé confirme un diabète de type 2. <br>Nous proposons une 2ème analyse sanguine afin de confirmer le diagnostique. <br>Comme traitement de première intention nous proposons un changement d’hygiène alimentaire (moins de graisses) et la promotion d’une activité physique régulière afin d’améliorer son profil lipidique et sa glycémie.</p> <div> <span class="badge badge-success" style="background-color:#0099ff;">Posté le 16 Avril 2016 à 09:55</span> <span class="badge badge-success" style="background-color:#0099ff;">Hopital Principal</span> <span class="badge badge-success" style="background-color:#0099ff;">Dr Astou Dieng</span> </div> <hr> <h3>Suivi Diabète</h3> <p>Nous revoyons le patient 3 mois plus tard, sa glycémie étant toujours élevée nous décidons d’introduire un anti diabétique oral (Metformine) en plus des mesures d’hygiène de vie. Le patient est transféré dans le service de diabétologie/endocrinologie.<br> Nous proposons qu’un bilan trimestriel soit fait par les diabétologues pour évaluer l’efficacité du traitement.</p> <div> <span class="badge badge-success" style="background-color:#0099ff;">Posté le 18 Juillet 2016 à 13:36</span> <span class="badge badge-success" style="background-color:#0099ff;">Hopital Principal</span> <span class="badge badge-success" style="background-color:#0099ff;">Dr Astou Dieng</span> </div> <hr> <h3>Suivi Diabète</h3> <p>Nous avons vu M.Seck en consultation, 3 mois après l’introduction de la Metformine. Étant donné que les résultats en mono thérapie sont toujours insuffisants, nous rajoutons un 2ème anti diabétique oral. <br>Nous reverrons le patient dans 3 mois pour un contrôle et un suivi de sa glycémie. .</p> <div> <span class="badge badge-success" style="background-color:#0099ff;">Posté le 22 Octobre 2016 à 16:23</span> <span class="badge badge-success" style="background-color:#0099ff;">Hopital Principal</span> <span class="badge badge-success" style="background-color:#0099ff;">Dr Astou Dieng</span> </div> <hr> </div> </div>
.espace{ margin-left:30px; } .user-row { margin-bottom: 14px; } .user-row:last-child { margin-bottom: 0; } .dropdown-user { margin: 13px 0; padding: 5px; height: 100%; } .dropdown-user:hover { cursor: pointer; } .table-user-information > tbody > tr { border-top: 1px solid rgb(221, 221, 221); } .table-user-information > tbody > tr:first-child { border-top: 0; } .table-user-information > tbody > tr > td { border-top: 0; } .toppad {margin-top:20px; }
$(document).ready(function() { var panels = $('.user-infos'); var panelsButton = $('.dropdown-user'); panels.hide(); //Click dropdown panelsButton.click(function() { //get data-for attribute var dataFor = $(this).attr('data-for'); var idFor = $(dataFor); //current button var currentButton = $(this); idFor.slideToggle(400, function() { //Completed slidetoggle if(idFor.is(':visible')) { currentButton.html('<i class="glyphicon glyphicon-chevron-up text-muted"></i>'); } else { currentButton.html('<i class="glyphicon glyphicon-chevron-down text-muted"></i>'); } }) }); $('[data-toggle="tooltip"]').tooltip(); $('button').click(function(e) { e.preventDefault(); alert("This is a demo.\n :-)"); }); });

Related: See More


Questions / Comments: