Skip to content

Commit

Permalink
finalizadoooo
Browse files Browse the repository at this point in the history
  • Loading branch information
Amanda authored and Amanda committed Dec 26, 2023
1 parent acf3d95 commit e1ad284
Show file tree
Hide file tree
Showing 19 changed files with 641 additions and 744 deletions.
841 changes: 381 additions & 460 deletions assets/css/style.css
View file

Large diffs are not rendered by default.

Binary file added cartilhapdf/3.Portaria-n.o057-de-marco-de-2022-Regimento-Interno-EGPCE.pdf
View file
Binary file not shown.
Binary file added imgs/figura02 - invertida.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified imgs/figura03.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
90 changes: 24 additions & 66 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,12 +31,18 @@

<body>

<div id="toggleBtn_index">
<button id="toggleBtn">
<i id="icon" class="bi bi-sun-fill"></i>
</button>
</div>

<header>
<div class="header1">
<div>
<a href="https://www.egp.ce.gov.br/" target="_blank" rel="noopener noreferrer">
<img class="logo_egp logo_egp_index" src="imgs/logoEGP2.png" alt="">
<img class="logo_egp_escuro logo_egp_index" src="imgs/logoEGP1.png" alt="">
<img class="logo_egp logo_egp_index" src="imgs/logoEGP2.png" alt="logo da egp colorida">
<img class="logo_egp_escuro logo_egp_index" src="imgs/logoEGP1.png" alt="logo da egp branca">
</a>
</div>
<div class="titulo_header">
Expand All @@ -46,29 +52,29 @@ <h2>CARTILHAS</h2>
<div class="menu">
<a href="index.html"><i class="bi bi-house icone_white"></i>Início</a>
<a href="sobre.html"><i class="bi bi-info-circle icone_white"></i>Sobre</a>
<a href="#"><i class="bi bi-book icone_white"></i>Cartilha</a>
<!-- <a href="#outros_formatos"><i class="bi bi-filetype-pdf icone_white"></i>Outros formatos</a> -->
<a href="paginas/pagina01.html"><i class="bi bi-book icone_white"></i>Cartilha</a>
</div>
</div>
</div>
</header>

<main class="index_main">

<section class="section">

<h2 class="index_title wow zoomIn" data-wow-delay="0.1s">Cartilha Questão de Ética</h2>
<div class="cartilha">
<img src="imgs/Group 20 (1).png" width="auto" height="300px" alt="">
<div class="cartilha wow zoomIn">
<img src="imgs/Group 20 (1).png" width="auto" height="300px" alt="Capa da cartilha">
</div>


<p class="texto wow zoomIn" style="margin-top: 50px;">Como ação de fortalecimento do comportamento ético
institucional a
<strong>Escola de
Gestão
Pública
do
Estado do Ceará </strong> publicou a sua <a href="paginas/pagina01.html">cartilha do código de
ética</a>. Desenvolvida em linguagem
Estado do Ceará </strong> publicou a sua <a href="paginas/pagina01.html">cartilha Questão de
Ética</a>. Desenvolvida em linguagem
simples, com
projeto
gráfico colorido e ilustrado, a cartilha nos convida a conhecer os princípios e valores éticos
Expand All @@ -79,81 +85,33 @@ <h2 class="index_title wow zoomIn" data-wow-delay="0.1s">Cartilha Questão de É
</p>
<br>
<br>
<br>

<!-- <img class="paginas" src="imgs/paginas.png" width="80%" alt=""> -->


<h2 class="index_title wow zoomIn" data-wow-delay="0.1s">Principais tópicos abordados na <br> cartilha
Questão de Ética</h2>
<div class="topicos" id="topicos">

<div class="subtopico wow bounceInLeft" data-wow-delay="0.1s">Objetivos</div>

<div class="subtopico wow bounceInLeft" data-wow-delay="0.2s">Princípios e Valores Éticos Fundamentais
</div>

<div class="subtopico wow bounceInLeft" data-wow-delay="0.4s">Precisamos estar atentos</div>

<div class="subtopico wow bounceInLeft" data-wow-delay="0.6s">A EGPCE não é lugar de...</div>

<div class="subtopico wow bounceInLeft" data-wow-delay="0.8s">Na EGPCE está liberado</div>

<div class="center">
<img class="wow zoomIn" src="imgs/figura11.png" width="100%" height="auto" alt="Pessoa abraçadas">
</div>

<!-- <img class="img_site wow zoomIn" src="imgs/Group 2.png" alt=""> -->



</section>

<aside>
<div class="side_box wow zoomIn" style="margin-top: 50px;">

