Mon compte.html
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... »)
<!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>