Merge pull request #45 from Jovens-do-futuro/luiz-dev

fix: imagens e ultimos detalhes

index.html

@@ -67,7 +67,7 @@ <h2 class="p-text">
 
       <section id="quem-somos">
         <div class="grid-layout">
-          <h2>QUEM SOMOS</h2>
+          <h2 class="h2-text">Quem somos</h2>
           <span>
             A Associação Jovens do Futuro é uma organização civil, filantrópica,
             sem fins lucrativos, de caráter assistencial e beneficente. Fundada
@@ -76,15 +76,15 @@ <h2>QUEM SOMOS</h2>
             sensibilizados com os problemas enfrentados por crianças e
             adolescentes de famílias desempregadas e em extrema pobreza.
           </span>
-          <br>
+          <br />
           <img src="/assets/img-quem-somos.png" alt="Crianças do projeto" />
         </div>
       </section>
 
       <section id="s-cards">
         <div class="grid-layout">
           <div class="title">
-            <h1>Nosso Impacto</h1>
+            <h2 class="h2-text">Nosso Impacto</h2>
             <span>
               A Associação atende 380 crianças e adolescentes, oferecendo
               atividades educativas, alimentação e suporte emocional, com o
@@ -130,12 +130,13 @@ <h2>Apoio emocional</h2>
 
       <section id="s-carousel">
         <div class="grid-layout">
-          <h2 class="h2-text">Alguma coisa</h2>
+          <h2 class="h2-text">Momentos Marcantes</h2>
           <p class="a-text">
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla
-            condimentum convallis pellentesque. Proin sit amet lorem eu
-            arcu Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla
-            condimentum convallis pellentesque. Proin sit amet lorem eu arcu 
+            Nosso trabalho é dedicado a proporcionar alegria e apoio a crianças
+            e idosos em situação de vulnerabilidade. Cada momento é uma chance
+            de criar lembranças positivas, fortalecer laços comunitários e
+            promover a inclusão social. Juntos, construímos um futuro mais
+            acolhedor e humano.
           </p>
           <swiper-container
             class="mySwiper"
@@ -151,31 +152,22 @@ <h2 class="h2-text">Alguma coisa</h2>
             coverflow-effect-slide-shadows="true"
           >
             <swiper-slide>
-              <img src=" https://swiperjs.com/demos/images/nature-1.jpg" />
+              <img src="assets/carousel/carousel-01.png" />
             </swiper-slide>
             <swiper-slide>
-              <img src="https://swiperjs.com/demos/images/nature-2.jpg" />
+              <img src="assets/carousel/carousel-02.png" />
             </swiper-slide>
             <swiper-slide>
-              <img src="https://swiperjs.com/demos/images/nature-3.jpg" />
+              <img src="assets/carousel/carousel-03.png" />
             </swiper-slide>
             <swiper-slide>
-              <img src="https://swiperjs.com/demos/images/nature-4.jpg" />
+              <img src="assets/carousel/carousel-04.png" />
             </swiper-slide>
             <swiper-slide>
-              <img src="https://swiperjs.com/demos/images/nature-5.jpg" />
+              <img src="assets/carousel/carousel-05.png" />
             </swiper-slide>
             <swiper-slide>
-              <img src="https://swiperjs.com/demos/images/nature-6.jpg" />
-            </swiper-slide>
-            <swiper-slide>
-              <img src="https://swiperjs.com/demos/images/nature-7.jpg" />
-            </swiper-slide>
-            <swiper-slide>
-              <img src="https://swiperjs.com/demos/images/nature-8.jpg" />
-            </swiper-slide>
-            <swiper-slide>
-              <img src="https://swiperjs.com/demos/images/nature-9.jpg" />
+              <img src="assets/carousel/carousel-06.png" />
             </swiper-slide>
           </swiper-container>
         </div>

pages/doacoes/index.html

@@ -32,19 +32,19 @@ <h2 class="p-text">
                 <div class="card">
                   <h3 class="h2-text">Conta Bancária</h3>
                   <div>
-                    <span class="a-text">Banco: 000</span>
-                    <span class="a-text">Agência: 0000</span>
-                    <span class="a-text">Conta: 00000-0 </span>
-                    <span class="a-text">CNPJ: 00.000.000/0000-00</span>
+                    <span class="a-text">Banco: Bradesco</span>
+                    <span class="a-text">Agência: 6551</span>
+                    <span class="a-text">Conta: 0304282-0 </span>
+                    <span class="a-text">CNPJ: 58.762.534/0001-35</span>
                   </div>
                 </div>
                 <div class="card">
                   <h3 class="h2-text">Pix</h3>
                   <div>
                     <span class="a-text">Chave: </span>
