diff --git a/img/sobre/Luis_Henrique.jpeg b/img/sobre/Luis_Henrique.jpeg new file mode 100644 index 0000000..99be46b Binary files /dev/null and b/img/sobre/Luis_Henrique.jpeg differ diff --git a/sobre/index.php b/sobre/index.php index 2a91bab..38365fe 100644 --- a/sobre/index.php +++ b/sobre/index.php @@ -111,11 +111,19 @@ +
+ Luis Henrique +
+ + Luis Henrique +
Luis Henrique
+
+
+
- - + \ No newline at end of file diff --git a/sobre/styles.css b/sobre/styles.css index c1b717c..62c710e 100644 --- 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,21 +38,26 @@ 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; @@ -59,6 +65,7 @@ a:visited { 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;