up10

yurialvs · Sep 21, 2023 · 7207fa3 · 7207fa3
1 parent 7c82ac9
commit 7207fa3
Show file tree

Hide file tree

Showing 6 changed files with 41 additions and 15 deletions.
diff --git a/fund-prog-web/contato.html b/fund-prog-web/contato.html
@@ -18,7 +18,7 @@
 
     <div id="container">
         <section>
-            <h1>Contatos</h1>
+            <h1>Contato</h1>
             <hr>
             <p><strong>Email:</strong> [email protected]</p>
             <p><strong>Telefone:</strong> (61) 99411-4140</p>

diff --git a/fund-prog-web/font/Bebas.otf b/fund-prog-web/font/Bebas.otf
diff --git a/fund-prog-web/font/Gobold.otf b/fund-prog-web/font/Gobold.otf
diff --git a/fund-prog-web/portfolio.html b/fund-prog-web/portfolio.html
@@ -18,11 +18,11 @@
 
     <div id="container">
         <section id="ola-yuri">
-            <h1>Olá, sou o <br><span id="yuri-efeito">Yuri Alves</span></h1>
+            <h1 id="h1-white">Olá, sou o <br><span id="yuri-efeito">Yuri Alves</span></h1>
         </section>
 
         <aside >
-            <h2>Skills</h2>
+            <h2 id="h2-white">Skills</h2>
             <a href="https://www.w3schools.com/html/"><img class="skills" src="imagens/html.png" alt="html"></a>
 
             <a href="https://www.w3schools.com/css/"><img class="skills" src="imagens/css.png" alt="css"></a>
@@ -32,5 +32,8 @@ <h2>Skills</h2>
             <a href="https://www.w3schools.com/python/"><img class="skills" src="imagens/python.png" alt="python"></a> 
         </aside>
     </div>
+    <footer>
+        <p>Criado por Yuri Alves</p>
+    </footer>
 </body>
 </html>
diff --git a/fund-prog-web/projetos.html b/fund-prog-web/projetos.html
@@ -18,12 +18,12 @@
 
     <div id="container">
         <section>
-            <h1>PROJETOS</h1>
+            <h1>Projetos</h1>
             <hr>
             <figure>
                 <div class="conteudo-proj">
+                    <h3><strong>Super Mario - Skins</strong></h3>
                     <img class="imgprojetos" src="imagens/mario.png" alt="Super Mario">
-                    <p><strong>Super Mario - Skins</strong></p>
                     <details>
                         <summary>Mais detalhes</summary>
                         <p>Super mario em pixel art criado com tabelas de HTML e estilizado com CSS, e utilizando JavaScript ainda pode fazer alterações de cores clicando nos botões do projeto.</p>
@@ -32,8 +32,8 @@ <h1>PROJETOS</h1>
                 </div>
                 <br>
                 <div class="conteudo-proj">
+                    <h3><strong>Sistema de Multas</strong></h3>
                     <img class="imgprojetos" src="imagens/multa.png" alt="Sistema de Multas">
-                    <p><strong>Sistema de Multas</strong></p>
                     <details>
                         <summary>Mais detalhes</summary>
                         <p>Sistema de multas com JavaScript, será multado se a velocidade for superior a 60km/h</p>
@@ -42,8 +42,8 @@ <h1>PROJETOS</h1>
                 </div>
                 <br>
                 <div class="conteudo-proj">
+                    <h3><strong>Sistema de Escolha</strong></h3>
                     <img class="imgprojetos" src="imagens/escolha.png" alt="Sistema de Escolha">
-                     <p><strong>Sistema de Escolha</strong></p>
                     <details>
                         <summary>Mais detalhes</summary>
                          <p>Sistema de Escolha aleatória desenvolvida em Python, onde é inserido duas opções e o sistema escolherá uma delas.</p>

diff --git a/fund-prog-web/style.css b/fund-prog-web/style.css
@@ -1,10 +1,12 @@
 /* Variáveis de cores */
 :root {
  --cor-1: #ffffff;
- --cor-2: #00000028;
+ --cor-2: #ffffff0e;
  --cor-3: #2f7777;
  --cor-4: #ffffff77;
  --cor-5: #0D0D0D;
+ --cor-6: #81e6cc;
+ --cor-7: #ffffff31;
 }
 
 /* Fonte de letra baixada */
@@ -13,6 +15,18 @@
     src: url('font/Picturama.otf') format('woff2');
 }
 
+/* Fonte de letra baixada */
+@font-face {
+    font-family: 'gobold';
+    src: url('font/Gobold.otf') format('woff2');
+}
+
+/* Fonte de letra baixada */
+@font-face {
+    font-family: 'Bebas';
+    src: url('font/Bebas.otf') format('woff2');
+}
+
 /* Corpo da página */
 body {
     background-color: var(--cor-3);
@@ -21,6 +35,8 @@ body {
 /* Barra de navegação */
 nav {
     padding: 20px;
+    font-family: 'Bebas';
+    font-size: 18px;
 }
 
 /* Centraliza a barra de navegação */
@@ -46,34 +62,35 @@ nav ul li a {
 
 /* Modifica a estilização dos itens da barra de navegação ao quando o cursor fica em cima */
 nav ul li a:hover {
-    color: var(--cor-4);
+    color: var(--cor-6);
 }
 
 /* Container da pagina inicial */
 #container {
     display: flex;
-    padding: 10px;
+    justify-content: center;
+    align-items: center;
+    padding: 10px 80px;
 }
 
 /* Conteúdo da página inicial */
 #ola-yuri {
-    background-color:#1f4134;
+    background-color:#00000000;
     width: 100em;
     border-radius: 5px;
     padding: 5px;
     margin: 5px;
     text-align: justify;
     box-shadow: rgba(0, 0, 0, 0) 3px 3px 9px;
-    font-family: monospace;
 }
 
 /* Estilização do meu nome de apresentação */
 #yuri-efeito{
     font-family: 'picturama';
     font-size: 60px;
-    color: var(--cor-1);
+    color: var(--cor-6);
     margin-left: 30px;
-    animation: sumir-e-aparecer 3s ease-in-out infinite;
+    animation: sumir-e-aparecer 4s ease-in-out infinite;
 }
 
 /* Efeito de transição da apresentação do meu nome */
@@ -109,8 +126,13 @@ header{
     color: var(--cor-3);
 }
 
-h2{
+#h1-white, #h2-white{
  color: var(--cor-1);
+ font-family: 'gobold';
+}
+
+h1{
+    font-family: 'picturama';
 }
 
 section {
@@ -172,4 +194,5 @@ footer {
     text-align: center;
     font-weight: bolder;
     font-size: 12px;
+    color: var(--cor-7);
 }