-                    <span class="a-text">(email@gmail.com)</span>
-                    <span class="a-text">(11 99999-9999)</span>
-                    <span class="a-text">(00.000.000/0000-00)</span>
+                    <span class="a-text">ajovensdofuturo@gmail.com</span>
+                    <span class="a-text">(11) 3496-6701</span>
+                    <span class="a-text">(11) 96345-6978</span>
                   </div>
                 </div>
                 <img

pages/servicos/index.html

@@ -5,6 +5,12 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Serviços</title>
 
+    <link
+    rel="icon"
+    type="image/x-icon"
+    href="../../assets/icon-sem-efeito.png"
+  />
+
     <link rel="stylesheet" href="./style.css">
     <link rel="stylesheet" href="../../../global.css">  </head>
     <script src="/scripts/loaders/header.js" type="module" ></script>
@@ -34,44 +40,28 @@ <h2 class="a-text">
             <div class="box-title">
               <h2 class="h1-text">CCA</h2>
               <p>
-                Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus
-                id scelerisque est ultricies ultricies. Duis est sit sed leo
-                nisl, blandit elit sagittis. Quisque tristique consequat quam
-                sed. Nisl at scelerisque amet nulla purus habitasse.
+                Desenvolvimento de atividades com crianças e adolescentes de 6 a 14 anos e onze meses, tendo por foco a constituição de espaço de convivência a partir dos interesses, demandas e potencialidades dessa faixa etária. As intervenções devem ser pautadas em experiências lúdicas, culturais e esportivas como formas de expressão, interação, aprendizagem, sociabilidade e proteção social. 
               </p>
               <p>
-                Odio felis sagittis, morbi feugiat tortor vitae feugiat fusce
-                aliquet. Nam elementum urna nisi aliquet erat dolor enim. Ornare
-                id morbi eget ipsum. Aliquam senectus neque ut id eget
-                consectetur dictum. Donec posuere pharetra odio consequat
-                scelerisque et, nunc tortor. Nulla adipiscing erat a erat.
-                Condimentum lorem posuere gravida enim posuere cursus diam.
+                Deve atender crianças e adolescentes com deficiência, retiradas do trabalho infantil e/ou submetidas a outras violações de direitos, com atividades que contribuam para ressignificar vivências de isolamento, bem como propiciar experiências favorecedoras do desenvolvimento de sociabilidades e prevenção de situações de risco social.
               </p>
             </div>
-            <img src="../../assets/CCA-image.png" alt="" />
+            <img src="../../assets/cca.png" alt="Imagem das crianças no CCA" />
           </div>
         </div>
       </section>
 
       <section id="s-serviços">
         <div class="grid-layout">
           <div class="content-serviços wrap">
-            <img src="../../assets/CCA-image.png" alt="" />
+            <img src="../../assets/cdi.png" alt="" />
             <div class="box-title">
-              <h2 class="h1-text">CCI</h2>
+              <h2 class="h1-text">CDI</h2>
               <p>
-                Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus
-                id scelerisque est ultricies ultricies. Duis est sit sed leo
-                nisl, blandit elit sagittis. Quisque tristique consequat quam
-                sed. Nisl at scelerisque amet nulla purus habitasse.
+                O CDI atende e possibilita ao idoso proteção social especial e cuidados pessoais, prevenindo a institucionalização e a segregação, com vistas a promover a sua inclusão social, por meio do fortalecimento das relações familiares. O serviço é destinado à atenção diurna de pessoas idosas em vulnerabilidade social e com grau de dependência, que necessitam de uma equipe multidisciplinar para prestar serviço de proteção social especial e de cuidados pessoais, fortalecimento de vínculos, autonomia e inclusão social, por meio de ações de acolhida, escuta, informação e orientação.
               </p>
               <p>
