resolvendo conflitos

.gitignore

@@ -21,3 +21,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.vercel

src/Pages/Colaboradores/index.js

@@ -6,7 +6,7 @@ import Grupes from "../../components/Grupes";
 import "./styles.css";
 
 const Profissoes = ['Dev. Front End', 'Dev. Full Stack', 'Dev. Back End', 'Analista de Sistemas', 'Engenheira de Software'];
-const sort = Math.floor(Math.random() * (Profissoes.length - 1));
+const sort = Math.floor(Math.random() * (Profissoes.length - 1 ));
 
 const Colaboradores = () => {
   const [dados, setDados] = useState([]);
@@ -30,7 +30,7 @@ const Colaboradores = () => {
       <div className="container">
         <div className="colaboradores-text">
           <h1>Mentoras</h1>
-          <p>O Girls code conta com um time de mentoras voluntárias dispostas a te ajudar nessa nova jornada!</p>
+          <p>A Girls code conta com um time de mentoras voluntárias dispostas a te ajudar nessa nova jornada!</p>
 
         </div>
 
@@ -56,11 +56,6 @@ const Colaboradores = () => {
             </div>
           ))}
         </div>
-
-        <div className="register-box">
-          <h3>Quer </h3>
-        </div>
-
       </div>
       < Grupes />
     </div>

src/Pages/Colaboradores/styles.css

@@ -5,105 +5,82 @@
     align-items: center;
     justify-content: center;
     flex-direction: column;
-
     width: 100%;
   }
 
 
   .container {  
     width: 90%;
-
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-
-    margin-top: 7rem;
-
-
+    margin-top: 7rem;    
   }
 
   .colaboradores-text {
     background: #fff;
-
     margin: 0 auto 15px auto;
   }
 
   .colaboradores-text h1 {
     font-size: 2.6rem;
     color: #a3679a;
-
     font-weight: bolder;
   }
 
   .colaboradores-text p {
     font-size: 1rem;
     margin: 10px;
+    font-weight: 500;
+    color: #2C2637;
   }
 
   .colaboradores-main {
-    /* border: 4px solid yellow; */
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
-
   }
 
   .card {
-
     background: #fff;
     color: #544f77;
-
     display: flex;
     flex-direction: column;
     align-items: center;
-
+    justify-content: center;
     width: 15rem;
     height: 18rem;
     margin: 15px auto 15px auto;
-
     border-radius: 5px;
-    /* border: 3px solid green; */
-
-    -webkit-box-shadow: 3px 5px 5px 0px rgba(156,148,156,1);
-    -moz-box-shadow: 3px 5px 5px 0px rgba(156,148,156,1);
-    box-shadow: 3px 5px 5px 0px rgba(156,148,156,1);
+    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)
   }
 
   .info-colaboradores {
     padding: 10px;
     background: transparent;
-
-
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-
-    /* border: 4px solid red; */
   }
 
 
   .info-colaboradores img {
-
     width: 7rem;
     border-radius: 50%;
-
     margin: 10px auto;
   }
 
   .info-colaboradores .colaboradores-nome {
     margin: 0 auto 10px auto;
     color: #ff907d;
   }
-
 
   .contatos {
-    /* border: 3px solid orange; */
     width: 100%;
     margin-top: 10px;
-
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -112,7 +89,6 @@
 
   .contatos p {
     font-size: 0.8rem;
-
   }
 
 
@@ -131,7 +107,7 @@
     .card {
       width: 17rem;
       height: 19rem;
-      margin: 30px;
+      margin: 2rem;
     }
 
     .contatos p {

src/Pages/Guia/index.js

@@ -4,6 +4,8 @@ import PageOne from '../../components/PageOne';
 import InternetPage from '../../components/InternetPage';
 import ProfessionsPage from '../../components/ProfessionsPage';
 import AreasPage from '../../components/AreasPage';
+import Logica from '../../components/Logica';
+import Cursos from '../../components/cursos';
 
 
 const Guia = () => {
@@ -16,6 +18,8 @@ const Guia = () => {
             <InternetPage />
             <ProfessionsPage />
             <AreasPage />
+            <Logica />
+            <Cursos />
         </div>
 
     )

src/components/About/index.js

@@ -7,18 +7,14 @@ const About = () => {
       <div>
         <h2>Agora vem cá pra eu te contar!</h2>
 
-
-
         <p className="first-text">
-          O <span id="girls">Girls</span><span id="code">&#60;code&#62;</span> surgiu da vontade de quatro alunas de programação de trazer mais mulheres para a área de tecnologia, guiando nos primeiros passos e montando essa rede de apoio massa entre mulheres iniciantes!
+          A <span id="girls">Girls</span><span id="code">&#60;code&#62;</span> surgiu da vontade de quatro alunas de programação de trazer mais mulheres para a área de tecnologia, guiando nos primeiros passos e montando essa rede de apoio massa entre mulheres iniciantes!
         </p>
 
         <p>
           E aliás... você <span id="enfase">pode</span> não saber nada sobre essa área ainda e tá tudo bem! Cola com a gente que é sucesso.
         </p>
 
-
-
       </div>
     </section>
   );

src/components/AreasPage/styles.css

@@ -1,54 +1,45 @@
-.container-areas {
 
+.container-areas {
     width: 100%;
-    background-color: #2d3161;
+    height: 100%;
+    background-color: #544F77;
     color: #ffc864;
-
+    padding-bottom: 2rem;
 }
 
 .container-areas ul li {
-
     list-style: none;
-
-
     width: 20rem;
-
-    margin: 15px auto auto auto;
+    margin: 0 auto;
+    padding: 5px 10px;
+    font-size: 1rem;
 }
+
 .container-areas h2 {
-    font-size: 2rem;
+    font-size: 1.7rem;
 }
+
 .container-areas img {
     width: 20rem;
 }
 
-.backend,
-.frontend {
-        padding: 30px;
-    }
-
-.frontend {
-
-    text-align: center;
-
-}
 
 @media (min-width: 900px) {
 
     .container-areas {
         display: flex;
-        justify-content: center;
+        justify-content: space-around;
         align-items: center;
-        height: 100vh;
     }
 
     .container-areas img {
-      width: 30rem;
+      width: 20rem;
     }
 
+
     .backend,
     .frontend {
-        margin: 0px 0 50px 0;
+        margin: 0 40px;
     }
 
     .container-areas ul li {