1 <!DOCTYPE html> |
|
2 <html lang="en"> |
|
3 <head> |
|
4 <meta charset="utf-8"> |
|
5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
6 <meta name="viewport" content="width=device-width, initial-scale=1"> |
|
7 <meta name="description" content=""> |
|
8 <meta name="author" content=""> |
|
9 <link rel="shortcut icon" href="assets/ico/favicon.ico"> |
|
10 |
|
11 <title>Periplus by IRI</title> |
|
12 |
|
13 <!-- Bootstrap core CSS --> |
|
14 <link href="css/bootstrap.min.css" rel="stylesheet"> |
|
15 |
|
16 <!-- Custom styles for this template --> |
|
17 <!-- <link href="starter-template.css" rel="stylesheet"> --> |
|
18 <link href="css/periplus.css" rel="stylesheet"> |
|
19 |
|
20 <!-- Just for debugging purposes. Don't actually copy this line! --> |
|
21 <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> |
|
22 |
|
23 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> |
|
24 <!--[if lt IE 9]> |
|
25 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |
|
26 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> |
|
27 <![endif]--> |
|
28 </head> |
|
29 |
|
30 <body> |
|
31 |
|
32 <div class="navbar navbar-default navbar-fixed-top navbar-periplus" role="navigation"> |
|
33 <div class="container"> |
|
34 <div class="navbar-header"> |
|
35 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> |
|
36 <span class="sr-only">Toggle navigation</span> |
|
37 <span class="icon-bar">Mediapart by Periplus</span> |
|
38 <span class="icon-bar">Démonstrateurs</span> |
|
39 <span class="icon-bar"></span> |
|
40 </button> |
|
41 <a class="navbar-brand navbar-brand-periplus" href="#">PERIPLUS <em>by IRI</em></a> |
|
42 </div> |
|
43 <!-- <div class="navbar-collapse collapse"> |
|
44 <form class="navbar-form navbar-right" role="form"> |
|
45 <div class="form-group"> |
|
46 <input type="text" placeholder="Email" class="form-control"> |
|
47 </div> |
|
48 <div class="form-group"> |
|
49 <input type="password" placeholder="Password" class="form-control"> |
|
50 </div> |
|
51 <button type="submit" class="btn btn-success">Sign in</button> |
|
52 </form> |
|
53 </div> --><!--/.navbar-collapse --> |
|
54 </div> |
|
55 </div> |
|
56 |
|
57 <!-- Main jumbotron for a primary marketing message or call to action --> |
|
58 <div class="jumbotron"> |
|
59 <div class="container"> |
|
60 <h1>Outils de Démonstration</h1> |
|
61 <p> Cette page référence les démonstrateurs produit au sein de l'IRI dans le cadre du projet Periplus, notamment lors des ateliers étudiants de prototypages.</p> |
|
62 <p><a class="btn btn-primary btn-lg" role="button" href="http://www.iri.centrepompidou.fr/projets/periplus/">En savoir plus sur Périplus »</a></p> |
|
63 </div> |
|
64 </div> |
|
65 |
|
66 <div class="container"> |
|
67 <!-- Example row of columns --> |
|
68 <div class="row"> |
|
69 <div class="col-md-4"> |
|
70 <h2>Tapisserie</h2> |
|
71 <p>Ce livrable présente une démo statique de l'interface Mediapart <em>by Periplus</em> sur la base d'une requête unique et d'un dataset limité.</p> |
|
72 <p><a class="btn btn-default" href="../integration/home.html" role="button">View details »</a></p> |
|
73 </div> |
|
74 <div class="col-md-4"> |
|
75 <h2>Cartographie</h2> |
|
76 <p>Ce livrable présente une série d'expérimentations développées par les étudiants de l'ECP dans le cadre de l'atelier Design Metadata.</p> |
|
77 <p><a class="btn btn-default" href="toolkit.html" role="button">View details »</a></p> |
|
78 </div> |
|
79 |
|
80 </div> |
|
81 <div class="row"> |
|
82 <div class="col-md-4"> |
|
83 <h2>Couleurs</h2> |
|
84 <p>Ce livrable présente une démo statique de l'interface Mediapart <em>by Periplus</em> sur la base d'une requête unique et d'un dataset limité.</p> |
|
85 <p><a class="btn btn-default" href="../integration/home.html" role="button">View details »</a></p> |
|
86 </div> |
|
87 <div class="col-md-4"> |
|
88 <h2>Relations</h2> |
|
89 <p>Ce livrable présente une série d'expérimentations développées par les étudiants de l'ECP dans le cadre de l'atelier Design Metadata.</p> |
|
90 <p><a class="btn btn-default" href="toolkit.html" role="button">View details »</a></p> |
|
91 </div> |
|
92 |
|
93 </div> |
|
94 |
|
95 <hr> |
|
96 |
|
97 <footer> |
|
98 <p>© IRI 2014</p> |
|
99 </footer> |
|
100 </div> <!-- /container --> |
|
101 |
|
102 |
|
103 <!-- Bootstrap core JavaScript |
|
104 ================================================== --> |
|
105 <!-- Placed at the end of the document so the pages load faster --> |
|
106 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> |
|
107 <script src="js/bootstrap.min.js"></script> |
|
108 </body> |
|
109 </html> |
|
110 |
|
111 |
|