<div class="banner">
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs"
type="module"></script>
<dotlottie-player src="https://lottie.host/a5e85061-54d9-4d28-a431-6139b84cf2c7/KhuJ4hd9fm.json"
background="transparent" speed="1" style="width: 300px; height: auto;" loop
autoplay></dotlottie-player>
<img src="imgs/figura17.png" width="100%" height="auto" alt="Pessoas sentadas à mesa">
<h5 class="banner_title"> Cartilha de Ética <br>
para Servidores EGPCE: </strong><br>
Construindo Relações Positivas!</h5>
<p>A cartilha de Questão de Ética da Escola de Gestão Pública é um guia fundamental que reflete o compromisso com a integridade e a conduta ética de seus membros. O código de ética estabelece diretrizes claras para promover a transparência, responsabilidade e respeito mútuo no ambiente profissional.</p>
<footer><strong> Acesse documento completo: </strong><a class="link"
<p>A cartilha de Questão de Ética da Escola de Gestão Pública é um guia fundamental que reflete o
compromisso com a integridade e a conduta ética de seus membros. O código de ética estabelece
diretrizes claras para promover a transparência, responsabilidade e respeito mútuo no ambiente
profissional.</p>
<footer><strong> Acesse o documento do código de ética completo: </strong><a class="link"
href="https://www.egp.ce.gov.br/wp-content/uploads/sites/8/2023/10/Codigo-de-Etica-e-Disciplina-da-EGPCE.pdf"
target="_blank" rel="noopener noreferrer">Código de Ética e Disciplina da EGPCE</a></footer>
</div>
</div>

</aside>


<!-- <div class="wow zoomIn outros_formatos">
<h2 class="index_title center m-5" id="outros_formatos">Acesse outros formatos</h2>
<div class="container text-center">
<div class="row">
<div class="col">
<a href="cartilhapdf/Questao-de-Etica_atualizada-5.pdf" target="_blank" rel="noopener noreferrer">
<img class="capa" src="imgs/capa.png" alt="">
<footer class="footer_index"><i class="fa-regular fa-file-pdf icone_capa"></i>Cartilha
em
PDF</footer>
</a>
</div>
<div class="col">
<a href="paginas/pagina01.html" target="_blank" rel="noopener noreferrer">
<img class="capa" src="imgs/capa.png" alt="">
<footer class="footer_index"><i class="fa-regular fa-file icone_capa"></i>Cartilha
animada
</footer>
</a>
</div>
</div>
</div>
</div> -->


</main>


Expand Down
14 changes: 7 additions & 7 deletions paginas/pagina01.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,8 @@
<header class="page_header">
<div>
<a href="../index.html">
<img class="logo_egp_pagina " src="../imgs/logoEGP2.png" alt="">
<img class="logo_egp_escuro_pagina " src="../imgs/logoEGP1.png" alt="">
<img class="logo_egp_pagina " src="../imgs/logoEGP2.png" alt="logo da EGP colorida.">
<img class="logo_egp_escuro_pagina " src="../imgs/logoEGP1.png" alt="logo da EGP branca.">
</a>
</div>
<div class="page_title">
Expand All @@ -54,15 +54,15 @@ <h2 class="center">Questão de Ética</h2>

<main class="main">
<div class="mid center wow zoomIn">
<img class="logo_egp_page" src="../imgs/ASSINATURA EGPCE SEPLAG_ATUALIZADA.svg" alt="">
<img class="logo_egp_page_escuro" src="../imgs/EGP_SEPLAG_BRANCO.png" alt="">
<img class="logo_seplag_page_escuro" src="../imgs/EGP_SEPLAG_BRANCO (1).png" alt="">
<img class="logo_egp_page" src="../imgs/ASSINATURA EGPCE SEPLAG_ATUALIZADA.svg" alt="logo da EGP e SEPLAG colorido.">
<img class="logo_egp_page_escuro" src="../imgs/EGP_SEPLAG_BRANCO.png" alt="logo da EGP branco.">
<img class="logo_seplag_page_escuro" src="../imgs/EGP_SEPLAG_BRANCO (1).png" alt="logo da SEPLAG branco.">
</div>
<div class="center">
<img class="img_index wow zoomIn" src="../imgs/figura01.png" width="75%" height="auto" alt="">
<img class="img_index wow zoomIn" src="../imgs/figura01.png" width="75%" height="auto" alt="pessoas lado a lado.">
</div>
<div>
<h1 class="title center wow fadeInLeft">Questão de Ética</h1>
<h1 class="titulo_principal center wow fadeInLeft">Questão de Ética</h1>
<h2 class="description center wow fadeInRight">principais pontos do código de ética da EGPCE</h2>
</div>
</main>
Expand Down
45 changes: 22 additions & 23 deletions paginas/pagina02.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,12 +32,12 @@
<body>

<button onclick="topFunction()" class="back_to_top back_to_top_responsive" id="myBtn" title="Go to top"><i
class="fa-solid fa-arrow-up"></i></button>
class="fa-solid fa-arrow-up"></i></button>

