iris/index.html at master · sofiamoya/iris · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>

<html>
  <head>
  <title>IRIS</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href= "css/bootstrap.min.css" rel= "stylesheet">
  <link href= "css/styles.css" rel= "stylesheet">
  <link href='http://fonts.googleapis.com/css?family=Fira+Sans:300,500' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="hover.css">
  </head>

  <body>
    <!--  Navbar -->
    <nav class="navbar-static-top">
      <div class="container">
        <div class="navbar-header">
            <a href="index.html"><img src="images/irislogo.svg" class="navbar-brand"></a>
        </div>
        <div id="navbar" class="navbar-header navbar-right">
          <ul class="nav navbar-nav">
              <li><a href="#que-es" class="hvr-grow">¿Qué es IRIS?</a></li>
              <li><a href="contesta.html" class="hvr-grow">Contesta IRIS</a></li>
              <li><a href="resultados.html" class="hvr-grow">Visualiza tus resultados</a></li>
              <li><a href="http://mxabierto.org/" class="hvr-grow">Regresa a MxAbierto</a></li>
          </ul>
        </div>
      </div>
    </nav>

    <!-- Content starts here -->

      <!-- Introduction -->
      <div id="banner">
        <div class="container">
            <h2>¿Qué es IRIS?</h2>
            <a name="que-es"><p>IRIS (Information Readiness Assessment) es una herramienta que facilita obtener una visión general sobre el grado de apertura de información de cada municipio.
                Esta visión nos permitirá identicar los puntos más críticos en cuales trabajar para ayudarte de la manera más efectiva.</p></a>
        </div>
        <div class="container-parrafo">
                <h2 class="add-top-separation">¿Quién debe contestar IRIS?</h2>
            <p>Dos personas es el mínimo de personas que se necesitan para llenar la encuesta IRIS: Un encargado de las estructuras técnicas alrededor de datos abiertos y alguien con conocimiento de los avances en la promoción de la estrategia de datos abiertos en la ciudad. Por supuesto, entre más gente complemente las respuestas, ¡mejor!.</p>
        </div>
      </div>

      <div>
          <p>
              <a href="contesta.html" class="hvr-round-corners">Contestar IRIS</a>
          </p>
      </div>

      <div class="bottom-image">
          <div class="float">
            <img src="images/bottom2.svg">
          </div>
      </div>

      <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
    </body>
  </html>