forked from regione-piemonte/decsira
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
248 lines (224 loc) · 15.8 KB
/
index.html
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="it" lang="it">
<head>
<title>Sistema Piemonte - Conoscenze ambientali</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta content="width=device-width, initial-scale=1.0, maximum-scale=3.0, user-scalable=yes" name="viewport" />
<meta name="author" content="CSI-Piemonte" />
<meta name="description" content="Sistema Piemonte il portale per cittadini ed imprese" />
<meta name="keywords" content="piemonte, servizi, cittadini, imprese, sistema, amministrazione" />
<style>
@font-face{font-family:'Glyphicons Halflings';src:url(assets/application/conoscenze_ambientali/fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
</style>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/global/css/bootstrap-themes/yeti/bootstrap.css" />
<!-- Optional theme
<link rel="stylesheet" href="assets/global/css/bootstrap3/bootstrap-theme.min.css">
-->
<!-- Custom styles for this template -->
<link href="assets/global/css/skin.css" rel="stylesheet">
<link href="assets/application/conoscenze_ambientali/css/skin-home.css" rel="stylesheet">
<link href="assets/application/conoscenze_ambientali/css/skin-interna.css" rel="stylesheet">
<link rel="stylesheet" href="assets/application/conoscenze_ambientali/css/jquery-ui-core_autocomplete_datepicker.min.css"/>
<link href="assets/global/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script type="text/javascript"
src="assets/application/conoscenze_ambientali/js/jquery-ui-core_autocomplete_datepicker.min.js"></script>
<script type="text/javascript"
src="assets/application/conoscenze_ambientali/js/sira.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body class="home-page">
<!-- Header servizio-->
<div id="header-servizio" class="container-fluid">
<div class="row-fluid">
<div class="container testalino">
<div class="row">
<div id="portalHeader">
<noscript class="alert_js">
<p>ATTENZIONE! Il browser in uso non supporta le applicazioni Javascript.<br />
Per usufruire in maniera completa di alcuni servizi presenti in RuparPiemonte,
potrebbe essere necessario l´utilizzo dei Javascript.</p></noscript>
<div class="header" >
<h1><a href="http://www.sistemapiemonte.it/cms/privati/" title="Home page Sistemapiemonte">SP</a></h1>
</div>
</div>
<div id="sx">
</div>
<div id="dx">
</div>
<div class="titoloServizio col-lg-11 col-md-11 col-sm-11 col-xs-11">
<h2>Sira</h2>
</div>
<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 menu-righe">
<button class="pimenu-navbar-toggle pull-right" type="button" data-toggle="collapse" data-target=".pimenu-navbar-collapse">
<i class="fa fa-bars"></i>
</button>
</div>
</div>
<nav class="pimenu-navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="item-113"><a id="profileALink" href="#">Profilo A</a></li>
<li class="item-125"><a id="profileBLink" href="#">Profilo B</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid sb-sx">
<div class="container search-home">
<div class="row">
<div class="col-md-7 col-xs-12 testo-home">
<div>
Piattaforma di fruizione delle conoscenze alfanumeriche e geografiche prodotte nel contesto del SIRA Piemonte (Sistema Informativo Ambientale della Regione Piemonte), che si configura come una rete di cooperazione tra soggetti produttori e/o detentori di informazioni di interesse ambientale (Imprese, Regione, Province e ARPA)
</div>
</div>
<div class="col-md-5 col-xs-12 ricerca-home">
<form class="form-inline">
<div class="form-group">
<!--label for="search">Email</label-->
<input type="text" class="form-control" id="search" placeholder="cerca oggetti, viste tematiche">
</div>
<button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row-fluid sb-dx">
<div class="container news-home">
<div class="row">
<div class="col-md-12 testo-news">
<p class="data-news">7 aprile 2016</p>
<h3 class="titolo-news">Nuova risorsa Disponibile</h3>
<p>È disponibile questa nuova risorsa "Impianti autorizzati a recupero di energia e materia" <a href="#" data-toggle="modal" data-target="#modalNews">Continua</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="modalNews" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Nuova risorsa Disponibile</h4>
</div>
<div class="modal-body">
<p>Nuova risorsa Disponibile: è disponibile questa nuova risorsa "Impianti autorizzati a recupero di energia e materia"</p>
<p>Proin quam metus, bibendum a lacus eget, tempor tincidunt est. Ut ac laoreet diam. Integer pretium pharetra venenatis. Sed luctus metus lacinia mauris porta, eget imperdiet enim commodo. Phasellus ornare diam sed massa tempus varius. Fusce mollis blandit vehicula. Phasellus ac vulputate purus, eget aliquam arcu. Nam nec orci nunc. Mauris pellentesque tellus eget nulla auctor, nec consectetur nisl porttitor. Proin ullamcorper vestibulum sapien, et congue sem ultricies nec. Fusce imperdiet imperdiet neque sit amet elementum. Suspendisse ac massa volutpat, iaculis augue nec, tristique urna. In ut congue nisi.</p>
<p>Praesent condimentum tincidunt condimentum. Sed et convallis dui. Duis id nisl dui. Duis commodo ex non nulla aliquet pulvinar. Donec venenatis, purus eu efficitur dapibus, enim urna eleifend nisi, eu sodales nisl ligula in turpis. Donec posuere ullamcorper tellus in sagittis. Donec ullamcorper vel risus vitae finibus. Suspendisse viverra enim in cursus gravida. In hac habitasse platea dictumst. Suspendisse ac enim in justo vestibulum placerat eu et massa. Curabitur elementum neque sit amet semper blandit. Suspendisse imperdiet dolor et est consectetur, nec luctus nulla pharetra.</p>
<p>Duis rutrum felis a ultrices ornare. Maecenas non ex suscipit, pharetra tellus vitae, placerat ligula. Aliquam dolor neque, lacinia a congue id, rhoncus lobortis urna. Duis mollis tortor eros, vel efficitur libero fringilla a. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed erat lectus, interdum eu pellentesque sed, posuere eu risus. Morbi facilisis fringilla molestie. Pellentesque ac feugiat erat, quis aliquet turpis. Aenean dapibus dui non venenatis finibus.</p>
<p>Sed commodo sollicitudin diam at sagittis. In at maximus leo. Pellentesque sed dolor nec nulla sagittis volutpat a sed nisi. Phasellus tristique facilisis enim eu congue. Sed egestas libero nulla, non fringilla felis bibendum id. Praesent et eros aliquet, elementum mauris vel, iaculis nunc. Nam congue accumsan nisl. Mauris vitae egestas nisl. Curabitur rutrum vehicula dui, laoreet ultricies mi finibus vel. Sed quam felis, lacinia ac eros quis, dignissim tincidunt quam. Aliquam eleifend varius lacus. Donec non interdum odio. Fusce sed tellus interdum, condimentum nulla vitae, commodo libero. Pellentesque nulla mi, commodo non lectus sit amet, mollis suscipit nisl. Proin auctor nisi risus, id finibus leo cursus vitae. </p>
</div>
</div>
</div>
</div>
<div class="container blocchetti">
<div class="row">
<ul class="list-group categorie">
<li class="list-group-item col-md-3 col-xs-4 acqua">Acqua<div class="ogg_appl"><span><a href="#" class="list-group-item">Oggetti</a></span> <span><a href="#" class="list-group-item">Viste tematiche</a></span></div></li>
<li class="list-group-item col-md-3 col-xs-4 aria">Aria<div class="ogg_appl"><span><a href="#" class="list-group-item">Oggetti</a></span> <span><a href="#" class="list-group-item">Viste tematiche</a></span></div></li>
<li class="list-group-item col-md-3 col-xs-4 bonifiche">Bonifiche<div class="ogg_appl"><span><a href="#" class="list-group-item">Oggetti</a></span> <span><a href="#" class="list-group-item">Viste tematiche</a></span></div></li>
<li class="list-group-item col-md-3 col-xs-4 energia">Energia<div class="ogg_appl"><span><a href="#" class="list-group-item">Oggetti</a></span> <span><a href="#" class="list-group-item">Viste tematiche</a></span></div></li>
<li class="list-group-item col-md-3 col-xs-4 acustico">Inquinamento acustico<div class="ogg_appl"><span><a href="#" class="list-group-item">Oggetti</a></span> <span><a href="#" class="list-group-item">Viste tematiche</a></span></div></li>
<li class="list-group-item col-md-3 col-xs-4 elettro">Inquinamento elettromagnetico<div class="ogg_appl"><span><a href="#" class="list-group-item">Oggetti</a></span> <span><a href="#" class="list-group-item">Viste tematiche</a></span></div></li>
<li class="list-group-item col-md-3 col-xs-4 imprese">Imprese aut. in campo ambientale<div class="ogg_appl"><span><a id="datasetLink" href="#" class="list-group-item">Oggetti <span class="items-badge">5</span></a></span> <span><a id="applicazioniLink" href="#" class="list-group-item">Viste tematiche <span class="items-badge">4</span></a></span></div></li>
<li class="list-group-item col-md-3 col-xs-4 rifiuti">Rifiuti<div class="ogg_appl"><span><a href="#" class="list-group-item">Oggetti</a></span> <span><a href="#" class="list-group-item">Viste tematiche</a></span></div></li>
<li class="list-group-item col-md-3 col-xs-4 rischio">Rischio industriale<div class="ogg_appl"><span><a href="#" class="list-group-item">Oggetti</a></span> <span><a href="#" class="list-group-item">Viste tematiche</a></span></div></li>
<li class="list-group-item col-md-3 col-xs-4 via">Valutazione impatto ambientale<div class="ogg_appl"><span><a href="#" class="list-group-item">Oggetti</a></span> <span><a href="#" class="list-group-item">Viste tematiche</a></span></div></li>
<li class="list-group-item col-md-3 col-xs-4 info">Informazioni ambientali<div class="ogg_appl"><span><a href="#" class="list-group-item">Oggetti</a></span> <span><a href="#" class="list-group-item">Viste tematiche</a></span></div></li>
<li class="list-group-item col-md-3 col-xs-4 vuoto"></li>
<!-- li class="list-group-item col-md-3 col-xs-4">Altro<span><a href="#" class="list-group-item">Oggetti</a></span> <span><a href="#" class="list-group-item">Applicazioni tematiche</a></span></li -->
</ul>
</div>
</div>
<div class="container-fluid piattaforma">
<div class="row-fluid">
<div class="container">
<div class="row">
<h3>I numeri della piattaforma</h3>
<ul class="list-group numeri">
<li class="list-group-item col-md-4"><span class="cifra">25</span> <span class="sotto_cifra">Oggetti in continuo aggiornamento</span></li>
<li class="list-group-item col-md-4"><span class="cifra">24<span class="con_cifra">%</span></span> <span class="sotto_cifra">Crescita annuale base dati previsto</span></li>
<li class="list-group-item col-md-4"><span class="cifra">50</span> <span class="sotto_cifra">Indicatori ambientali disponibili</span></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container-fluid trebox">
<div class="row-fluid">
<div class="container">
<div class="row">
<div class="col-md-6 col-xs-12 trebox-sx">
<div class="piu_visti">
<h4>I più visti</h4>
<div class="colonna-sx">
<a href="#">dataset</a>
<a href="#">dataset</a>
<a href="#">dataset</a>
<a href="#">dataset</a>
<a href="#">dataset</a>
</div>
<div class="colonna-dx">
<a href="#">applicazione</a>
<a href="#">applicazione</a>
<a href="#">applicazione</a>
<a href="#">applicazione</a>
<a href="#">applicazione</a>
</div>
</div>
<div class="ultimi">
<h4>Ultimi inseriti</h4>
<div class="colonna-sx">
<a href="#">dataset</a>
<a href="#">dataset</a>
<a href="#">dataset</a>
<a href="#">dataset</a>
<a href="#">dataset</a>
</div>
<div class="colonna-dx">
<a href="#">applicazione</a>
<a href="#">applicazione</a>
<a href="#">applicazione</a>
<a href="#">applicazione</a>
<a href="#">applicazione</a>
</div>
</div>
</div>
<div class="col-md-6 col-xs-12 trebox-dx">
<div class="tags"><a href="#" class="tag_grande">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#" class="tag_grande">lorem</a> <a href="#">lorem</a> <a href="#" class="tag_grande">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#" class="tag_grande">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#" class="tag_grande">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#" class="tag_grande">lorem</a> <a href="#">lorem</a> <a href="#" class="tag_grande">lorem</a> <a href="#">lorem</a> <a href="#" class="tag_grande">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#" class="tag_grande">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#" class="tag_grande">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#">lorem</a> <a href="#" class="tag_grande">lorem</a> <a href="#">lorem</a> </div>
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="footer" role="contentinfo">
<div class="container-fluid">
<!--messe url assoluta ad accessibilità per applicativi che girano su secure perché la cartella CMS non è proxata-->
<div class="custom footerCsi row-fluid">
<div class="container">
<div class="row">
<div class="span6 col-sm-6 footer-sx">
<a href=""><img alt="conoscenze ambientali" src="assets/application/conoscenze_ambientali/css/images/logo_footer.png" /></a>
</div>
<div class="span6 col-sm-6 footer-dx">
<a href="http://www.sistemapiemonte.it"><img alt="sistema piemonte" src="assets/application/conoscenze_ambientali/css/images/sistemapiemonte.png" /></a>
</div>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>