Site atualizado

css/style.css

@@ -15,37 +15,36 @@ body {margin: 0px; padding: 0px;}
 /* definição de espaçamento do conteúdo contido no body da página */
 
 @keyframes glow { 0% {box-shadow: 0px 0px 30px magenta;}
-            25% {box-shadow: 0px 0px 15px purple;}
-            50% {box-shadow: 0px 0px 30px lime;}
-            75% {box-shadow: 0px 0px 15px purple;}
-            100% {box-shadow: 0px 0px 30px magenta;}
+                  25% {box-shadow: 0px 0px 15px purple;}
+                  50% {box-shadow: 0px 0px 30px lime;}
+                  75% {box-shadow: 0px 0px 15px purple;}
+                  100% {box-shadow: 0px 0px 30px magenta;}
 }
 /* animação para acrescentar detalhes em alguns botões e imagens */
 
 .T1 {color: cyan; background: grey;
-         box-shadow: 0px 0px 15px cyan;
-         text-shadow: 0px 0px 15px blue;
-         padding: 10px;
-         cursor: default;
-         width: 80%;
-         max-width: 900px;
-         position: relative; top: 40px;
-         font-size: 30px;}
+     box-shadow: 0px 0px 15px cyan;
+     text-shadow: 0px 0px 15px blue;
+     padding: 10px;
+     cursor: default;
+     width: 80%;
+     max-width: 900px;
+     position: relative; top: 40px;
+     font-size: 30px;}
 /* título principal */
 
 hr {color: black; position: relative; top: 40px;}
 /* definições para separações (em linhas) */
 
 .T2 {color: lime; background: black;
-         box-shadow: 0px 0px 15px lime;
-         text-shadow: 0px 0px 15px lime;
-         padding: 10px;
-         border-radius: 25%;
-         cursor: default;
-         width: 55%;
-         max-width: 700px;
-         position: relative; top: 40px;
-         font-size: 21px;}
+     box-shadow: 0px 0px 15px lime;
+     text-shadow: 0px 0px 15px lime;
+     padding: 10px;
+     cursor: default;
+     width: 55%;
+     max-width: 700px;
+     position: relative; top: 40px;
+     font-size: 21px;}
 /* título secundário */
 
 #A1 {color: black; cursor: default;
@@ -66,6 +65,24 @@ hr {color: black; position: relative; top: 40px;}
       cursor: default; width: 90%;}
 /* estilização do texto de relação campo-cidade */
 
+.T3 {color: white; background: #157205;
+     box-shadow: 0px 0px 15px lime;
+     text-shadow: 0px 0px 15px lime;
+     padding: 10px;
+     cursor: default;
+     width: 55%;
+     max-width: 700px;
+     position: relative; top: 40px;
+     font-size: 21px;}
+/* terceiro título */
+
+#I2 {position: relative; top: 40px;
+     cursor: default;
+     box-shadow: 0px 5px 15px brown, -5px 0px 15px red;
+     width: 30%; height: 25%;
+     border: solid 2px black;}
+/* estilização da imagem de oportunidades */
+
 #Te2 {color: black; 
       cursor: default;
       position: relative; top: 40px;

extra/info.html

@@ -22,7 +22,7 @@ <h1>Informações sobre o site do meu Projeto Agrinho 2024</h1>
       <hr>
       <h2>Versões</h2>
       <hr>
-      <p>Última atualização do site: 06/05/2024</p>
+      <p>Última atualização do site: 08/05/2024</p>
       <p>Site desenvolvido e publicado em: 27/04/2024</p>
       <hr>
       <p>®2024 Projeto Agrinho 2024, @IzaacCoding36. Todos os direitos reservados. Conteúdo sujeito a disponibilidade.</p>

index.html

@@ -36,7 +36,13 @@ <h6 id="A1">Vamos começar?</h6>
     <h1 class="T2">Relação Campo-Cidade</h1>
     <hr>
     <img id="I1" src="img/Campo-cidade.png" alt="Relação entre o campo e a Cidade"/>
-    <p id="Te1">esse e um teste</p>
+    <p id="Te1">Na nossa atualidade, o mundo rural cumpre um papel essencial no planeta e em nossas vidas, sendo um dos principais fatores econômicos o campo produz toneladas de alimentos e materiais internacionalmente e impulsionando vários setores como o de transporte,produção,importação e exportação.</p>
+    <p id="Te1">Tudo isso de certa forma também relaciona-se com a zona urbana, que por sua parte é onde a maioria da produção agrícola é destinada. As cidades também auxiliam o setor rural com as indústrias e ferramentas tecnológicas para agricultores e grandes proprietários de terra.</p>
+    <hr>
+    <h1 class="T3">Oportunidades</h1>
+    <hr>
+    <img id="I2" src="img/Oportunidades.png" alt="Oportunidades"/>
+    <p id="Te1">Esses fatores geram um imenso número de oportunidades para empresários e jovens, não apenas pela grande demanda que existe por plantações e atividades agrícolas, mas também pela grande inovação tecnológica que vem surgindo para operar nesses meios, e para isso nós também precisamos nos inovar. Essas "Oportunidades" trarão grandes benefícios para as pessoas, mas o que realmente são elas?</p>
     <hr>
     <p id="Te2">®2024 Projeto Agrinho, @IzaacCoding36. Todos os direitos reservados. Conteúdo sujeito a disponibilidade.</p>
     <p id="Te2">Esse é um site onde é debatido relações entre o campo e a cidade e seus desenvolvimentos em conjunto em relação com o projeto desenvolvido.</p>