@extends('layout')
@section('styles')
<link rel="stylesheet" type="text/css" media="screen" href="{{asset("css/indicator.css")}}" />
<link rel="stylesheet" type="text/css" media="screen" href="{{asset("css/secAmbiente.css")}}" />
@endsection*********-****
@section('contenido')
    <div class="wrapper">
        <div class="container-fluid">
            <div class="row mb-3">
                <div class="col-8">
                    <br clear="left">
                    <img src="images/aire/iconoHome.png" width="42" height="38" alt="Ir al home" />
                    <span class="breadcrumb_"> | Sistema de Vigilancia en Salud Pública |</span>
                    <span class="breadcrumb_ aire"> Sivigila</span>
                    <div width="300px">
                        <img src="{{asset("images/aire/Sivigila.png" )}}" width="30%" alt="" />
                    </div>
                </div>
                <div class="col-4">
                    <div class="row ">
                        <div class="col-12 date-time-title">
                            <span>Bogotá hoy</span>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 date-time" id="reloj">
                            Fecha y hora
                        </div>
                    </div>
                    <div class="row mt-2">
                        <div class="col-4">
                            <a href="http://www.ambientebogota.gov.co/calidad-del-aire">
                                <img src="{{asset("images/news/IndiceIboca.svg")}}" alt="calidad aire" class="img-calidad-aire">
                            </a>
                        </div>
                        <div class="col-4">
                            <a href="https://drive.google.com/file/d/1maDvUXoIHzn83FTXMxM5jbG1bw0-rGU2 ">
                                <img src="{{asset("images/news/IndiceUUV.svg")}}" alt="indice uv" class="img-indice-uv">
                            </a>
                        </div>
                        <div class="col-4">
                            <a href="http://www.pronosticosyalertas.gov.co/pronobig-portlet/html/pronobig/view.jsp ">
                                <img  src="{{asset("images/news/Clima.svg")}}" alt="clima actual" class="img-clima-actual">
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div >

                    <a href="https://twitter.com/SectorSalud" class="redes pl-1 pt-2" style="margin-top: 90px; margin-left:0px;">
                        <img  src="{{asset("images/redessociales/Twitter.svg")}}" alt="" style="height: 80%">
                    </a>
                    <a href="https://www.facebook.com/secretariadistritaldesalud/" class="redes pl-2 pt-2" style="margin-top: 150px; margin-left:0px;">
                        <img  src="{{asset("images/redessociales/IconoFacebook.svg")}}" alt="" style="height: 95%">
                    </a>
                    <a href="https://www.youtube.com/channel/UCp1gXUi3r_nqB5pLWU9nmMg" class="redes pl-1 pt-2" style="margin-top: 210px; margin-left:0px;">
                        <img  src="{{asset("images/redessociales/IconoYouTube.svg")}}" alt="" style="height: 70%">
                    </a>
                </div>

                <div height="355">
                <a href="https://drive.google.com/file/d/1FEkqi2d6UE1uTRWttUr34SlMnj7nonue/view?usp=sharing">
                            <img class="d-block w-100 altura" src="{{asset("images/aire/Vigilancia-epidemiologica.jpg")}}" width="1000" height="450">
                        </a>
                </div>
            </div>
            <div class="row">
                <div class="contenidoSecAmb centradoDiv">
                    <div>
                      <br>
                      </br>
                       
                    </div>

                      <p align="justify">El Sistema de Salud Pública (SIVIGILA) tiene como responsabilidad el proceso de observación y análisis objetivo, sistemático y constante de los eventos en salud, el cual sustenta la orientación, planificación, ejecución, seguimiento y evaluación de la práctica de la salud pública.  

                        Los eventos en salud son el conjunto de sucesos o circunstancias que pueden modificar o incidir en la situación de salud de una comunidad (enfermedad, factores protectores, discapacidad, muerte, factores de riesgo y otros determinantes).
                        
                        <p align="right">
                            <a href="{{asset("/aire_que_hacemos")}}" class="verMas colorAire">
                                <img src="images/aire/vermas.png" width="20" height="20" alt="ver más" style="margin-top: -8px;"/>
                                {{-- Ver más --}}
                            </a>
                        </p>
                    </div>
                    <p class="notaPiePagina">&nbsp;</p>
                </div>
            </div>

            <div class="row">
               <hr class="lineaAire mt80" style="width: 100%;">
            </div>

            <div class="logos colorAire bold140p">
                <div class="centrado colorAire">
                    <p class="colorAire">Documentos e investigaciones</p>
                     <a href="{{asset("aire_documentos")}}">
                    <img src="images/aire/IMG_AIRE_DOCUMENTOS.jpg" width="85" height="63" alt="Agua docs">
                    </a>
                </div>
                <div class="centrado colorAire">
                    <p class="colorAire">Mapas</p>
                    <a href="{{asset("aire_mapas")}}">
                    <img src="images/aire/aireMAPA.png" width="85" height="63" alt="Agua mapa">
                    </a>
                </div>
                <div class="centrado colorAire">
                    <p class="colorAire">Normatividad</p>
                    <a href="{{asset("aire_normatividad")}}">
                    <img src="images/aire/IMG_AIRE_NORMATIVIDAD.jpg" width="85" height="63" alt="Agua normas">
                    </a>
                </div>
                <div class="centrado colorAire">
                    <p class="colorAire">Indicadores</p>
                    <a href="{{asset("aire_indicadores")}}">
                    <img src="images/aire/aireINDICADORES.png" width="85" height="63" alt="Agua título">
                    </a>
                </div>
            </div>

            </div>
            </div>

        </div>
    </div>


@endsection
@section('scripts')
<script type='text/javascript'  src="{{asset("js/news/news.js")}}"></script>
@endsection
