add: mensagem "em construção".

pedromclaro · Jul 27, 2024 · 21bcb0c · 21bcb0c
1 parent ef51447
commit 21bcb0c
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -12,7 +12,7 @@
         <section id="principal">
             <div id="principal-about">
                 <h1>Olá 👋, sou o<br><strong id="pedro">Pedro Afonso</strong></h1>
-                <p id="sobre"><i>Instrutor de Linux e técnico de informática</i></p>
+                <p id="sobre"></p>Instrutor de Linux e técnico de informática</p>
                 <button>Ver Resumo →</button>
             </div>
            <div id="img-links">
@@ -24,9 +24,21 @@ <h1>Olá 👋, sou o<br><strong id="pedro">Pedro Afonso</strong></h1>
                 </div>
            </div>
         </section>
-        <div class="recent">
-            <p class="recent-alert">⚠️ Página em construção!</p>
+        <div class="about">
+            <div class="about-text">
+                <h2>🏗️ Site em Construção!</h2>
+                <br>
+                <p>Estou ansioso para compartilhar meu novo site pessoal com você! Estou trabalhando nele para criar algo especial. 😁</p>
+            </div>
             <!--
+            <div class="about-text">
+                <h2>🏗️ Projetos</h2>
+                <br>
+                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores ducimus optio delectus! Illo blanditiis doloremque odio eos aliquid, perspiciatis, aperiam neque aliquam saepe soluta dolorem tempora quam necessitatibus culpa reprehenderit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Asperiores ducimus optio delectus! Illo blanditiis doloremque odio eos aliquid, perspiciatis, aperiam neque aliquam saepe soluta dolorem tempora quam necessitatibus culpa reprehenderit!</p>
+            </div>
+
+
+            
             <div class="header">
                 <h4>Posts Recentes</h4>
                 <a href="https://blog.pedromclaro.com" target="_blank">Ver todos</a>

diff --git a/style.css b/style.css
@@ -34,8 +34,13 @@ h1 {
     color: #000;
 }
 
+h2 {
+    font-size: 2rem;
+    font-weight: 600;
+}
+
 strong#pedro {
-    font-size: 3rem;
+    font-size: 3.2rem;
 }
 
 #principal #principal-about {
@@ -46,15 +51,14 @@ strong#pedro {
 }
 
 #principal #principal-about #sobre {
-    font-size: 1rem;
     color: #000;
     font-weight: 400;
     max-width: 350px;
 }
 
 button {
     font-size: 0.9rem;
-    padding: 5px 15px;
+    padding: 8px 15px;
     border: none;
     background-color: #000;
     color: #fff;
@@ -79,18 +83,20 @@ button {
     gap: 15px;
 }
 
-.recent {
-    background-color: #dbedf2;
-    padding: 3rem 1rem;
-
+.about {
+    padding: 1.5rem 1rem;
+    background-color: #f5f5f7;
     display: flex;
-    align-items: center;
     justify-content: center;
+    gap: 1.5rem;
+    align-items: flex-start;
 }
 
-.recent .recent-alert {
-    font-size: 1.2rem;
-    font-weight: 600;
+.about .about-text {
+    padding: 2rem 4rem;
+    background-color: #fff;
+    max-width: 400px;
+    border-radius: 1rem;
 }
 
 /*