Merge pull request #113 from rrafaelc/feat/add-luis-to-sobre

feat: luis adicionado ao sobre
rrafaelc · Nov 5, 2023 · 1a0c5cc · 1a0c5cc
2 parents f2c0f2f + b87105b
commit 1a0c5cc
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 4 deletions.
diff --git a/img/sobre/Luis_Henrique.jpeg b/img/sobre/Luis_Henrique.jpeg
diff --git a/sobre/index.php b/sobre/index.php
@@ -111,11 +111,19 @@
             </a>
           </div>
         </div>
+        <div class="avatar">
+          <img src="../img/sobre/Luis_Henrique.jpeg" alt="Luis Henrique" />
+          <div class="linkedin">
+            <a href="https://www.linkedin.com/in/luis-henrique-26350b241/" target="_blank">
+              <img src="../img/sobre/linkedin.png" alt="Luis Henrique" />
+              <h5>Luis Henrique</h5>
+            </a>
+          </div>
+        </div>
       </div>
-    </div>
   </main>
 
   <?php include "../layouts/footer.php" ?>
 </body>
 
-</html>
+</html>
diff --git a/sobre/styles.css b/sobre/styles.css
@@ -21,6 +21,7 @@ a:visited {
   color: var(--titulos);
   margin-top: 3rem;
 }
+
 .corpo-site h1 {
   font-size: 50px;
   margin-bottom: 20px;
@@ -37,28 +38,34 @@ a:visited {
   gap: 20px;
   margin: 2rem auto;
   justify-content: space-around;
+  align-items: center;
 }
+
 .lista i {
   color: var(--vermelho-escuro);
   color: var(--titulos);
   font-size: 50px;
 }
+
 .lista div {
   display: flex;
   align-items: center;
   gap: 5px;
 }
+
 .integrantes {
   max-width: 1200px;
   margin: 3rem auto;
 }
+
 .integrantes h1 {
   text-align: center;
   font-size: 3rem;
   color: var(--titulos);
   color: var(--vermelho-escuro);
   margin-bottom: 2rem;
 }
+
 .integrantes-container {
   width: 100%;
 }
@@ -67,8 +74,9 @@ a:visited {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-around;
+  justify-content: flex-start;
 }
+
 .avatar {
   margin: 2rem;
   width: 45%;
@@ -81,6 +89,7 @@ a:visited {
   overflow: hidden;
   box-shadow: 0px 0px 10px 1px rgba(0, 72, 84, 0.2);
 }
+
 .integrantes img {
   width: 100px;
   height: 100px;
@@ -111,6 +120,7 @@ a:visited {
     justify-content: flex-start;
   }
 }
+
 @media (max-width: 1000px) {
   .integrantes-info {
     width: 100%;
@@ -120,30 +130,36 @@ a:visited {
     flex-direction: column;
     justify-content: space-around;
   }
+
   .avatar {
     width: 80%;
     justify-content: space-evenly;
     padding: 5rem;
   }
+
   .linkedin {
     width: 70%;
   }
+
   .linkedin a {
     width: 100%;
   }
+
   .lista {
     width: 100%;
     padding: 0 20px;
     flex-wrap: wrap;
     justify-content: center;
   }
+
   .lista div {
-    min-width: 50%;
     height: 50px;
   }
+
   .lista p {
     font-size: 20px;
   }
+
   .corpo-site h1 {
     font-size: 3rem;
     text-align: center;