atualizando e inserindo texto sobre mim

HILTONESJR · Jan 25, 2024 · 4a75a10 · 4a75a10
1 parent ef496a7
commit 4a75a10
Show file tree

Hide file tree

Showing 2 changed files with 123 additions and 107 deletions.
diff --git a/sobre.html b/sobre.html
@@ -33,6 +33,16 @@
     <main class="conteudo">
       <section class="conteudo-text">
         <h1>Olá sou Hilton Junior <strong>Front-end Developer</strong></h1>
+        <p>Me chamo Hilton e tenho 35 anos. Resido em Guarulhos, SP. Desde muito cedo, tive contato com a área de tecnologia, pois nasci em um ambiente propício. Atuava com meu pai em sua loja de informática, onde tínhamos rotinas de atendimento aos clientes, que iam desde manutenções até a venda de periféricos. Desde então, criei um vínculo forte com o segmento.
+
+        </p><p>No entanto, acabei seguindo para outras áreas. Há dois anos, iniciei meu curso superior na área de Gestão em Tecnologia da Informação. Junto com a faculdade, comecei meus estudos na área de programação. A princípio, você deve se perguntar: por que não fez Análise e Desenvolvimento de Sistemas? Inicialmente, eu já havia começado a estudar e, sem muito tempo para trocar de faculdade e aproveitar as matérias, segui realizando Tecnologia da Informação.
+
+        </p> <p>Meu primeiro curso para a área de programação foi realizado pela plataforma "BRADESCO CURSOS" em junho de 2022, aprendendo HTML e CSS. Embora não sejam linguagens de programação, foi o primeiro passo dado. Foi amor à primeira vista, pensar que aquele curso ensinava a escrever o HTML junto com o CSS na tag "styles" rsrsrs. Depois disso, fui pegando gosto por desenvolver.
+
+        </p> <p> Realizei mais quatro cursos pela plataforma: HTML avançado, Criando uma página com HTML e CSSe Introdução ao JavaScript aprendendo a usar a famosa stylesheet e criando uma pequena tela de cadastro com campos e checkbox. Desde então, tenho participado de vários bootcamps da DIO e, atualmente, estou envolvido em uma oportunidade da Oracle em parceria com a Alura, com uma trilha de Desenvolvedor Front-end.
+
+        </p> <p>Estou desenvolvendo sites web e programas para meu portfólio em busca da primeira oportunidade para mudança de carreira profissional. Na aba de projetos, estão listadas todas as skills do meu conhecimento, algumas mais avançadas, outras mais básicas.
+     </p>
       </section>
       <section class="conteudo-img">
         <img src="./src/img/hilton-jr.jpeg" alt="foto-do-dev" srcset="" />