-                Odio felis sagittis, morbi feugiat tortor vitae feugiat fusce
-                aliquet. Nam elementum urna nisi aliquet erat dolor enim. Ornare
-                id morbi eget ipsum. Aliquam senectus neque ut id eget
-                consectetur dictum. Donec posuere pharetra odio consequat
-                scelerisque et, nunc tortor. Nulla adipiscing erat a erat.
-                Condimentum lorem posuere gravida enim posuere cursus diam.
+                Caracteriza-se por ser um espaço para atender idosos que possuem limitações para realização das atividades de vida diária (AVD) que convivem com suas famílias, porém não dispõem de atendimento em tempo integral no domicílio.
               </p>
             </div>
           </div>
@@ -84,21 +74,13 @@ <h2 class="h1-text">CCI</h2>
             <div class="box-title">
               <h2 class="h1-text">CEI</h2>
               <p>
-                Morbi sed imperdiet in ipsum, adipiscing elit dui lectus. Tellus
-                id scelerisque est ultricies ultricies. Duis est sit sed leo
-                nisl, blandit elit sagittis. Quisque tristique consequat quam
-                sed. Nisl at scelerisque amet nulla purus habitasse.
+                O Centro de Educação Infantil atende crianças de 0 a 5 anos, promovendo o desenvolvimento do indivíduo em todos os seus aspectos, de forma integral e integrada, constituindo – se no alicerce para o pleno desenvolvimento do educando, tornando-se imprescindível a indissociabilidade das funções de educar e cuidar.
               </p>
               <p>
-                Odio felis sagittis, morbi feugiat tortor vitae feugiat fusce
-                aliquet. Nam elementum urna nisi aliquet erat dolor enim. Ornare
-                id morbi eget ipsum. Aliquam senectus neque ut id eget
-                consectetur dictum. Donec posuere pharetra odio consequat
-                scelerisque et, nunc tortor. Nulla adipiscing erat a erat.
-                Condimentum lorem posuere gravida enim posuere cursus diam.
+                Além disso, o Centro de Educação Infantil valoriza a participação ativa das famílias no processo educativo, reconhecendo a importância do ambiente familiar no desenvolvimento das crianças. As atividades propostas são planejadas para estimular a curiosidade, a criatividade e a capacidade de interação social, proporcionando um espaço seguro e acolhedor onde os pequenos possam explorar, aprender e crescer. 
               </p>
             </div>
-            <img src="../../assets/CCA-image.png" alt="" />
+            <img src="../../assets/cei.png" alt="" />
           </div>
         </div>
       </section>

pages/servicos/style.css

@@ -51,7 +51,7 @@ p {
   justify-content: center;
   align-items: center;
   gap: 24px;
-  background-image: url(../../assets/backgorund-image.jpeg);
+  background-image: url(../../assets/servicos.png);
   background-position: center center;
   border-radius: 12px;
   padding: 0px 12px;
@@ -62,6 +62,11 @@ p {
 }
 
 
+.content-serviços img{
+  object-fit: cover;
+  border-radius: 8px;
+}
+
 @media (max-width: 768px) {
   #s-serviços img{
     width: 100%;

pages/sobre/index.html

@@ -15,7 +15,7 @@
     <header></header>
     <main>
       <section id="s-image">
-        <img src="/assets/placeholder-sobre.jpeg" alt="Sobre" />
+        <img src="/assets/bg-sobre.png" alt="Sobre" id="bg"/>
         <div id="text-image">
           <h1>Descreva o que faz sua empresa ser única</h1>
 
@@ -59,7 +59,7 @@ <h1 class="h1-text"><b>Associação Jovens Do Futuro</b></h1>
             </div>
           </div>
           <div id="image-about">
-            <img src="/assets/placeholder-sobre2.png" alt="Sobre" />
+            <img src="/assets/sobre-logo.png" alt="Sobre" />
           </div>
         </section>
       </div>

pages/sobre/style.css

@@ -3,6 +3,7 @@
   text-align: center;
 }
 
+
 #s-image img {
   width: 100%;
   height: 600px;
@@ -16,10 +17,11 @@
 }
 
 #s-about {
-  padding: 50px;
   display: flex;
-  justify-items: center;
+  justify-content: space-between;
   align-items: center;
+
+  margin: 64px 0 ;
   gap: 50px;
 }
 
@@ -37,6 +39,11 @@
   gap: 10px;
 }
 
+
+#s-about img{
+  width: 500px;
+}
+
 @media screen and (max-width: 1050px) {
   #s-about {
     flex-direction: column;
@@ -46,3 +53,10 @@
     width: 100%;
   }
 }
+
+
+#bg{
+  width: 100%;
+  object-fit: cover;
+  /* background-position: ; */
+}