Actions

Cours

Informatique Web et Multimédia/code indenté

De GBLL, TAL, ALAO, etc.

< Cours:Informatique Web et Multimédia
Révision datée du 27 septembre 2017 à 11:52 par Loizbek (discussion | contributions) (Page créée avec « <syntaxhighlight lang="html" start='1' line><!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="I... »)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
 1 <!DOCTYPE html>
 2 <html lang="fr">
 3 	<head>
 4         <meta charset="utf-8" />
 5         <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" />
 6         <meta name="apple-mobile-web-app-capable" content="yes" />
 7         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />
 8         <link rel="icon" type="image/png" href="img/common/favicon.png" />
 9         <meta property="og:title" content="ClassCol" />
10         <meta property="og:type" content="website" />
11         <meta property="og:site_name" content="Janus, appli de classement collaboratif" />
12         <meta property="og:description" content="Un système pour faire de la classification à plusieurs" />
13         <link rel="stylesheet" href="style/clascol.css" type="text/css" />
14         <link rel="stylesheet" href="style/uglyAuth.css" type="text/css" />
15         <script src="js/lib/socket.io.min.js" type="text/javascript"></script>
16         <title>Classement Collaboratif</title>
17         <style></style>
18 	</head>
19     <body>
20 	    <noscript>
21 	       <div class="alert">
22 	           Vous devez permettre l'exécution de javascript pour pouvoir utiliser cette application
23 	       </div>
24 	    </noscript>
25         <header>
26             <div id="helpButton"></div>
27             <div id="help"></div>
28             <p>Un exercice de tri… Arriverez-vous à ranger correctement les cartes proposées ?</p><!-- for the instructions -->
29         </header>
30         <div id="overlay" class="show"><p id="loading"></p></div>
31         <div id="message"></div>
32 	    <section>
33 			<menu>
34 				<div id="stack"><!-- items to sort --></div>
35 				<div id="users"><!-- users involved --></div>
36 			</menu>
37 			<div id="main">
38 				<table><!-- where to sort the items --></table>
39 			</div>
40 		</section>
41         <footer>
42             <div id="chatbox">
43                 <p><span class="date">11/01 22:51:12</span> <span class="author">Gérard</span>: Hey Salut ! </p>
44                 <p><span class="date">11/01 22:52:09</span> <span class="author">Claude</span>: Ça avance ? </p>
45                 <p><span class="date">11/01 22:55:01</span> <span class="author">Clarisse</span>: Oui sauf, sur les mausolées,<br /> je sais pas où les mettre, t'as une idée ? </p>
46             </div>
47         </footer>
48         <script data-main="js/home" src="js/lib/require-jquery.js"></script>
49 	</body>
50 </html>