source: portal_2019/prototipo_funcional/index.html @ d1c1139

desarrollo
Last change on this file since d1c1139 was d1c1139, checked in by Laura Colina <lcolina@…>, 5 years ago

Ordenando repositorio para el portal, agregando carpetas de pruebas
  • Property mode set to 100644
File size: 6.5 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6  <meta name="description" content="">
7  <meta name="author" content="">
8  <link rel="icon" href="static/img/favicon.png">
9  <title>Murachí - Portal de Firma y Verificación</title>
10  <!-- Bootstrap core CSS
11  ================================================== -->
12  <link href="static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
13  <!-- Custom styles for this template
14  ================================================== -->
15  <link href="static/css/styles.css" rel="stylesheet">
16</head>
17<body>
18  <!-- navbar cintillo de gobierno
19  ================================================== -->
20  <nav class="navbar navbar-default navbar-fixed-top mb-3 navbar-cintillo">
21  <div class="container">
22    <div align="center">
23      <img class="cintillo_up" src="static/img/cintillo_2019.png" width="100%"></img>
24    </div>
25  </div>
26  </nav>
27  <!-- navbar cintillo de gobierno end -->
28
29  <!-- container-fluid
30  ================================================== -->
31  <div class="container-fluid">
32
33    <!-- navbar
34    ================================================== -->
35    <nav class="navbar navbar-expand-lg navbar-light bg-light mb-3">
36      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
37        <span class="navbar-toggler-icon"></span>
38      </button>
39      <div class="collapse navbar-collapse" id="navbarSupportedContent">
40        <ul class="navbar-nav ml-auto">
41          <li class="nav-item active">
42            <a class="nav-link" href="index.html">Inicio <span class="sr-only">(current)</span></a>
43          </li>
44          <li class="nav-item">
45            <a class="nav-link" href="acerca.html">Acerca de</a>
46          </li>
47          <li class="nav-item">
48            <a class="nav-link" href="instructivo.html">Instructivo</a>
49          </li>
50          <li class="nav-item">
51            <a class="nav-link" href="equipo.html">Equipo</a>
52          </li>
53        </ul>
54      </div>
55    </nav>
56    <!-- End navbar -->
57
58    <img class="xxx" src="static/img/banner_principal.png" width="100%"></img>
59
60    <!-- Navs
61    ================================================== -->
62    <div class="container">
63      <ul class="nav nav-tabs mt-4" id="myTab" role="tablist">
64        <li class="nav-item">
65          <a class="nav-link active" id="home-tab" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">Firmar Electrónicamente</a>
66        </li>
67        <li class="nav-item">
68          <a class="nav-link" id="contact-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">Verificar Firma Electrónica</a>
69        </li>
70        <li class="nav-item">
71          <a class="nav-link" id="contact-tab" data-toggle="tab" href="#tab3" role="tab" aria-controls="tab3" aria-selected="false">Versión de Murachí</a>
72        </li>
73      </ul>
74      <div class="tab-content" id="myTabContent">
75        <!-- tab 1
76        ================================================== -->
77        <div class="tab-pane fade show active" id="tab1" role="tabpanel" aria-labelledby="home-tab">
78          <h2 class="mt-4 mb-4">Firmar Electrónicamente</h2>
79          <p><b>Seleccione el método para firmar</b></p>
80          <form>
81            <label>
82              <input name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
83              Con dispositivo criptográfico
84            </label>
85            <label>
86              <input name="optionsRadios" id="optionsRadios1" value="option2" checked="" type="radio">
87              Con certificado digital
88            </label>
89          </form>
90          <p class="mt-4"><b>Seleccione el tipo de formato que va a utilizar para firmar</b></p>
91          <label>
92            <input name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio">
93            PDF
94          </label>
95          <label>
96            <input name="optionsRadios" id="optionsRadios1" value="option2" checked="" type="radio">
97            BDOC
98          </label>
99          <p class="mt-4"><b>Seleccione el el documento que desea verificar</b></p>
100          <p>
101            <input type="file" class="form-control-file" id="exampleFormControlFile1">
102          </p>
103          <button type="submit" class="btn btn-success mb-5">Enviar</button>
104        </div>
105        <!-- tab 1 end -->
106
107        <!-- Tab 2
108        ================================================== -->
109        <div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="profile-tab">
110          <h2 class="mt-4 mb-4">Verificar Firma Electrónica</h2>
111          <p><b>Seleccione el el documento que desea verificar</b></p>
112          <p>
113            <input type="file" class="form-control-file" id="exampleFormControlFile1">
114          </p>
115          <button type="submit" class="btn btn-success">Enviar</button>
116        </div>
117        <!-- Tab 2 -->
118
119        <!-- Tab 3
120        ================================================== -->
121        <div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="contact-tab">
122          <h2 class="mt-5">Versión de Murachí</h2>
123          <p>Se obtiene la versión del servicio Murachí al cual se consulta.</p>
124          <button type="submit" class="btn btn-success">Enviar</button>
125        </div>
126        <!-- Tab 3 -->
127
128      </div>
129    </div>
130    <!-- Navs end -->
131
132    <!-- Footer
133    ================================================== -->
134    <div align="center" class="mt-5 mb-4">
135      <a href="http://www.cenditel.gob.ve" target="_blank">
136        Desarrollado en el Centro Nacional de Desarrollo e Investigacion en Tecnologias Libres - CENDITEL
137      </a>
138      <br />
139      <br />
140      <a href="http://derechoinformatico.cenditel.gob.ve/licencia-de-contenido/" target="_blank">
141        <img src="static/img/lc-lc.png" width="100px"></img>
142      </a>
143      <a href="http://derechoinformatico.cenditel.gob.ve/licencia-de-software/" target="_blank">
144        <img src="static/img/lc-ls-icon.png" width="100px"></img>
145      </a>
146    </div>
147    <!-- Footer end -->
148
149  </div>
150  <!-- container-fluid end -->
151</body>
152<!-- Bootstrap core JavaScript
153================================================== -->
154<script src="static/jquery/jquery-3.2.1.slim.min.js"></script>
155<script src="static/jquery/popper.min.js"></script>
156<script src="static/bootstrap/js/bootstrap.min.js"></script>
157</html>
Note: See TracBrowser for help on using the repository browser.