CINXE.COM
Beoeko
<!DOCTYPE HTML> <html> <head> <title>Beoeko</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.css" integrity="sha512-mG7Xo6XLlQ13JGPQLgLxI7bz8QlErrsE9rYQDRgF+6AlQHm9Tn5bh/vaIKxBmM9mULPC6yizAhEmKyGgNHCIvg==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="shortcut icon" href="images/fav.png" /> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <!---- start-smoth-scrolling----> <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript" src="js/jquery.scroltable.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},1000); }); }); </script> <!-- CHighcharts --> <script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/4.1.7/highcharts.js" integrity="sha512-J32Sm3ZUSgnJrOmbk7sAg6uJujOT6rKIfJHLyVVcgQEmsH5NUazfwHOx8ac3sGxw/R+c6tPsT11oMxLGF3u6GA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <!-- Custom Theme files --> <link href="css/style.css" rel='stylesheet' type='text/css' /> <link href="css/jquery.scroltable.min.css" rel='stylesheet' type='text/css' /> <!-- Font Awesome --> <script src="https://kit.fontawesome.com/0e49d401a6.js" crossorigin="anonymous"></script> <!-- Mapa --> <link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" integrity="sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin=""/> <script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" integrity="sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" crossorigin=""></script> <!-- Plan Plus Mapa --> <link href="https://maps-api.planplus.rs/style/1.3.0/css.ashx" rel="stylesheet" type="text/css"> <script src="https://maps-api.planplus.rs/1.3.0/script?lid=965E9415-68E9-460B-AE4D-7935C49EF8A5" type="text/javascript" ></script> <style> .ocjena0 { color: white; background-color: #abb8ba; font-size: 12px; width:20px; height:20px; text-align: center; border: 1px solid white; border-radius: 50%; padding-top:2px; white-space: nowrap; } .ocjenanull { color: white; background-color: #abb8ba; font-size: 12px; width:20px; height:20px; text-align: center; border: 1px solid white; border-radius: 50%; padding-top:2px; white-space: nowrap; } .ocjena1 { color: white; background-color: #98cc00; font-size: 12px; width:20px; height:20px; text-align: center; border: 1px solid white; border-radius: 50%; padding-top:2px; white-space: nowrap; } .ocjena2 { color: white; background-color: #f5dc01; font-size: 12px; width:20px; height:20px; text-align: center; border: 1px solid white; border-radius: 50%; padding-top:2px; white-space: nowrap; } .ocjena3 { color: white; background-color: #f69533; eac944; font-size: 12px; width:20px; height:20px; text-align: center; border: 1px solid white; border-radius: 50%; padding-top:2px; white-space: nowrap; } .ocjena4 { color: white; background-color: #FF0000; font-size: 12px; width:25px; height:25px; text-align: center; border: 1px solid white; border-radius: 50%; padding-top:4px; white-space: nowrap; } .ocjena5 { color: white; background-color: #66669A; font-size: 14px; width:30px; height:30px; text-align: center; border: 1px solid white; border-radius: 50%; padding-top:5px; white-space: nowrap; } .ukupnaocena { display: inline-block; text-align:center; } .ukupnaocena img { height: 350px; } </style> <!-- Custom Theme files --> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> </script> <!----webfonts----> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700' rel='stylesheet' type='text/css'> <!----//webfonts----> <!----start-top-nav-script----> <script> $(function() { $('.skroltabele').scroltable(); var pull = $('#pull'); menu = $('nav ul'); menuHeight = menu.height(); $(pull).on('click', function(e) { e.preventDefault(); menu.slideToggle(); }); $(window).resize(function(){ var w = $(window).width(); if(w > 320 && menu.is(':hidden')) { menu.removeAttr('style'); } }); }); //klik na stanicu function kliknastanicu (stanica,mreza,naziv) { $('#jstanica').val(stanica); $('#jmreza').val(mreza); $('#ppodataka').text(naziv); ucitajgrafikon('stanica'); $([document.documentElement, document.body]).animate({ scrollTop: $("#gallery").offset().top }, 2000); } $(document).ready(function() { $('#formular').change(function(){ ucitajgrafikon('stanica'); }); ucitajgrafikon('zbirni'); //popup $('.popup-with-zoom-anim').magnificPopup({ type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: false, midClick: true, removalDelay: 300, mainClass: 'my-mfp-zoom-in' }); //mapa var mymap = L.map('mapa').setView([44.625664,20.468380],9); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { projection: 'EPSG:4326', attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'}).addTo(mymap); var markerArray = []; $.getJSON( "json_stanice2022.php", function( data ) { //prodji kroz MRE沤E $.each( data.NETWORK, function( keyM, valM ) { console.log("Mreza" + keyM); //console.log(valM); //prodji kroz STANICE $.each( valM.STATION, function( keyS, valS ) { console.log("Stanica" + keyS); //console.log(valS); //console.log(data.WEB_SETTINGS); //PROVJERI DA LI POSTOJI if (typeof(data.WEB_SETTINGS.STATION[keyS]) != "undefined") { //PROVJERI DA LI JE UKLJUCEN PRIKAZ if (data.WEB_SETTINGS.STATION[keyS].prikazana==true) { //AKO JE UKLJUCEN PRIKAZ PRIKAZI NA MAPI //console.log("PRIKAZANA"); //KOJA JE IKONICA if (valS.GENERAL.aq_stationclassification=="traffic") {ikonica="fa fa-car";} else if (valS.GENERAL.aq_stationclassification=="industrial") { ikonica="fa fa-industry";} else if (valS.GENERAL.aq_stationclassification=="background") { ikonica="fa fa-tree";} else if (valS.GENERAL.aq_stationclassification=="unknown") {ikonica="fa fa-question";} else {ikonica="fa fa-tree";} //Poslednji CAQI podaci za stanicu //samo ako postoji if (typeof(valS.SAMPLE.CAQI) != "undefined") { $.each(valS.SAMPLE.CAQI, function( keySCAQI, valSCAQI ) { SCAQI = valSCAQI; }); } //console.log(1); //NAPRAVI POPUP icon = L.divIcon({ className: 'ocjena'+SCAQI.MAX_CAQI_INDEX, html: "<div style='background-color:#4838cc;' class='marker-pin'></div><i class='"+ikonica+" awesome'>", iconSize: [30, 30], iconAnchor: [20, 20] }); //DODATNE OPCIJE var customOptions = { 'maxWidth': '500', 'className' : 'custom' } //NAPRAVI HTML ZA POPUP var html = "<b>Stanica: "+valS.GENERAL.k_name+" <\/b> <i class='fontello-icon-clock-4 opaci35'></i> CAQI indeks<br><iframe frameborder='0' scrolling='no' width='100%' height='200' src='mapa_frame_caqi2022.php?stanica="+keyS+"&n="+keyM+"'></iframe>"; //PRIKAZI MARKER L.marker([valS.GENERAL.k_latitude_d, valS.GENERAL.k_longitude_d], { icon: icon }).bindPopup(html,customOptions).addTo(mymap); markerArray.push(L.marker([valS.GENERAL.k_latitude_d, valS.GENERAL.k_longitude_d])); } } }); }); }); console.log(markerArray); }); function ucitajgrafikon(tip) { var url; if (tip=="zbirni") { url = "pregled_grafikon_zbirni.php"; } else { url = "pregled_grafikon2022.php"; } $.ajax({ url: url, type: "POST", data: $('#formular').serialize(), success: function(response) { $("#graficki").html(response); } }); } </script> <!----//End-top-nav-script----> </head> <body> <!-----start-container-----> <!-----header-section------> <div class="header-section"> <!----- start-header----> <div id="home" class="header" style="background: #f69533;"> <div class="container"> <div class="top-header"> <div class="logo"> <a href="#" style="color: #000; font-size: 28px; margin-top: 9px;">Beoeko</a> </div> <!----start-top-nav----> <nav class="top-nav"> <ul class="top-nav"> <li class="page-scroll"><a href="#stanicepodaci" class="scroll">Trenutni podaci</a></li> </ul> <a href="#" id="pull"><img src="images/nav-icon.png" title="menu" /></a> </nav> <div class="clearfix"> </div> </div> </div> </div> </div> <div id="sekcijaocena" > <div class="container" style="padding: 2em 2em; text-align:center;"> <div class="ukupnaocena" style="display: inline-block; max-width: 370px; vertical-align: top;"> <img src='ikonice/3-maskota.png'><br> <h3><b>KVALITET VAZDUHA NA TERITORIJI BEOGRADA JE PRIHVATLJIV!</b></h3> </div> </div> </div> <div id="sekcijamapa" > <div class="container" style=""> <div id="mapa" style="height:350px;" style="border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;"></div> </div> </div> <div id="stanicepodaci" class="features"> <div class="container"> <div class="section-head text-center"> <h3><span class="frist"> </span>Trenutni podaci<span class="second"> </span></h3> Kvalitet vazduha ocenjen je 25.11.2024. 06:00 - 06:59 </div> <!----features-grids-----> <div class="features-grids" style="overflow: auto;"> <table class="table table-bordered skroltabele" id="gornjimeni"> <thead> <tr > <th class="min-width nowrap" style="text-align: center;">Kvalitet</th> <th class="min-width nowrap">Stanica</th> <th class="min-width nowrap">Mre啪a</th> <th style="text-align:center;">PM10</th> <th style="text-align:center;">PM2.5</th> <th style="text-align:center;">NO2</th> <th style="text-align:center;">SO2</th> <th style="text-align:center;">CO</th> <th style="text-align:center;">O3</th> </tr> </thead> <tbody> <tr> <td style="text-align: center;"><span class='ocjena4' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(48, 3, 'Beograd Ov膷a')">Beograd Ov膷a</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">73.4</td> <td style="text-align:center; font-size:11px; background:#FF0000;">69.1</td> <td style="text-align:center; font-size:11px; background:#98cc00;">19.9</td> <td style="text-align:center; font-size:11px; background:#98cc00;">36</td> <td style="text-align:center; font-size:11px; background:#98cc00;">0.98</td> <td style="text-align:center; font-size:11px; background:#98cc00;">10.5</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena4' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(49, 3, 'Beograd Zemun TB')">Beograd Zemun TB</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">83.4</td> <td style="text-align:center; font-size:11px; background:#FF0000;">78.4</td> <td style="text-align:center; font-size:11px; background:#98cc00;">31.6</td> <td style="text-align:center; font-size:11px; background:#98cc00;">4.24</td> <td style="text-align:center; font-size:11px; "></td> <td style="text-align:center; font-size:11px; "></td> </tr> <tr> <td style="text-align: center;"><span class='ocjena4' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(50, 3, 'Beograd Despota Stefana ')">Beograd Despota Stefana </a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#FF0000;">105</td> <td style="text-align:center; font-size:11px; background:#FF0000;">98.3</td> <td style="text-align:center; font-size:11px; background:#98cc00;">23.3</td> <td style="text-align:center; font-size:11px; background:#98cc00;">5.57</td> <td style="text-align:center; font-size:11px; background:#98cc00;">2.84</td> <td style="text-align:center; font-size:11px; "></td> </tr> <tr> <td style="text-align: center;"><span class='ocjena3' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>PRIHVATLJIV</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(51, 3, 'Beograd Oml. brigada ')">Beograd Oml. brigada </a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">59.1</td> <td style="text-align:center; font-size:11px; background:#f69533;">40.7</td> <td style="text-align:center; font-size:11px; background:#98cc00;">28.8</td> <td style="text-align:center; font-size:11px; background:#98cc00;">10.3</td> <td style="text-align:center; font-size:11px; "></td> <td style="text-align:center; font-size:11px; background:#98cc00;">8.6</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena2' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>DOBAR</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(53, 3, 'Beograd Obrenovac')">Beograd Obrenovac</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">35.6</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">27.2</td> <td style="text-align:center; font-size:11px; background:#98cc00;">17.3</td> <td style="text-align:center; font-size:11px; background:#98cc00;">12.6</td> <td style="text-align:center; font-size:11px; "></td> <td style="text-align:center; font-size:11px; "></td> </tr> <tr> <td style="text-align: center;"><span class='ocjena3' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>PRIHVATLJIV</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(54, 3, 'Beograd Obrenovac U拧膰e')">Beograd Obrenovac U拧膰e</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">40.2</td> <td style="text-align:center; font-size:11px; background:#f69533;">38.9</td> <td style="text-align:center; font-size:11px; background:#98cc00;">15.9</td> <td style="text-align:center; font-size:11px; background:#98cc00;">6.28</td> <td style="text-align:center; font-size:11px; "></td> <td style="text-align:center; font-size:11px; "></td> </tr> <tr> <td style="text-align: center;"><span class='ocjena5' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>JAKO ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(55, 3, 'Beograd Lazarevac ')">Beograd Lazarevac </a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#FF0000;">123</td> <td style="text-align:center; font-size:11px; background:#66669A;">117</td> <td style="text-align:center; font-size:11px; background:#98cc00;">30.5</td> <td style="text-align:center; font-size:11px; background:#98cc00;">27.2</td> <td style="text-align:center; font-size:11px; "></td> <td style="text-align:center; font-size:11px; background:#98cc00;">8.47</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena3' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>PRIHVATLJIV</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(60, 3, 'Beograd Vin膷a')">Beograd Vin膷a</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">52.5</td> <td style="text-align:center; font-size:11px; background:#f69533;">50.4</td> <td style="text-align:center; font-size:11px; background:#98cc00;">27.9</td> <td style="text-align:center; font-size:11px; background:#98cc00;">10</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.34</td> <td style="text-align:center; font-size:11px; background:#98cc00;">5.13</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena2' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>DOBAR</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(61, 3, 'Beograd Dragi拧a Mi拧ovi膰')">Beograd Dragi拧a Mi拧ovi膰</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#98cc00;">15.7</td> <td style="text-align:center; font-size:11px; background:#98cc00;">14.2</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">55.9</td> <td style="text-align:center; font-size:11px; "></td> <td style="text-align:center; font-size:11px; "></td> <td style="text-align:center; font-size:11px; background:#98cc00;">32.8</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena2' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>DOBAR</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(64, 3, 'Beograd Jajinci')">Beograd Jajinci</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">26</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">23.7</td> <td style="text-align:center; font-size:11px; background:#98cc00;">32.9</td> <td style="text-align:center; font-size:11px; background:#98cc00;">14.7</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.23</td> <td style="text-align:center; font-size:11px; background:#98cc00;">17.1</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena3' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>PRIHVATLJIV</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(69, 3, 'Veliki Crljeni')">Veliki Crljeni</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">40.1</td> <td style="text-align:center; font-size:11px; background:#f69533;">39.1</td> <td style="text-align:center; font-size:11px; background:#98cc00;">4.87</td> <td style="text-align:center; font-size:11px; background:#98cc00;">26.4</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.1</td> <td style="text-align:center; font-size:11px; "></td> </tr> <tr> <td style="text-align: center;"><span class='ocjena2' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>DOBAR</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(80, 3, 'Beograd Top膷iderska Zvezda')">Beograd Top膷iderska Zvezda</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#98cc00;">20.1</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">18.5</td> <td style="text-align:center; font-size:11px; background:#98cc00;">38.8</td> <td style="text-align:center; font-size:11px; background:#98cc00;">6.42</td> <td style="text-align:center; font-size:11px; background:#98cc00;">0.67</td> <td style="text-align:center; font-size:11px; background:#98cc00;">2.96</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena3' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>PRIHVATLJIV</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(81, 3, 'Beograd Vra膷ar Dom zdravlja')">Beograd Vra膷ar Dom zdravlja</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">57.9</td> <td style="text-align:center; font-size:11px; background:#f69533;">44.9</td> <td style="text-align:center; font-size:11px; background:#98cc00;">46.3</td> <td style="text-align:center; font-size:11px; background:#98cc00;">3.35</td> <td style="text-align:center; font-size:11px; background:#98cc00;">0.99</td> <td style="text-align:center; font-size:11px; background:#98cc00;">2.77</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena4' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(82, 3, 'Beograd Be啪anijska kosa')">Beograd Be啪anijska kosa</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">66</td> <td style="text-align:center; font-size:11px; background:#FF0000;">60.1</td> <td style="text-align:center; font-size:11px; background:#98cc00;">29.8</td> <td style="text-align:center; font-size:11px; background:#98cc00;">4.5</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.9</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.86</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena4' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(83, 3, 'Beograd Banovo brdo')">Beograd Banovo brdo</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">64.4</td> <td style="text-align:center; font-size:11px; background:#FF0000;">56.2</td> <td style="text-align:center; font-size:11px; background:#98cc00;">43.4</td> <td style="text-align:center; font-size:11px; background:#98cc00;">9.59</td> <td style="text-align:center; font-size:11px; background:#98cc00;">2</td> <td style="text-align:center; font-size:11px; background:#98cc00;">5.24</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena2' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>DOBAR</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(84, 3, 'Beograd Ada petlja')">Beograd Ada petlja</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">29.6</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">28.6</td> <td style="text-align:center; font-size:11px; background:#98cc00;">29</td> <td style="text-align:center; font-size:11px; background:#98cc00;">4.85</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.06</td> <td style="text-align:center; font-size:11px; background:#98cc00;">2.83</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena4' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(85, 3, 'Beograd Sur膷in')">Beograd Sur膷in</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#FF0000;">97.2</td> <td style="text-align:center; font-size:11px; background:#FF0000;">85.5</td> <td style="text-align:center; font-size:11px; background:#98cc00;">25</td> <td style="text-align:center; font-size:11px; background:#98cc00;">5.5</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.71</td> <td style="text-align:center; font-size:11px; background:#98cc00;">4.47</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena4' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(86, 3, 'Beograd Zemun Ugrinova膷ka')">Beograd Zemun Ugrinova膷ka</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">89.9</td> <td style="text-align:center; font-size:11px; background:#FF0000;">83.6</td> <td style="text-align:center; font-size:11px; background:#98cc00;">20.2</td> <td style="text-align:center; font-size:11px; background:#98cc00;">6.32</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.94</td> <td style="text-align:center; font-size:11px; background:#98cc00;">4.52</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena4' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(87, 3, 'Beograd Bor膷a')">Beograd Bor膷a</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">72.2</td> <td style="text-align:center; font-size:11px; background:#FF0000;">67.3</td> <td style="text-align:center; font-size:11px; background:#98cc00;">9.62</td> <td style="text-align:center; font-size:11px; background:#98cc00;">5.59</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.27</td> <td style="text-align:center; font-size:11px; background:#98cc00;">12.5</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena3' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>PRIHVATLJIV</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(88, 3, 'Beograd Fran拧a Deperea')">Beograd Fran拧a Deperea</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">63.9</td> <td style="text-align:center; font-size:11px; background:#f69533;">49.7</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">71.2</td> <td style="text-align:center; font-size:11px; background:#98cc00;">6.47</td> <td style="text-align:center; font-size:11px; background:#98cc00;">2.22</td> <td style="text-align:center; font-size:11px; background:#98cc00;">5.43</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena3' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>PRIHVATLJIV</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(89, 3, 'Beograd Le拧tane')">Beograd Le拧tane</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">50.3</td> <td style="text-align:center; font-size:11px; background:#f69533;">45.3</td> <td style="text-align:center; font-size:11px; background:#98cc00;">34.6</td> <td style="text-align:center; font-size:11px; background:#98cc00;">10.9</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.6</td> <td style="text-align:center; font-size:11px; background:#98cc00;">4.74</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena2' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>DOBAR</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(90, 3, 'Beograd Stoj膷ino Brdo')">Beograd Stoj膷ino Brdo</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">28.2</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">27.3</td> <td style="text-align:center; font-size:11px; background:#98cc00;">14.1</td> <td style="text-align:center; font-size:11px; background:#98cc00;">29</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.22</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">62.7</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena1' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ODLI膶AN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(91, 3, 'Beograd Barajevo')">Beograd Barajevo</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#98cc00;">9.33</td> <td style="text-align:center; font-size:11px; background:#98cc00;">9.07</td> <td style="text-align:center; font-size:11px; background:#98cc00;">3.71</td> <td style="text-align:center; font-size:11px; background:#98cc00;">5.25</td> <td style="text-align:center; font-size:11px; background:#98cc00;">0.88</td> <td style="text-align:center; font-size:11px; background:#98cc00;">28</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena3' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>PRIHVATLJIV</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(92, 3, 'Beograd Ada Marina')">Beograd Ada Marina</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">33.5</td> <td style="text-align:center; font-size:11px; background:#f69533;">32.3</td> <td style="text-align:center; font-size:11px; background:#98cc00;">26.7</td> <td style="text-align:center; font-size:11px; background:#98cc00;">7.44</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.17</td> <td style="text-align:center; font-size:11px; background:#98cc00;">3.8</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena4' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(93, 3, 'Beograd Mladenovac')">Beograd Mladenovac</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">70.4</td> <td style="text-align:center; font-size:11px; background:#FF0000;">66.1</td> <td style="text-align:center; font-size:11px; background:#98cc00;"></td> <td style="text-align:center; font-size:11px; background:#98cc00;">7.3</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.3</td> <td style="text-align:center; font-size:11px; background:#98cc00;">6.45</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena4' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(94, 3, 'Beograd Sopot')">Beograd Sopot</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">62.7</td> <td style="text-align:center; font-size:11px; background:#FF0000;">60.5</td> <td style="text-align:center; font-size:11px; background:#98cc00;">19.5</td> <td style="text-align:center; font-size:11px; background:#98cc00;">9.67</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.7</td> <td style="text-align:center; font-size:11px; background:#98cc00;">9.67</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena3' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>PRIHVATLJIV</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(95, 3, 'Beograd Resnik')">Beograd Resnik</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">39.7</td> <td style="text-align:center; font-size:11px; background:#f69533;">36.6</td> <td style="text-align:center; font-size:11px; background:#98cc00;">25.4</td> <td style="text-align:center; font-size:11px; background:#98cc00;">11.6</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.22</td> <td style="text-align:center; font-size:11px; background:#98cc00;">11.3</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena2' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>DOBAR</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(96, 3, 'Beograd Mirijevo')">Beograd Mirijevo</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">32.8</td> <td style="text-align:center; font-size:11px; background:#98cc00;">13.9</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">65.1</td> <td style="text-align:center; font-size:11px; background:#98cc00;">13.9</td> <td style="text-align:center; font-size:11px; background:#98cc00;">0.9</td> <td style="text-align:center; font-size:11px; background:#98cc00;">5.23</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena4' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>ZAGA膼EN</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(97, 3, 'Beograd na vodi')">Beograd na vodi</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f69533;">66.7</td> <td style="text-align:center; font-size:11px; background:#FF0000;">65.8</td> <td style="text-align:center; font-size:11px; background:#98cc00;">32</td> <td style="text-align:center; font-size:11px; background:#98cc00;">6.32</td> <td style="text-align:center; font-size:11px; background:#98cc00;">2.12</td> <td style="text-align:center; font-size:11px; background:#98cc00;">2.31</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena3' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>PRIHVATLJIV</span></td> <td class="semi-bold nowrap" style="white-space: nowrap;"><a href="javascript:void(0);" onclick="kliknastanicu(98, 3, 'Beograd Danijelova')">Beograd Danijelova</a></td> <td class="" style="white-space: nowrap;">IPH-BGD</td> <td style="text-align:center; font-size:11px; background:#f5dc01;">33.2</td> <td style="text-align:center; font-size:11px; background:#f69533;">32.2</td> <td style="text-align:center; font-size:11px; background:#98cc00;">37.2</td> <td style="text-align:center; font-size:11px; background:#98cc00;">7.33</td> <td style="text-align:center; font-size:11px; background:#98cc00;">1.24</td> <td style="text-align:center; font-size:11px; background:#98cc00;">4.48</td> </tr> <tr> <td style="text-align: center;"><span class='ocjena3' style='font-size: 16px; border-radius: 6px; padding: 2px 5px 2px 6px;'>PRIHVATLJIV</span></td> <td class="semi-bold nowrap" colspan="2"><b>Srednja vrednost</b></td> <td style="text-align:center; font-size:11px; background:#f69533;"><b>54.7</b></td> <td style="text-align:center; font-size:11px; background:#f69533;"><b>49.3</b></td> <td style="text-align:center; font-size:11px; background:#98cc00;"><b>29.7</b></td> <td style="text-align:center; font-size:11px; background:#98cc00;"><b>10.8</b></td> <td style="text-align:center; font-size:11px; background:#98cc00;"><b>1.44</b></td> <td style="text-align:center; font-size:11px; background:#98cc00;"><b>10.6</b></td> </tr> </tbody> </table> <div class="clearfix"> </div> </div> </div> </div> <div id="gallery" style="background: #FAFAFA; padding-bottom:30px;"> <div class="container"> <div class="section-head text-center"> <h3><span class="frist"> </span><div id="ppodataka" style="display: inline;">Pregled podataka</div><span class="second"> </span></h3> Za prikaz podataka u mernim stanicama, odaberite stanicu u gornjem pregledu </div> <div class="features-grids" style="background:#ffffff; padding: 10px; border-radius: 7px;"> <form id="formular" method="post"> <input type="hidden" name="stanica" id="jstanica" value=""> <input type="hidden" name="n" id="jmreza" value=""> <div id="graficki"></div> </form> </div> </div> </div> <link href="css/popuo-box.css?1" rel="stylesheet" type="text/css" media="all"/> <script src="js/jquery.magnific-popup.js" type="text/javascript"></script> <!----team----> <div style="background: #f69533;" > <div class="container"> <div class="section-head text-center"> <h3><span class="frist"> </span>OCENE KVALITETA VAZDUHA<span class="second"> </span></h3> <p>Saznajte vi拧e o uticaju kvaliteta vazduha na zdravlje stanovni拧tva i preporukama za pona拧anje.</p> </div> </div> <!----team-members----> <div class="team-members" style="padding-bottom: 50px;"> <div class="container"> <div class="col-md-2 text-center col-md-offset-1"> <div class="team-member-info"> <a class="popup-with-zoom-anim" href="#preporuke1"> <img src='ikonice/1.png'> <h4>ODLI膶AN</h4> </a> <div id="preporuke1" class="small-dialog mfp-hide"> <h3><i class="far fa-grin-alt" style="border-radius: 50%; background: #98cc00;"></i> <b>ODLI膶AN</b></h3> <strong>Uticaj na zdravlje stanovni拧tva</strong> <br /><br />Kvalitet vazduha je odli膷an, bez rizika po zdravlje stanovni拧tva. <br /><br /><strong>Preporuke za pona拧anje stanovni拧tva</strong> <br /><br />Nema ograni膷enja u boravku na otvorenom, 拧tavi拧e u cilju odr啪avanja i unapre膽enja zdravih stilova 啪ivota, u ovim uslovima se preporu膷uje 拧to du啪i boravak na otvorenom uz fizi膷ke aktivnosti, u skladu sa zdravstvenim stanjem pojedinaca (拧etnja, ve啪banje na otvorenom, vo啪nja bicikla i sl.). Ove aktivnosti na otvorenom treba obavljati na 拧to je mogu膰e ve膰oj udaljenosti od vidljivih izvora zaga膽enja vazduha (saobra膰ajnice, ku膰na lo啪i拧ta i sl.) Ova preporuka se odnosi na celokupnu populaciju, uklju膷uju膰i i osetljive grupe u populaciji. </div> </div> </div><!--- end-team-member ---> <div class="col-md-2 text-center"> <div class="team-member-info"> <a class="popup-with-zoom-anim" href="#preporuke2"> <img src='ikonice/2.png'> <h4>DOBAR</h4> </a> <div id="preporuke2" class="small-dialog mfp-hide"> <h3><i class="far fa-grin-alt" style="border-radius: 50%; background: #f5dc01;"></i> <b>DOBAR</b></h3> <strong>Uticaj na zdravlje stanovni拧tva</strong> <br /><br />Kvalitet vazduha je dobar i boravak na otvorenom ne predstavlja nikakav rizik za ve膰inu populacije. Izuzetak je mali broj izrazito osetljivih osoba u populaciji, kod kojih se mogu javiti blage do umerene zdravstvene tegobe (npr. znaci iritacije disajnih organa, ka拧alj, bol u grlu) i pri ni啪im koncentracijama zaga膽uju膰ih materija u odnosu na koncentracije na koje reaguje najve膰i deo populacije. <br /><br /><strong>Preporuke za pona拧anje stanovni拧tva</strong> <br /><br />- <strong>Preporuka za izrazito osetljive osobe</strong>: Pratiti eventualnu pojavu simptoma, kao 拧to su: ka拧alj ili ote啪ano disanje. Ukoliko se jave, razmotriti mogu膰nost skra膰enja i smanjenje intenziteta napornih aktivnosti** u spolja拧njoj sredini. <br /><br />- <strong>Preporuka za ostale u populaciji:</strong> bez ograni膷enja tokom boravka na otvorenom. <br /><br /><em>**Naporne aktivnosti: aktivnosti koje su pra膰ene ubrzanim i dubokim disanjem.</em> </div> </div> </div><!--- end-team-member ---> <div class="col-md-2 text-center"> <div class="team-member-info"> <a class="popup-with-zoom-anim" href="#preporuke3"> <img src='ikonice/3.png'> <h4>PRIHVATLJIV</h4> </a> <div id="preporuke3" class="small-dialog mfp-hide"> <h3><i class="far fa-grin-alt" style="border-radius: 50%; background: #f69533;"></i> <b>PRIHVATLJIV</b></h3> <strong>Uticaj na zdravlje stanovni拧tva</strong> <br /><br />Kod <strong>osetljivih grupa*</strong> u populaciji se mogu javiti odre膽ene zdravstvene tegobe (naj膷e拧膰e pogo拧anje ve膰 postoje膰eg oboljenja), ali se ne o膷ekuju efekti na zdravlje zdravih osoba.<br /><br /><em>*Osetljive grupe su slede膰e: stari, deca, osobe sa oboljenjima srca i plu膰a.</em> <br /><br /><strong>Preporuke za pona拧anje stanovni拧tva</strong> <br /><br /><strong>Preporuka za osetljive grupe:</strong> Mo啪e se boraviti napolju, ali pratiti eventualnu pojavu simptoma kao 拧to su ka拧alj, ote啪ano disanje, a dodatno i pojavu lupanja srca i neuobi膷ajenog ose膰aja umora kod osoba sa oboljenjima srca. Ukoliko se jave ovi simptomi, <strong>skratiti</strong> du啪inu i <strong>smanjiti</strong> intenzitet napornih aktivnosti** u spolja拧njoj sredini, a ako se simptomi zadr啪e i nakon preduzimanja ovih mera, obratiti se svom lekaru. <br /><br /><em>**Naporne aktivnosti: aktivnosti koje su pra膰ene ubrzanim i dubokim disanjem.</em> </div> </div> </div><!--- end-team-member ---> <div class="col-md-2 text-center"> <div class="team-member-info"> <a class="popup-with-zoom-anim" href="#preporuke4"> <img src='ikonice/4.png'> <h4>ZAGA膼EN</h4> </a> <div id="preporuke4" class="small-dialog mfp-hide"> <h3><i class="far fa-grin-alt" style="border-radius: 50%; background: #FF0000;"></i> <b>ZAGA膼EN</b></h3> <strong>Uticaj na zdravlje stanovni拧tva</strong> <br /><br />Zdravstvene tegobe se mogu javiti u celoj populaciji, s tim 拧to se kod <strong>osetljivih grupa*</strong> mogu javiti ozbiljnije zdravstvene tegobe nego u populaciji zdravih osoba. <br /><br /><em>*Osetljive grupe su slede膰e: stari, deca, osobe sa oboljenjima srca i plu膰a.</em> <br /><br /><strong>Preporuke za pona拧anje stanovni拧tva</strong><br /><br />- <strong>Preporuka za osetljive grupe:</strong> Izbegavati naporne aktivnosti** u spolja拧njoj sredini. Preusmeriti obavljanje aktivnosti u zatvorenom prostoru dok se ne pobolj拧a kvalitet vazduha. <br /><br />- <strong>Preporuka za ostale u populaciji:</strong> Skratiti du啪inu i smanjiti intenzitet napornih aktivnosti**. Praviti 膷e拧膰e pauze u svim aktivnostima u spolja拧njoj sredini. <br /><br /><em>**Naporne aktivnosti: aktivnosti u spoljnoj sredini koje su pra膰ene ubrzanim i dubokim disanjem.</em> </div> </div> </div><!--- end-team-member ---> <div class="col-md-2 text-center"> <div class="team-member-info"> <a class="popup-with-zoom-anim" href="#preporuke5"> <img src='ikonice/5.png'> <h4>JAKO ZAGA膼EN</h4> </a> <div id="preporuke5" class="small-dialog mfp-hide"> <h3><i class="far fa-grin-alt" style="border-radius: 50%; background: #66669A;"></i> <b>JAKO ZAGA膼EN</b></h3> <strong>Uticaj na zdravlje stanovni拧tva</strong> <br /><br />Ozbiljne zdravstvene tegobe se mogu o膷ekivati <strong>i kod zdravih osoba i u osetljivim grupama*</strong> populacije. <br /><br /><em>*Osetljive grupe su slede膰e: stari, deca, osobe sa oboljenjima srca i plu膰a.</em> <br /><br /><strong>Preporuke za pona拧anje stanovni拧tva</strong> <br /><br />- <strong>Preporuka za celokupnu populaciju:</strong> <span style="text-decoration: underline;"><strong>Izbegavati sve fizi膷ke aktivnosti u spolja拧njoj sredini</strong>,</span> skratiti boravak na otvorenom, preusmeriti obavljanje uobi膷ajenih aktivnosti u zatvoreni prostor dok se ne pobolj拧a kvalitet vazduha. </div> </div> </div><!--- end-team-member ---> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> <!--//team-members----> </div> </div> <div id="pregledstanica" style=" padding-bottom:30px;"> <div class="container" style=""> <div class="section-head text-center"> <h3><span class="frist"> </span>Kriterijumi<span class="second"> </span></h3> </div> <div class="features-grids"> <div style="overflow: auto;"> <table class="table table-simple skroltabele"> <thead> <tr> <th class="min-width nowrap"></th> <th class="text-center" style="background:#98cc003d">ODLI膶AN</th> <th class="text-center" style="background:#f5dc013d">DOBAR</th> <th class="text-center" style="background:#f695333d">PRIHVATLJIV</th> <th class="text-center" style="background:#FF00003d">ZAGA膼EN</th> <th class="text-center" style="background:#66669A3d">JAKO ZAGA膼EN</th> <tr> <td class="min-width nowrap" style="white-space: nowrap; background: #ececec;"><b>NO2</b> [1h] <small>渭g/m<sup>3</sup></small></td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#98cc00">0 - 50</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f5dc01">50.01 - 100</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f69533">100.01 - 200</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#FF0000">200.01 - 400</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#66669A">> 400.01 </td> </tr> <tr> <td class="min-width nowrap" style="white-space: nowrap; background: #ececec;"><b>PM10</b> [1h] <small>渭g/m<sup>3</sup></small></td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#98cc00">0 - 25</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f5dc01">25.01 - 50</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f69533">50.01 - 90</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#FF0000">90.01 - 180</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#66669A">> 180.01 </td> </tr> <tr> <td class="min-width nowrap" style="white-space: nowrap; background: #ececec;"><b>PM2.5</b> [1h] <small>渭g/m<sup>3</sup></small></td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#98cc00">0 - 15</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f5dc01">15.01 - 30</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f69533">30.01 - 55</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#FF0000">55.01 - 110</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#66669A">> 110.01 </td> </tr> <tr> <td class="min-width nowrap" style="white-space: nowrap; background: #ececec;"><b>O3</b> [1h] <small>渭g/m<sup>3</sup></small></td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#98cc00">0 - 60</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f5dc01">60.01 - 120</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f69533">120.01 - 180</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#FF0000">180.01 - 240</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#66669A">> 240.01 </td> </tr> <tr> <td class="min-width nowrap" style="white-space: nowrap; background: #ececec;"><b>CO</b> [1h] <small>mg/m<sup>3</sup></small></td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#98cc00">0 - 5</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f5dc01">5.00001 - 7.5</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f69533">7.50001 - 10</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#FF0000">10.00001 - 20</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#66669A">> 20.00001 </td> </tr> <tr> <td class="min-width nowrap" style="white-space: nowrap; background: #ececec;"><b>SO2</b> [1h] <small>渭g/m<sup>3</sup></small></td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#98cc00">0 - 50</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f5dc01">50.01 - 100</td> <td class="min-width nowrap text-center" style="white-space: nowrap; background:#f69533">100.01 - 350</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#FF0000">350.01 - 500</td> <td class="min-width nowrap text-center" style="color:white; white-space: nowrap; background:#66669A">> 500.01 </td> </tr> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> </div> <!-----footer-----> <div class="footer"> <div class="container"> <div class="footer-grids"> <div class="col-md-6 footer-grid about-info"> <a href="#" style="color: #000; font-size: 20px; margin-top: 9px; font-weight:bold;">Beoeko</a> </div> <div class="col-md-6 footer-grid subscribe"> <p>漏 Gradski zavod za javno zdravlje Beograd 2021.</p> </div> <div class="clearfix"> </div> <script type="text/javascript"> $(document).ready(function() { /* var defaults = { containerID: 'toTop', // fading element id containerHoverID: 'toTopHover', // fading element hover id scrollSpeed: 1200, easingType: 'linear' }; */ $().UItoTop({ easingType: 'easeOutQuart' }); }); </script> <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a> </div> </div> </div> <!---//footer-----> </body> </html>