SoonEvents

package.json

@@ -15,6 +15,7 @@
     "@types/react": "^18.2.59",
     "@types/react-dom": "^18.2.19",
     "astro": "^4.4.1",
+    "dependence": "^1.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "swiper": "^11.0.6",

src/components/Footer.astro

@@ -0,0 +1,78 @@
+---
+import "./cssFooter/footer.css"
+---
+
+<div class="container-header">
+  <h2 class="header-footer">Preguntas frecuentes</h2>
+</div>
+<hr />
+<section class="footer-container">
+  <details class="styled">
+    <summary>¿Qué es IEEE?</summary>
+    <div>
+      <p>
+        IEEE, que significa "Institute of Electrical and Electronics Engineers"
+        (Instituto de Ingenieros Eléctricos y Electrónicos), es una organización
+        profesional internacional dedicada al avance de la tecnología en
+        diversas áreas, como la ingeniería eléctrica, la electrónica, las
+        telecomunicaciones, la informática y áreas relacionadas. La rama
+        estudiantil de IEEE en nuestra universidad es una subdivisión local de
+        esta organización, compuesta por estudiantes interesados en estas
+        disciplinas.
+      </p>
+    </div>
+  </details>
+
+  <details class="styled">
+    <summary
+      >¿Qué hace la rama estudiantil de IEEE en nuestra universidad?</summary
+    >
+    <div>
+      <p>
+        Permite traer diferentes tipos de actividades dentro de la universidad,
+        así como oportunidades de crecer dentro del áre de investigación. Así
+        mismo te da beneficios pertenecer a la rama estudiantil dando peso
+        curricular.
+      </p>
+    </div>
+  </details>
+
+  <details class="styled">
+    <summary>¿Cuáles son los beneficios de unirse a IEEE?</summary>
+    <div>
+      <p>
+        <ul>
+          <li>Participar en actividades dentro del instituto.</li>
+          <li>Descuentos para los eventos creados por el IEEE.</li>
+          <li>Newsletter con noticias dentro del área.</li>
+          <li>Correo con dominio del instituto.</li>
+          <li>
+            Reconocimiento y publicaciones dentro de la revista del instituto.
+          </li>
+        </ul>
+      </p>
+    </div>
+  </details>
+
+  <details class="styled">
+    <summary
+      >¿Qué tipo de actividades realiza la rama estudiantil de IEEE?</summary
+    >
+    <div>
+      <p>¡Talleres, conferencias, eventos y más!</p>
+    </div>
+  </details>
+
+  <details class="styled">
+    <summary
+      >¿Cómo puedo participar en eventos y conferencias organizados por IEEE?
+    </summary>
+    <div>
+      <p>
+        Dentro de este sitio web te puedes enterar de los eventos y conferencias
+        antes que nadie.No olvides seguirnos en nuestras redes sociales donde se
+        dan detalles y fechas sobre cualquier evento
+      </p>
+    </div>
+  </details>
+</section>

src/components/Inicio.astro

@@ -1,3 +1,10 @@
+---
+import "./cssInicio/contenedorBienvenida.css"
+import "./cssInicio/fondo.css"
+import "./cssInicio/navInicio.css"
+import "./cssInicio/variables.css"
+---	
+
 	<section id="Inicio">
 		<div class="containerInicio">
 			<section class="filtroInicio">

src/components/Unete.astro

@@ -1,60 +1,34 @@
 ---
-import "./Unete.css"
+import "./cssUnete/Unete.css"
 ---
 
 <section class="unete" id="Unete">
   <h1 class="titulo">Únete</h1>
   <div class="underline"></div>
-  <div class="beneficios">
-    <div class="list">
-      <h2 class="sub">
-        <span class="tex"
-          ><span class="numero">1</span><span class="alterno"> Potencia</span>
-          <h3 class="tex">tus habilidades</h3>
-          <p class="desc">
-            Uniendote al comité podrás desarrollar tus habilidades
-          </p>
-        </span>
-        <div class="list right">
-          <h2 class="sub">
-            Potencia <span class="tex"
-              ><span class="numero">3</span>
-              <h3 class="tex">tus habilidades</h3>
-              <p class="desc">
-                Uniendote al comité podrás desarrollar tus habilidades
-              </p>
-            </span>
-            <div class="list">
-              <h2 class="sub">
-                <span class="tex"
-                  ><span class="numero">2</span><span class="alterno">
-                    Potencia</span
-                  >
-                  <h3 class="tex">tus habilidades</h3>
-                  <p class="desc">
-                    Uniendote al comité podrás desarrollar tus habilidades
-                  </p>
-                </span>
-                <div class="list right">
-                  <h2 class="sub">
-                    Potencia <span class="tex"
-                      ><span class="numero">4</span>
-                      <h3 class="tex">tus habilidades</h3>
-                      <p class="desc">
-                        Uniendote al comité podrás desarrollar tus habilidades
-                      </p>
-                    </span>
-                  </h2>
-                  <div class="botones">
-                    <a class="links" href="\-">Unirse</a>
-                    <a class="links" href="\-">Saber más</a>
-                  </div>
-                </div>
-              </h2>
-            </div>
-          </h2>
-        </div>
-      </h2>
-    </div>
+<div class="beneficios">
+  <div class="list">
+    <h2 class="sub"><span class="tex"><span class="numero">1</span><span class="alterno">  Potencia</span> 
+      <h3 class="tex">tus habilidades</h3>
+    <p class="desc"> Uniendote al comité podrás desarrollar tus habilidades</p>
   </div>
+  <div class="list right">
+    <h2 class="sub"> Potencia <span class="tex"><span class="numero">2</span>
+      <h3 class="tex">tus habilidades</h3>
+    <p class="desc"> Uniendote al comité podrás desarrollar tus habilidades</p>
+  </div>
+  <div class="list">
+    <h2 class="sub"><span class="tex"><span class="numero">3</span><span class="alterno"> Potencia</span> 
+      <h3 class="tex">tus habilidades</h3>
+    <p class="desc"> Uniendote al comité podrás desarrollar tus habilidades</p>
+  </div>
+  <div class="list right">
+    <h2 class="sub">Potencia <span class="tex"><span class="numero">4</span>
+      <h3 class="tex">tus habilidades</h3>
+    <p class="desc"> Uniendote al comité podrás desarrollar tus habilidades</p>
+  </div>
+</div>
+<div class="botones">
+  <a class="links" href="\-">Unirse</a>
+  <a class="links" href="\-">Saber más</a>
+</div>
 </section>