6 <meta name="viewport" content="width=device-width, initial-scale=1"> |
6 <meta name="viewport" content="width=device-width, initial-scale=1"> |
7 <meta name="description" content=""> |
7 <meta name="description" content=""> |
8 <meta name="author" content=""> |
8 <meta name="author" content=""> |
9 <link rel="shortcut icon" href="assets/ico/favicon.ico"> |
9 <link rel="shortcut icon" href="assets/ico/favicon.ico"> |
10 |
10 |
11 <title>Starter Template for Bootstrap</title> |
11 <title>Periplus by IRI</title> |
12 |
12 |
13 <!-- Bootstrap core CSS --> |
13 <!-- Bootstrap core CSS --> |
14 <link href="css/bootstrap.min.css" rel="stylesheet"> |
14 <link href="css/bootstrap.min.css" rel="stylesheet"> |
15 |
15 |
16 <!-- Custom styles for this template --> |
16 <!-- Custom styles for this template --> |
17 <link href="starter-template.css" rel="stylesheet"> |
17 <!-- <link href="starter-template.css" rel="stylesheet"> --> |
18 |
18 <link href="css/periplus.css" rel="stylesheet"> |
|
19 |
19 <!-- Just for debugging purposes. Don't actually copy this line! --> |
20 <!-- Just for debugging purposes. Don't actually copy this line! --> |
20 <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> |
21 <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> |
21 |
22 |
22 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> |
23 <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> |
23 <!--[if lt IE 9]> |
24 <!--[if lt IE 9]> |
24 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |
25 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> |
25 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> |
26 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> |
26 <![endif]--> |
27 <![endif]--> |
27 </head> |
28 </head> |
28 |
29 |
29 <body> |
30 <body> |
30 |
31 |
31 <div class="navbar navbar-default navbar-fixed-top" role="navigation"> |
32 <div class="navbar navbar-default navbar-fixed-top navbar-periplus" role="navigation"> |
32 <div class="container"> |
33 <div class="container"> |
33 <div class="navbar-header"> |
34 <div class="navbar-header"> |
34 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> |
35 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> |
35 <span class="sr-only">Toggle navigation</span> |
36 <span class="sr-only">Toggle navigation</span> |
36 <span class="icon-bar"></span> |
37 <span class="icon-bar"></span> |
37 <span class="icon-bar"></span> |
38 <span class="icon-bar"></span> |
38 <span class="icon-bar"></span> |
39 <span class="icon-bar"></span> |
39 </button> |
40 </button> |
40 <a class="navbar-brand" href="#">PERIPLUS <em>by IRI</em></a> |
41 <a class="navbar-brand navbar-brand-periplus" href="#">PERIPLUS <em>by IRI</em></a> |
41 </div> |
42 </div> |
42 <div class="collapse navbar-collapse"> |
43 <div class="navbar-collapse collapse"> |
43 <ul class="nav navbar-nav"> |
44 <form class="navbar-form navbar-right" role="form"> |
44 <li class="active"><a href="#">Home</a></li> |
45 <div class="form-group"> |
45 <li><a href="#about">About</a></li> |
46 <input type="text" placeholder="Email" class="form-control"> |
46 <li><a href="#contact">Contact</a></li> |
47 </div> |
47 </ul> |
48 <div class="form-group"> |
48 </div><!--/.nav-collapse --> |
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 --> |
49 </div> |
54 </div> |
50 </div> |
55 </div> |
51 |
56 |
52 |
57 <!-- Main jumbotron for a primary marketing message or call to action --> |
53 <div class="container" role="main" style="margin-top:60px;"> |
58 <div class="jumbotron"> |
54 <div class="jumbotron"> |
59 <div class="container"> |
55 <h1>Livrables logiciels</h1> |
60 <h1>Réalisations IRI</h1> |
56 <p>Cette page référence les livrables logiciels produit par l'IRI dans le cadre du projet Periplus.</p> |
61 <p> Cette page référence les livrables logiciels produit par l'IRI dans le cadre du projet Periplus.</p> |
57 <!-- <p><a href="#" class="btn btn-primary btn-lg" role="button">Learn more »</a></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> |
58 </div> |
63 </div> |
59 </div> |
64 </div> |
60 |
65 |
61 <div class="container" style="margin-top:50px;"> |
66 <div class="container"> |
62 |
67 <!-- Example row of columns --> |
63 <div class="starter-template"> |
68 <div class="row"> |
64 <h1>Les livrables logiciels de l'IRI sur le projet Periplus</h1> |
69 <div class="col-md-6"> |
65 <p class="lead">Cette page permet de consulter les livrables de l'IRI dans le cadre du projet Periplus.</p> |
70 <h2>L4.3 Prototypage des maquettes</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-6"> |
|
75 <h2>L5.6 Outils de démonstration</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 |
66 </div> |
80 </div> |
67 |
81 |
68 </div><!-- /.container --> |
82 <hr> |
|
83 |
|
84 <footer> |
|
85 <p>© IRI 2014</p> |
|
86 </footer> |
|
87 </div> <!-- /container --> |
69 |
88 |
70 |
89 |
71 <!-- Bootstrap core JavaScript |
90 <!-- Bootstrap core JavaScript |
72 ================================================== --> |
91 ================================================== --> |
73 <!-- Placed at the end of the document so the pages load faster --> |
92 <!-- Placed at the end of the document so the pages load faster --> |
74 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> |
93 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> |
75 <script src="dist/js/bootstrap.min.js"></script> |
94 <script src="js/bootstrap.min.js"></script> |
76 </body> |
95 </body> |
77 </html> |
96 </html> |
|
97 |
|
98 |