feat: adiciona imagens de rede social

assets/css/responsividade.css

@@ -364,6 +364,10 @@
     .background-programacao-esquerdo {
         top: 2210px;
     }
+
+    .conteudo-contato2 h2 {
+        font-size: 1.4em;
+    }
 }
 
 @media (max-width: 375px) {
@@ -379,4 +383,20 @@
     .titulo-contato h1 {
         font-size: 2em;
     }
+
+    .contato {
+        padding: 1rem 0rem 3rem 0rem;
+        height: 750px;
+    }
+
+    .conteudo-contato h2 {
+        font-size: 0.8em;
+    }
+}
+
+@media (max-width: 320px) {
+    .textos-sobre p {
+        font-size: 0.6rem;
+        margin: 24px 0;
+    }
 }

assets/css/style.css

@@ -1285,6 +1285,15 @@ a {
     font-size: 1.3em;
     font-family: var(--font-poppins);
     font-weight: 600;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    gap: 10px;
+}
+
+.img-social-contatos {
+    width: 25px !important;
 }
 
 .logo-contato {

index.html

@@ -24,31 +24,6 @@
     <!--Container Geral-->
     <div class="container">
 
-        <!--Header-->
-        <header class="header">
-            <div class="menu">
-                <label class="hamburger">
-                    <input type="checkbox" id="menuToggle">
-                    <svg viewBox="0 0 32 32">
-                        <path class="line line-top-bottom"
-                            d="M27 10 13 10C10.8 10 9 8.2 9 6 9 3.5 10.8 2 13 2 15.2 2 17 3.8 17 6L17 26C17 28.2 18.8 30 21 30 23.2 30 25 28.2 25 26 25 23.8 23.2 22 21 22L7 22">
-                        </path>
-                        <path class="line" d="M7 16 27 16"></path>
-                    </svg>
-                </label>
-            </div>
-            <div class="menu-aberto">
-                <nav class="nav-menu">
-                    <a href="#inicio">INÍCIO</a>
-                    <a href="#sobre">SOBRE</a>
-                    <a href="#servicos">SERVIÇOS</a>
-                    <a href="#portfolio">PORTFOLIO</a>
-                    <a href="#contato">CONTATO</a>
-                </nav>
-            </div>
-        </header>
-        <!--Fim Header-->
-
         <!--Início-->
         <main id="inicio" class="inicio">
             <div class="container-inicio">
@@ -204,24 +179,28 @@ <h1>Participe</h1>
                     </div>
                 </div>
                 <div class="conteudo-contato" data-aos="fade-up" data-aos-delay="400">
-                    <div class="regulamento-contato">
-                        <h2>Regulamento</h2>
-                        <img src="assets/img/pg05-img02.png" alt="">
-                    </div>
-                    <div class="formulario-contato" data-aos="fade-up" data-aos-delay="600">
-                        <h2>Formulário de inscrição</h2>
-                        <img src="assets/img/pg05-img02.png" alt="">
-                    </div>
+                    <a target="_blank" href="https://drive.google.com/file/d/1vE_ugG4Vb6OQQXufqNDfacv5eW76DlDA/view?usp=sharing">
+                        <div class="regulamento-contato">
+                            <h2>Regulamento</h2>
+                            <img src="assets/img/pg05-img02.png" alt="">
+                        </div>
+                    </a>
+                    <a target="_blank" href="https://forms.gle/F7gvZ25yet56ks5j8">
+                        <div class="formulario-contato" data-aos="fade-up" data-aos-delay="600">
+                            <h2>Formulário de inscrição</h2>
+                            <img src="assets/img/pg05-img02.png" alt="">
+                        </div>
+                    </a>
                 </div>
                 <div class="conteudo-contato2" data-aos="fade-up" data-aos-delay="400">
                     <div class="imagem-contato">
                         <img src="assets/img/gif_contato.gif" alt="Imagem animada de pergunta e resposta">
                     </div>
                     <div class="info-contato" data-aos="fade-up" data-aos-delay="600">
                         <h2>Dúvidas?<br/>Entre em contato</h2>
-                        <a href="" target="_blank"><i class="fa fa-envelope" aria-hidden="true"></i> [email protected]</a>
-                        <a href="" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i> @codaqui.dev</a>
-                        <a href="www.codaqui.dev" target="_blank"><i class="fa fa-globe" aria-hidden="true"></i> www.codaqui.dev</a>
+                        <a href="mailto:[email protected]" target="_blank"><img class="img-social-contatos" src="assets/img/pg06-img03.png" alt=""></i> [email protected]</a>
+                        <a href="https://instagram.com/codaqui.dev" target="_blank"><img class="img-social-contatos" src="assets/img/pg06-img04.png" alt=""></i> @codaqui.dev</a>
+                        <a href="www.codaqui.dev" target="_blank"><img class="img-social-contatos" src="assets/img/pg06-img05.png" alt=""> www.codaqui.dev</a>
                     </div>
                 </div>
             </div>