{"id":4515,"date":"2023-12-16T09:06:35","date_gmt":"2023-12-16T12:06:35","guid":{"rendered":"https:\/\/ws.dev.br\/ws4\/?post_type=portfolio&#038;p=4515"},"modified":"2023-12-20T11:06:07","modified_gmt":"2023-12-20T14:06:07","slug":"blog-independente","status":"publish","type":"portfolio","link":"https:\/\/ws.dev.br\/ws4\/portfolio\/blog-independente\/","title":{"rendered":"Blog Independente"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4515\" class=\"elementor elementor-4515\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1fb217c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1fb217c\" 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-e46688d\" data-id=\"e46688d\" 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-f348081 elementor-widget elementor-widget-image\" data-id=\"f348081\" 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=\"492\" src=\"https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/independnete-1024x492.png\" class=\"attachment-large size-large wp-image-4516\" alt=\"\" srcset=\"https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/independnete-1024x492.png 1024w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/independnete-300x144.png 300w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/independnete-768x369.png 768w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/independnete-600x288.png 600w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/independnete.png 1486w\" 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-06466c2 elementor-widget elementor-widget-vankine-title-v1\" data-id=\"06466c2\" 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 Blog Independente  <\/h2>\r\n                                    <\/div>\r\n                                        <p> O desenvolvimento do Independente.blog.br representa um marco significativo em nossa jornada na cria\u00e7\u00e3o de solu\u00e7\u00f5es de software inovadoras na WSouza Sistemas. Este projeto n\u00e3o \u00e9 apenas um site de not\u00edcias, mas uma experi\u00eancia digital concebida para redefinir a forma como os usu\u00e1rios interagem com informa\u00e7\u00f5es online. Atrav\u00e9s do Independente.blog.br, buscamos n\u00e3o apenas informar, mas inspirar uma nova era na entrega de not\u00edcias online.<\/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-0bd9b3f elementor-widget elementor-widget-vankine-list-items-v1\" data-id=\"0bd9b3f\" 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                Blog de Not\u00edcias                <\/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                Not\u00edcias Digitais                <\/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                Solu\u00e7\u00e3o Digital                <\/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-f723e1f elementor-widget elementor-widget-image\" data-id=\"f723e1f\" 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=\"486\" src=\"https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/footerindependnete-1024x486.png\" class=\"attachment-large size-large wp-image-4518\" alt=\"\" srcset=\"https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/footerindependnete-1024x486.png 1024w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/footerindependnete-300x142.png 300w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/footerindependnete-768x364.png 768w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/footerindependnete-600x285.png 600w, https:\/\/ws.dev.br\/ws4\/wp-content\/uploads\/2023\/12\/footerindependnete.png 1332w\" 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-117557d elementor-widget elementor-widget-vankine-title-v1\" data-id=\"117557d\" 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\"> Desafios e Inova\u00e7\u00f5es  <\/h2>\r\n                                    <\/div>\r\n                                        <p> O Independente.blog.br nasceu da necessidade de oferecer uma alternativa din\u00e2mica e independente no cen\u00e1rio saturado de not\u00edcias online. Enfrentamos desafios significativos, desde a concep\u00e7\u00e3o da interface at\u00e9 a implementa\u00e7\u00e3o de recursos inovadores. A busca por uma abordagem editorial independente foi central em nossa estrat\u00e9gia, refletindo-se em cada linha de c\u00f3digo e em cada elemento do design.<\/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-8a646cd\" data-id=\"8a646cd\" 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-0c13032\" data-id=\"0c13032\" 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-22bda34 elementor-widget elementor-widget-vankine-title-v1\" data-id=\"22bda34\" 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 Independente.blog.br nasceu com um prop\u00f3sito claro - redefinir a maneira como as pessoas consomem not\u00edcias online. Nosso objetivo era criar uma plataforma que fosse mais do que uma fonte de informa\u00e7\u00f5es; quer\u00edamos proporcionar uma experi\u00eancia imersiva que cativasse, educasse e inspirasse os leitores.<\/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-8ab8f74 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8ab8f74\" 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-052d995\" data-id=\"052d995\" 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-4761b59 elementor-widget elementor-widget-vankine-list-items-v1\" data-id=\"4761b59\" 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-f074016\" data-id=\"f074016\" 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-06b5ef6 elementor-widget elementor-widget-vankine-list-items-v1\" data-id=\"06b5ef6\" 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                Gilmar                <\/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                Blog de Not\u00edcias                <\/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-2536fda elementor-widget elementor-widget-vankine-title-v1\" data-id=\"2536fda\" 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> Acreditamos que a inova\u00e7\u00e3o na experi\u00eancia do usu\u00e1rio \u00e9 a chave para o sucesso online. O Independente.blog.br se destaca com um design moderno, navega\u00e7\u00e3o intuitiva e recursos interativos, proporcionando aos leitores uma jornada din\u00e2mica atrav\u00e9s das not\u00edcias.<\/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-8354f74 elementor-widget elementor-widget-vankine-title-v1\" data-id=\"8354f74\" 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-9881267 elementor-widget elementor-widget-vankine-social-media-v1\" data-id=\"9881267\" 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-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>Blog de not\u00edcias<\/p>\n","protected":false},"featured_media":4516,"parent":0,"menu_order":0,"template":"","portfolio_category":[32],"class_list":["post-4515","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\/4515","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":9,"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/portfolio\/4515\/revisions"}],"predecessor-version":[{"id":4535,"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/portfolio\/4515\/revisions\/4535"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/media\/4516"}],"wp:attachment":[{"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/media?parent=4515"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/ws.dev.br\/ws4\/wp-json\/wp\/v2\/portfolio_category?post=4515"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}