<header class="page_header">
<a href="../index.html">
<img class="logo_egp_pagina " src="../imgs/logoEGP2.png" alt="">
<img class="logo_egp_escuro_pagina " src="../imgs/logoEGP1.png" alt="">
<img class="logo_egp_pagina " src="../imgs/logoEGP2.png" alt="logo da EGP colorida.">
<img class="logo_egp_escuro_pagina " src="../imgs/logoEGP1.png" alt="logo da EGP branca.">
</a>
<div class="page_title">
<h4 class="center">Cartilha EGPCE</h4>
Expand All @@ -50,45 +50,44 @@ <h2 class="center">Questão de Ética</h2>
</div>
</header>
<main class="main">
<div class="center">
<h2 class="subtitle wow fadeInDown">ESCOLA DE GESTÃO PÚBLICA DO ESTADO DO CEARÁ - EGPCE</h2>
</div>

<h2 class="subtitle wow fadeInDown">ESCOLA DE GESTÃO PÚBLICA DO ESTADO DO CEARÁ - EGPCE</h2>

<div class="container text-center">
<div class="row">
<div class="col">
<ul class="lista_apresentação">
<li class="wow zoomIn">
<li class="wow fadeIn">
<p><span class="green_name">Elmano de Freitas</span><br>
Governador do Estado do Ceará
</p>
</li>
<li class="wow zoomIn" data-wow-delay="0.2s">
<li class="wow fadeIn" data-wow-delay="0.2s">
<p><span class="green_name">Jade Romero</span><br>
Vice-Governadora do Estado do Ceará
</p>
</li>
<li class="wow zoomIn" data-wow-delay="0.3s">
<li class="wow fadeIn" data-wow-delay="0.3s">
<p><span class="green_name">Sandra Machado</span><br>
Secretária do Planejamento e Gestão
</p>
</li>
<li class="wow zoomIn" data-wow-delay="0.4s">
<li class="wow fadeIn" data-wow-delay="0.4s">
<p><span class="green_name">Dulce Ane Lucena</span><br>
Diretora EGPCE
</p>
</li>
<li class="wow zoomIn" data-wow-delay="0.5s">
<li class="wow fadeIn" data-wow-delay="0.5s">
<p><span class="green_name">Amilca Rodrigues</span><br>
Coordenadora de Educação de Gestão Pública</strong>
</p>
</li>
<li class="wow zoomIn" data-wow-delay="0.6s">
<li class="wow fadeIn" data-wow-delay="0.6s">
<p><span class="green_name">Disraeli Moura</span><br>
Coordenador Jurídico - ASJUR
</p>
</li>
<li class="wow zoomIn" data-wow-delay="0.7s">
<li class="wow fadeIn" data-wow-delay="0.7s">
<p><span class="green_name">Marcus Ferreira</span><br>
Coordenador da Assessoria de<br>
Desenvolvimento Institucional - ADINS
Expand All @@ -98,37 +97,37 @@ <h2 class="subtitle wow fadeInDown">ESCOLA DE GESTÃO PÚBLICA DO ESTADO DO CEAR
</div>
<div class="col">
<ul class="lista_apresentação">
<li class="wow zoomIn">
<li class="wow fadeIn">
<p><span class="green_name">João Jorge Lima Pereira</span><br>
Coordenador Administrativo-Financeiro -
COAFI
</p>
</li>
<li class="wow zoomIn" data-wow-delay="0.2s">
<li class="wow fadeIn" data-wow-delay="0.2s">
<p><span class="green_name">Josinelde Coelho</span><br>
Coordenadora Pedagógica - COPED
</p>
</li>
<li class="wow zoomIn" data-wow-delay="0.3s">
<li class="wow fadeIn" data-wow-delay="0.3s">
<p><span class="green_name">QUESTÃO DE ÉTICA </span><br>
Elaboração: Equipe EGPCE
</p>
</li>
<li class="wow zoomIn" data-wow-delay="0.4s">
<li class="wow fadeIn" data-wow-delay="0.4s">
<p>Ilustrações modificadas a partir
do banco de imagens livres <a href="https://www.freepik.com/" target="_blank"
rel="noopener noreferrer" class="Freepick">Freepick</span></p>
rel="noopener noreferrer" class="Freepick">Freepick</a></p>
</li>
<li class="wow zoomIn" data-wow-delay="0.5s">
<li class="wow fadeIn" data-wow-delay="0.5s">
<p>OBS: Texto em conformidade com as
orientações de acessibilidade para
audiodescrição.</p>
</li>
</ul>
<div class="wow zoomIn center" data-wow-delay="0.6s">
<img class="logo_egp_page" src="../imgs/ASSINATURA EGPCE SEPLAG_ATUALIZADA.svg" alt="">
<img class="logo_egp_page_escuro" src="../imgs/EGP_SEPLAG_BRANCO.png" alt="">
<img class="logo_seplag_page_escuro" src="../imgs/EGP_SEPLAG_BRANCO (1).png" alt="">
<div class="wow fadeIn center" data-wow-delay="0.6s">
<img class="logo_egp_page" src="../imgs/ASSINATURA EGPCE SEPLAG_ATUALIZADA.svg" alt="logo da EGP e SEPLAG colorido.">
<img class="logo_egp_page_escuro" src="../imgs/EGP_SEPLAG_BRANCO.png" alt="logo da EGP branca.">
<img class="logo_seplag_page_escuro" src="../imgs/EGP_SEPLAG_BRANCO (1).png" alt="logo da SEPLAG branca.">
</div>
</div>
</div>
Expand Down
16 changes: 7 additions & 9 deletions paginas/pagina03.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,8 +36,8 @@