diff --git a/src/styless/style-responsive.css b/src/styless/style-responsive.css
@@ -1,29 +1,27 @@
 @media (max-width: 420px) {
-    body {
-        box-sizing: border-box;
-    }
+  body {
+    box-sizing: border-box;
+  }
   .link-menu-bar {
     display: none;
   }
   .menu-bar {
-
     width: 100%;
-    height: 40px;    
+    height: 40px;
   }
-/* Style the navigation menu */
-.topnav {
+  /* Style the navigation menu */
+  .topnav {
     display: block;
     overflow: hidden;
     background-color: #000000;
     position: relative;
-
   }
-  
+
   /* Hide the links inside the navigation menu (except for logo/home) */
   .topnav #myLinks {
     display: none;
   }
-  
+
   /* Style navigation menu links */
   .topnav a {
     color: rgb(255, 255, 255);
@@ -33,7 +31,7 @@
     font-size: 17px;
     display: block;
   }
-  
+
   /* Style the hamburger menu */
   .topnav a.icon {
     background: rgb(58, 51, 51);
@@ -42,14 +40,14 @@
     right: 0;
     top: 0;
   }
-  
+
   /* Add a grey background color on mouse-over */
   .topnav a:hover {
     background-color: #3a2e2e;
     color: rgb(255, 255, 255);
     font-family: var(--font-secundaria);
   }
-  
+
   /* Style the active link (or home/logo) */
   .active {
     background-color: #000000;
@@ -73,7 +71,6 @@
     font-size: 1rem;
   }
 
-
   .conteudo-img {
     justify-content: center;
     margin-left: 3rem;
@@ -83,7 +80,7 @@
     width: 60%;
   }
 
-   /* Projects Styles*/
+  /* Projects Styles*/
 
   .title-projects {
     width: auto;
@@ -96,102 +93,111 @@
   }
   .title-projects h1 {
     text-align: center;
-
   }
   .title-projects p {
     text-align: center;
+  }
+
+  .conteudo-text-sobre {
+    width: 90%;
+  }
+  .conteudo-text-sobre h1 {
+    font-size: 1.5rem;
+  }
 
+  .conteudo-text-sobre p {
+    font-size: 1rem;
   }
+
 }
 @media (max-width: 1090px) {
-    .link-menu-bar {
-        display: none;
-      }
-      .menu-bar {
-
-        width: 100%;
-        height: 40px;    
-      }
-    /* Style the navigation menu */
-    .topnav {
-        display: block;
-        overflow: hidden;
-        background-color: #000000;
-        position: relative;
-     }
-
-      /* Hide the links inside the navigation menu (except for logo/home) */
-      .topnav #myLinks {
-        display: none;
-      }
-
-      /* Style navigation menu links */
-      .topnav a {
-        color: rgb(255, 255, 255);
-        font-family: var(--font-secundaria);
-        padding: 14px 16px;
-        text-decoration: none;
-        font-size: 17px;
-        display: block;
-      }
-
-      /* Style the hamburger menu */
-      .topnav a.icon {
-        background: rgb(58, 51, 51);
-        display: block;
-        position: absolute;
-        right: 0;
-        top: 0;
-      }
-
-      /* Add a grey background color on mouse-over */
-      .topnav a:hover {
-        background-color: #3a2e2e;
-        color: rgb(255, 255, 255);
-        font-family: var(--font-secundaria);
-      }
-
-      /* Style the active link (or home/logo) */
-      .active {
-        background-color: #000000;
-        color: white;
-      }
-
-      .conteudo {
-        flex-direction: column-reverse;
-        padding: 16% 8%;
-      }
-
-      .conteudo-img {
-        padding: 3% 0%;
-        justify-content: center;
-      }
-      .conteudo-img img {
-        width: 20rem;
-        height: 25rem;
-      }
-
-      /* Projects Styles*/
-
-      .title-projects {
-        width: auto;
-        margin: auto;
-      }
-
-      .gallery-projects {
-        flex-direction: column;
-        justify-content: center;
-      }
-      .conteudo-sobre {
-        flex-direction: column-reverse;
-        padding: 16% 8%;
-      }
-
-      .conteudo-img-sobre {
-        padding: 3% 0%;
-        justify-content: center;
-      }
-      .conteudo-img-sobre img {
-        width: auto;
-      }
-}
+  .link-menu-bar {
+    display: none;
+  }
+  .menu-bar {
+    width: 100%;
+    height: 40px;
+  }
+  /* Style the navigation menu */
+  .topnav {
+    display: block;
+    overflow: hidden;
+    background-color: #000000;
+    position: relative;
+  }
+
+  /* Hide the links inside the navigation menu (except for logo/home) */
+  .topnav #myLinks {
+    display: none;
+  }
+
+  /* Style navigation menu links */
+  .topnav a {
+    color: rgb(255, 255, 255);
+    font-family: var(--font-secundaria);
+    padding: 14px 16px;
+    text-decoration: none;
+    font-size: 17px;
+    display: block;
+  }
+
+  /* Style the hamburger menu */
+  .topnav a.icon {
+    background: rgb(58, 51, 51);
+    display: block;
+    position: absolute;
+    right: 0;
+    top: 0;
+  }
+
+  /* Add a grey background color on mouse-over */
+  .topnav a:hover {
+    background-color: #3a2e2e;
+    color: rgb(255, 255, 255);
+    font-family: var(--font-secundaria);
+  }
+
+  /* Style the active link (or home/logo) */
+  .active {
+    background-color: #000000;
+    color: white;
+  }
+
+  .conteudo {
+    flex-direction: column-reverse;
+    padding: 16% 8%;
+  }
+
+  .conteudo-img {
+    padding: 3% 0%;
+    justify-content: center;
+  }
+  .conteudo-img img {
+    width: 20rem;
+    height: 25rem;
+  }
+
+  /* Projects Styles*/
+
+  .title-projects {
+    width: auto;
+    margin: auto;
+  }
+
+  .gallery-projects {
+    flex-direction: column;
+    justify-content: center;
+  }
+  .conteudo-sobre {
+    flex-direction: column-reverse;
+    padding: 16% 8%;
+  }
+
+  .conteudo-img-sobre {
+    padding: 3% 0%;
+    justify-content: center;
+  }
+  .conteudo-img-sobre img {
+    width: auto;
+  }
+}