{"id":4523,"date":"2023-12-20T10:48:08","date_gmt":"2023-12-20T13:48:08","guid":{"rendered":"https:\/\/ws.dev.br\/ws4\/?post_type=portfolio&#038;p=4523"},"modified":"2024-03-05T20:06:31","modified_gmt":"2024-03-05T23:06:31","slug":"site-noticia-aberta","status":"publish","type":"portfolio","link":"https:\/\/ws.dev.br\/ws4\/portfolio\/site-noticia-aberta\/","title":{"rendered":"Site Not\u00edcia Aberta"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4523\" class=\"elementor elementor-4523\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d761264 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d761264\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-1a78853\" data-id=\"1a78853\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\n<style>\n    #modal_acessar_sistema {\n        display: none;\n        position: fixed;\n        z-index: 100;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        overflow: auto;\n        background-color: rgba(0, 0, 0, 0.5);\n        padding-top: 60px;\n    }\n\n    #modal_acessar_sistema .modal-title{\n        font-size: 1.2rem;\n        margin-bottom: 2rem;\n    }\n\n    #modal_acessar_sistema .modal-content {\n        background-color: #fefefe;\n        margin: 5% auto;\n        padding: 20px;\n        border: 1px solid #888;\n        width: 60%;\n        max-width: 600px;\n        border-radius: 6px;\n        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n        animation: fadeIn 0.7s ease;\n    }\n\n    #modal_acessar_sistema .close {\n        color: #aaa;\n        float: right;\n        font-size: 28px;\n        font-weight: bold;\n    }\n\n    #modal_acessar_sistema .close:hover,\n    #modal_acessar_sistema .close:focus {\n        color: black;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    #modal_acessar_sistema .modal_option {\n        display: flex;\n        justify-content: end;\n    }\n\n    #modal_acessar_sistema .modal_option .btn {\n        padding: 10px 20px;\n        background-color: #007bff;\n        border: none;\n        color: #fff;\n        border-radius: 4px;\n        cursor: pointer;\n        font-size: 16px;\n    }\n\n    #modal_acessar_sistema .modal_option .btn:hover {\n        background-color: #0056b3;\n    }\n\n    #modal_acessar_sistema .select-wrapper {\n        margin-bottom: 15px;\n    }\n\n    #modal_acessar_sistema select {\n        width: 100%;\n        padding: 8px;\n        border-radius: 4px;\n        border: 1px solid #ccc;\n    }\n\n    @media (max-width: 500px) {\n        #modal_acessar_sistema .modal-content {\n            width: 80%;\n        }\n    }\n\n    @keyframes fadeIn {\n        0% {\n            opacity: 0;\n            transform: translate(0, -50%);\n        }\n\n        75% {\n            opacity: 0.75;\n            transform: translate(0, 0);\n        }\n\n        100% {\n            opacity: 1;\n        }\n    }\n<\/style>\n\n<div id=\"modal_acessar_sistema\" class=\"modal\">\n    <div class=\"modal-content\">\n        <h2 class=\"modal-title\">Selecione sua Empresa<\/h2>\n        <div class=\"select-wrapper\">\n            <select id=\"clientes\">\n            <\/select>\n        <\/div>\n        <div class=\"modal_option\">\n            <button class=\"btn\" onclick=\"acessarSistema()\">Acessar<\/button>\n        <\/div>\n    <\/div>\n<\/div>\n\n<script>\n    function openModal() {\n        var modal = document.getElementById('modal_acessar_sistema');\n        modal.style.display = 'block';\n\n        modal.addEventListener('click', function (event) {\n            if (event.target === this) {\n                closeModal();\n            }\n        });\n    }\n\n    function closeModal() {\n        var modal = document.getElementById('modal_acessar_sistema');\n        modal.style.display = 'none';\n        modal.removeEventListener('click', closeModal);\n    }\n\n    function acessarSistema() {\n        var clienteSelecionado = document.getElementById('clientes').value;\n        window.location.href = clienteSelecionado;\n    }\n    \n    document.addEventListener('DOMContentLoaded', function () {\n        var xhr = new XMLHttpRequest();\n\n        xhr.open('GET', 'https:\/\/ws.dev.br\/ws4\/clientes.json', true);\n\n        xhr.onload = function () {\n            if (xhr.status >= 200 && xhr.status < 400) {\n                var data = JSON.parse(xhr.responseText);\n                let clientes = '<option value=\"\">Selecione seu sistema<\/option>'; \/\/ Corrigido o sinal de igual\n\ndata.forEach(function(row){\n    clientes += '<option value=\"' + row.url + '\">' + row.Cliente + '<\/option>';\n});\n\ndocument.getElementById('clientes').innerHTML = clientes; \/\/ Removido o sinal de #\n            } else {\n                console.error('Erro na requisi\u00e7\u00e3o. Status:', xhr.status);\n            }\n        };\n        xhr.onerror = function () {\n            console.error('Erro de rede ao tentar fazer a requisi\u00e7\u00e3o.');\n        };\n\n        xhr.send();\n    });\n<\/script>\t\t<div class=\"elementor-element elementor-element-1a8685a elementor-widget elementor-widget-image\" data-id=\"1a8685a\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"552\" src=\"https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site-1024x552.png\" class=\"attachment-large size-large wp-image-4524\" alt=\"\" srcset=\"https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site-1024x552.png 1024w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site-300x162.png 300w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site-768x414.png 768w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site-600x324.png 600w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site.png 1305w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6427dec elementor-widget elementor-widget-vankine-title-v1\" data-id=\"6427dec\" data-element_type=\"widget\" data-widget_type=\"vankine-title-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                    <div class=\"section_title type_one\">\r\n                                        <div class=\"title_whole\">\r\n                                            <h2 class=\"title\"> O projeto  <\/h2>\r\n                                    <\/div>\r\n                                        <p> O projeto \"Not\u00edcia Aberta\" foi concebido como uma resposta \u00e0 crescente necessidade de uma fonte confi\u00e1vel de not\u00edcias online. Com o objetivo de oferecer uma plataforma informativa e acess\u00edvel, embarcamos nesta jornada de desenvolvimento com dedica\u00e7\u00e3o e paix\u00e3o pelo jornalismo digital.<\/p>\r\n                    <\/div>\r\n            \r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5edc8a4 elementor-widget elementor-widget-vankine-list-items-v1\" data-id=\"5edc8a4\" data-element_type=\"widget\" data-widget_type=\"vankine-list-items-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \r\n    <div class=\"position-relative\">\r\n    <ul class=\"list_box list\">\r\n            <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                            <div class=\"icon trans\">\r\n                                <i class=\" fi-rr-checkbox\"><\/i>\r\n                            <\/div>\r\n                        \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                Not\u00edcia                 <\/a>\r\n            <\/div>\r\n        <\/li>\r\n                <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                            <div class=\"icon trans\">\r\n                                <i class=\" fi-rr-checkbox\"><\/i>\r\n                            <\/div>\r\n                        \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                Informativo                <\/a>\r\n            <\/div>\r\n        <\/li>\r\n                <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                            <div class=\"icon trans\">\r\n                                <i class=\" fi-rr-checkbox\"><\/i>\r\n                            <\/div>\r\n                        \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                Responsividade                <\/a>\r\n            <\/div>\r\n        <\/li>\r\n            <\/ul>\r\n    <\/div>\r\n \r\n         \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2100903 elementor-widget elementor-widget-image\" data-id=\"2100903\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"514\" src=\"https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site1-1024x514.png\" class=\"attachment-large size-large wp-image-4528\" alt=\"\" srcset=\"https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site1-1024x514.png 1024w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site1-300x151.png 300w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site1-768x385.png 768w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site1-600x301.png 600w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/site1.png 1419w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-426ce47 elementor-widget elementor-widget-vankine-title-v1\" data-id=\"426ce47\" data-element_type=\"widget\" data-widget_type=\"vankine-title-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                    <div class=\"section_title type_one\">\r\n                                        <div class=\"title_whole\">\r\n                                            <h2 class=\"title\"> Ojetivo  <\/h2>\r\n                                    <\/div>\r\n                                        <p> O foco primordial do \"Not\u00edcia Aberta\" \u00e9 proporcionar aos usu\u00e1rios uma experi\u00eancia simplificada e enriquecedora ao consumir not\u00edcias. Queremos ser uma fonte onde as pessoas possam confiar para se manterem informadas sobre os acontecimentos mais recentes, sem complica\u00e7\u00f5es.<\/p>\r\n                    <\/div>\r\n            \r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-8b7bbbd\" data-id=\"8b7bbbd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-5caef32\" data-id=\"5caef32\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b3640ac elementor-widget elementor-widget-vankine-title-v1\" data-id=\"b3640ac\" data-element_type=\"widget\" data-widget_type=\"vankine-title-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                    <div class=\"section_title type_one\">\r\n                                        <div class=\"title_whole\">\r\n                                            <h2 class=\"title\"> Sobre o Projeto  <\/h2>\r\n                                    <\/div>\r\n                                        <p> O projeto \"Not\u00edcia Aberta\" representa um esfor\u00e7o dedicado \u00e0 cria\u00e7\u00e3o de uma plataforma de not\u00edcias online moderna, informativa e acess\u00edvel.<\/p>\r\n                    <\/div>\r\n            \r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-d41ca47 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d41ca47\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-82e4c7c\" data-id=\"82e4c7c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0b3558b elementor-widget elementor-widget-vankine-list-items-v1\" data-id=\"0b3558b\" data-element_type=\"widget\" data-widget_type=\"vankine-list-items-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \r\n    <div class=\"position-relative\">\r\n    <ul class=\"list_box list\">\r\n            <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                                            <div class=\"icon trans\">\r\n                                                                            <\/div>\r\n                                \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                Cliente                <\/a>\r\n            <\/div>\r\n        <\/li>\r\n                <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                                            <div class=\"icon trans\">\r\n                                                                            <\/div>\r\n                                \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                Ano                <\/a>\r\n            <\/div>\r\n        <\/li>\r\n                <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                                            <div class=\"icon trans\">\r\n                                                                            <\/div>\r\n                                \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                Categoria                <\/a>\r\n            <\/div>\r\n        <\/li>\r\n            <\/ul>\r\n    <\/div>\r\n \r\n         \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-ccfedc8\" data-id=\"ccfedc8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b84092f elementor-widget elementor-widget-vankine-list-items-v1\" data-id=\"b84092f\" data-element_type=\"widget\" data-widget_type=\"vankine-list-items-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t \r\n    <div class=\"position-relative\">\r\n    <ul class=\"list_box list\">\r\n            <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                                            <div class=\"icon trans\">\r\n                                                                            <\/div>\r\n                                \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                N\u00e3o informado                <\/a>\r\n            <\/div>\r\n        <\/li>\r\n                <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                                            <div class=\"icon trans\">\r\n                                                                            <\/div>\r\n                                \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                Dezembro, 2023                <\/a>\r\n            <\/div>\r\n        <\/li>\r\n                <li>\r\n            <div class=\"d-flex align-items-center\">\r\n                                           \r\n                                                                                            <div class=\"icon trans\">\r\n                                                                            <\/div>\r\n                                \t\r\n                        \t\r\n                \r\n                                    <a class=\"links\" href=\"#\"   >\r\n                Site de not\u00edcia                <\/a>\r\n            <\/div>\r\n        <\/li>\r\n            <\/ul>\r\n    <\/div>\r\n \r\n         \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-d147554 elementor-widget elementor-widget-vankine-title-v1\" data-id=\"d147554\" data-element_type=\"widget\" data-widget_type=\"vankine-title-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                    <div class=\"section_title type_one\">\r\n                                                    <p> Desenvolvido para atender \u00e0s crescentes demandas por informa\u00e7\u00f5es confi\u00e1veis, o site \u00e9 uma vitrine digital que busca engajar e informar o p\u00fablico sobre eventos globais, regionais e locais.<\/p>\r\n                    <\/div>\r\n            \r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe460d2 elementor-widget elementor-widget-vankine-title-v1\" data-id=\"fe460d2\" data-element_type=\"widget\" data-widget_type=\"vankine-title-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t                    <div class=\"section_title type_one\">\r\n                                        <div class=\"title_whole\">\r\n                                            <h2 class=\"title\"> Redes Sociais  <\/h2>\r\n                                    <\/div>\r\n                                <\/div>\r\n            \r\n\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e91f678 elementor-widget elementor-widget-vankine-social-media-v1\" data-id=\"e91f678\" data-element_type=\"widget\" data-widget_type=\"vankine-social-media-v1.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<div class=\"social-icons\">\r\n                       \r\n<ul>\r\n                    <li><a href=\"#\"  class=\"m_icon\"   > <i class=\"fab fa-facebook\"><\/i>\r\n              \r\n            <\/a><\/li>\r\n                    <li><a href=\"#\"  class=\"m_icon\"   > <i class=\"fab fa-twitter\"><\/i>\r\n              \r\n            <\/a><\/li>\r\n                    <li><a href=\"#\"  class=\"m_icon\"   > <i class=\"fab fa-skype\"><\/i>\r\n              \r\n            <\/a><\/li>\r\n                    <li><a href=\"#\"  class=\"m_icon\"   > <i class=\"fab fa-instagram\"><\/i>\r\n              \r\n            <\/a><\/li>\r\n                <\/ul>\r\n<\/div>\r\n \r\n\t\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Site de informa\u00e7\u00e3o regional<\/p>\n","protected":false},"featured_media":4543,"parent":0,"menu_order":0,"template":"","portfolio_category":[32],"class_list":["post-4523","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-site"],"_links":{"self":[{"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/portfolio\/4523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/types\/portfolio"}],"version-history":[{"count":4,"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/portfolio\/4523\/revisions"}],"predecessor-version":[{"id":4531,"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/portfolio\/4523\/revisions\/4531"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/media\/4543"}],"wp:attachment":[{"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/media?parent=4523"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/portfolio_category?post=4523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}