<header class="page_header">
<a href="../index.html">
<img class="logo_egp_pagina " src="../imgs/logoEGP2.png" alt="">
<img class="logo_egp_escuro_pagina " src="../imgs/logoEGP1.png" alt="">
<img class="logo_egp_pagina " src="../imgs/logoEGP2.png" alt="logo da EGP colorida.">
<img class="logo_egp_escuro_pagina " src="../imgs/logoEGP1.png" alt="logo da EGP branca.">
</a>
<div class="page_title">
<h4 class="center">Cartilha EGPCE</h4>
Expand All @@ -53,13 +53,7 @@ <h2 class="center">Questão de Ética</h2>
<main class="main background_green">

<div class="wrapper">

<div>
<img class="img_back img_back03 wow zoomIn" width="auto" height="600" src="../imgs/figura02.png" alt="">
</div>

<div>

<h1 class="titulo titulo_branco wow fadeInDown">Cartilha de Ética <br>
para Servidores EGPCE:<br>
Construindo Relações Positivas!
Expand All @@ -77,7 +71,11 @@ <h1 class="titulo titulo_branco wow fadeInDown">Cartilha de Ética <br>
</div>

<div>
<img class="responsive_img wow fadeInUp" width="auto" height="300" src="../imgs/Group 11.png" alt="">
<img class="img_back_invertida img_back03 wow zoomIn" src="../imgs/figura02 - invertida.png" alt="Mulher apontando para esquerda.">
</div>

<div>
<img class="responsive_img wow fadeInUp" width="auto" height="300" src="../imgs/figura02.png" alt="Mulher apontando para direita.">
</div>

</div>
Expand Down
21 changes: 9 additions & 12 deletions paginas/pagina04.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -36,8 +36,8 @@

<header class="page_header">
<a href="../index.html">
<img class="logo_egp_pagina " src="../imgs/logoEGP2.png" alt="">
<img class="logo_egp_escuro_pagina " src="../imgs/logoEGP1.png" alt="">
<img class="logo_egp_pagina " src="../imgs/logoEGP2.png" alt="logo da EGP colorida.">
<img class="logo_egp_escuro_pagina " src="../imgs/logoEGP1.png" alt="logo da EGP branca.">
</a>
<div class="page_title">
<h4 class="center">Cartilha EGPCE</h4>
Expand All @@ -51,27 +51,24 @@ <h2 class="center">Questão de Ética</h2>
</header>

<main class="main background_green">
<div class="wrapper">
<div>
<img class="img_back img_04 wow zoomIn" width="auto" height="400" src="../imgs/figura03.png" alt="">

<img class="responsive_img wow fadeInUp" width="auto" height="300" src="../imgs/Group 11.png" alt="">
</div>

<div class="center">
<img class="img_04 wow fadeInDown" data-wow-delay="0.3s" width="50%" height="auto" src="../imgs/figura03.png" alt="Mulher balançando uma bandeira.">
</div>

<!-- <div class="wrapper"> -->
<div>
<h1 class="titulo titulo_branco wow fadeInDown">
<h1 class="titulo titulo_branco center wow fadeInDown" data-wow-delay="0.6s" style="margin-top: 3rem;">
Objetivo
</h1>

<p class="paragrafo wow fadeInDown" data-wow-delay="0.4s">O Código de Ética e Disciplina da Escola de
<p class="paragrafo wow fadeInDown" data-wow-delay="0.9s">O Código de Ética e Disciplina da Escola de
Gestão
Pública do Estado do Ceará tem por objetivo indicar os
princípios, valores e normas que devem orientar os seus
servidores na conquista dos seus direitos e obrigações,
de modo a regular as relações entre a administração
pública estadual e a sociedade.</p>
</div>
</div>

</main>

Expand Down
Loading

0 comments on commit e1ad284

Please sign in to comment.