Mon compte.html

De Learning Lab Environnements Connectés
Révision datée du 25 avril 2015 à 12:10 par Marion Rchr (discussion | contributions) (Page créée avec « <pre> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wid... »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Sauter à la navigation Sauter à la recherche
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Ticket4Bath</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
      <!-- Placer champs -->
        <!-- Configurer plus tard (afficher l'option qui va à la dernière étape) -->

        <!-- Mon avatar (importer fichier/url) -->
        <!-- Ma classe (Affichage) -->     

        <!-- Couleur préférée (afficher cercle chroma) -->
        <!-- Couleur détestée (afficher cercle chroma) -->

        <!-- Style de musique préféré (afficher liste déroulante) -->
        <!-- Style de musique détesté (afficher liste déroulante) -->

        <!-- A quel étage se situe votre chambre ? -->

<div class="container">
  <div class="row clearfix">
    <div class="col-md-6 column">
    <h1>Mon compte</h1>   
    </div>
        <div class="col-md-6 column">
          <img class="img-rounded" alt="140x140" height="200" src="images/Logo-400.png" />
        </div>
  </div>
  <div class="row clearfix">
    <div class="col-md-12 column">
      <div class="row clearfix">
        <div class="col-md-12 column">
          <h3>
            Ma Classe : Ecureuil.
          </h3>
        </div>
      </div>
      <div class="row clearfix">
        <div class="col-md-6 column">
          <h3>
            Mon numéro de chambre : 
          </h3>
        </div>
        <div class="col-md-6 column">
          <div class="btn-group">
             <Select button class="btn btn-default">404</button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
            <ul class="dropdown-menu">
              <OPTION SELECTED>404
              <OPTION>401
              <OPTION>402
              <OPTION>403
              <OPTION>405
              <OPTION>406
              </select>          
              
            </ul>
          </div>
        </div>
      </div>
      <div class="row clearfix">
        <div class="col-md-6 column">
          <h3>
            Ma couleur préférée
          </h3>
        </div>
        <div class="col-md-6 column">
          <div class="btn-group">
             <select button class="btn btn-default">Corail </button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
            <ul class="dropdown-menu">
              <OPTION SELECTED>Corail
              <OPTION>Rose
              <OPTION>Bleu
              <OPTION>Vert
              <OPTION>Jaune
              <OPTION>Orange
              </select>
            </ul>
          </div>
        </div>
      </div>
      <div class="row clearfix">
        <div class="col-md-6 column">
          <h3>
            Ma couleur détestée
          </h3>
        </div>
        <div class="col-md-6 column">
          <div class="btn-group">
            <select button class="btn btn-default">Pourpre</button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
            <ul class="dropdown-menu">
                 <OPTION SELECTED>Pourpre
                 <OPTION>Vert
                 <OPTION>Rose
                 <OPTION>Corail
                 <OPTION>Bleu
                 <OPTION>Jaune
               </select>
            </ul>
          </div>
        </div>
      </div>
      <div class="row clearfix">
        <div class="col-md-6 column">
          <h3>
            Style de musique préféré
          </h3>
        </div>
        <div class="col-md-6 column">
          <div class="btn-group">
             <select button class="btn btn-default">Rock</button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
            <ul class="dropdown-menu">
                <OPTION SELECTED>Rock
                <OPTION>Metal
                <OPTION>House
                <OPTION>Rap
                <OPTION>Blues 
                <OPTION>Reggae
              </select>
            </ul>
          </div>
        </div>
      </div>
      <div class="row clearfix">
        <div class="col-md-6 column">
          <h3>
            Style de musique détesté
          </h3>
        </div>
        <div class="col-md-6 column">
          <div class="btn-group">
            <select button class="btn btn-default">Rock</button> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle"><span class="caret"></span></button>
            <ul class="dropdown-menu">
               <OPTION SELECTED>Rap
               <OPTION>Metal
               <OPTION>House
               <OPTION>Blues
               <OPTION>Reggae
               <OPTION>Rap
               </select>
            </ul>
          </div>
        </div>
      </div>
      <div class="row clearfix">
        <div class="col-md-6 column">
      <div class="row clearfix">
        <div class="col-md-12 column">
          <h2>
            Configurer plus tard
          </h2>
          <div class="row clearfix">
            <div class="col-md-6 column">
               <FORM>
<INPUT TYPE="button" onClick="parent.location='mes_reservations.html'"VALUE="Sauvegarder">
</FORM>
            </div>
            <div class="col-md-6 column">
               <button type="button" class="btn btn-default">Annuler</button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

  </body>
</html>