CONTACT-US available

Acedpol · Nov 16, 2021 · a528cdf · a528cdf
1 parent f21333d
commit a528cdf
Show file tree

Hide file tree

Showing 9 changed files with 102 additions and 64 deletions.
diff --git a/assets/css/aves-style.css b/assets/css/aves-style.css
@@ -6,6 +6,7 @@
 }
 
 html::-webkit-scrollbar {display: none;} 
+iframe::-webkit-scrollbar {display: none;} 
 
 @font-face {
     font-family: title-logo;
@@ -378,8 +379,6 @@ h1{
     font-family: overlay-opt;
     font-size: 20px;
     color: whitesmoke;
-    text-decoration:aqua;
-    text-shadow: darkblue;
     text-decoration-line: underline;                
 }
 
@@ -553,3 +552,62 @@ p{
     .download > div > p { font-size: 25px; }
     .download > div > button { font-size: 24px; }
 }
+
+/* FORMULARIO */
+.form {
+    background-color:cadetblue;
+    width: 40%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+}
+
+iframe {
+    overflow-y: hidden;
+}
+
+.form-inside {
+    width: 100%;
+    height: 80%;
+    overflow-y: hidden;
+}
+
+.github, .pivotal {
+    width: 30%;
+    height: 100%;
+
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    align-content: center;
+    justify-content: center;
+}
+
+.github h1, .pivotal h1 {
+    color: indigo; 
+    text-decoration-line: underline;
+    font-size: 22px;
+}
+
+.github a, .pivotal a {
+    width: 80%;
+    height: 25%;
+    border-radius: 15px;
+    cursor: pointer;
+}
+
+.github a {
+    background-color: unset;
+}
+
+.pivotal a {
+    background-color: unset;
+}
+
+.github img, .pivotal img {
+    border: unset;
+}
+
+.pivotal img {
+    padding: 20px;
+}
diff --git a/assets/images/Tecla_E.png b/assets/images/Tecla_E.png
diff --git a/assets/images/github.ico b/assets/images/github.ico
diff --git a/assets/images/github32x32.ico b/assets/images/github32x32.ico
diff --git a/assets/images/github_line.png b/assets/images/github_line.png
diff --git a/assets/images/pivotal_line.png b/assets/images/pivotal_line.png
diff --git a/assets/web_utils/footer.js b/assets/web_utils/footer.js
@@ -12,7 +12,7 @@ document.write(`
                 </div>
             </div>
             <div class="social_icon">
-                <a href="https://github.com/Acedpol/Proyecto_PVLI---AVES"><img src="assets/images/github.ico"></a>
+                <a href="https://github.com/Acedpol/Proyecto_PVLI---AVES"><img src="assets/images/github32x32.ico"></a>
                 <a href="#"><img src="assets/images/discord.ico"></a>
                 <a href="https://www.pivotaltracker.com/n/projects/2534895"><img src="assets/images/pivotal-tracker.ico"></a>
             </div>

diff --git a/contac-us.html b/contac-us.html
diff --git a/contact-us.html b/contact-us.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <script language="javascript" type="text/javascript" src="assets/web_utils/head-info.js"></script>
+    </head>
+
+    <body>
+        <!--header section start -->
+        <header_area>
+            <script language="javascript" type="text/javascript" src="assets/web_utils/cabecera.js"></script>
+        </header_area>
+        <!-- header section end -->    
+
+        <!--header section start -->
+        <game_area class="game_area" style="background-color: cyan;">
+            <div class="github">
+                <h1>Accede a nuestro repositorio:</h1>
+                <a href="https://github.com/Acedpol/Proyecto_PVLI---AVES"><img src="./assets/images/github_line.png"></a>
+            </div>
+            <div class="form">
+                <iframe class="form-inside" src="https://docs.google.com/forms/d/e/1FAIpQLSdE2HgMJVEB--JL_S9V4QIPz-eCfjcpcTZez0hj_GicgqBP4w/viewform?embedded=true" width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0">Cargando…</iframe>
+            </div>
+            <div class="pivotal">
+                <h1>Gestión de tareas:</h1>
+                <a href="https://www.pivotaltracker.com/n/projects/2534895"><img src="./assets/images/pivotal_line.png"></a>
+            </div>
+        </game_area>
+        <!-- header section end -->
+
+        <!-- footer section start -->
+        <footer_area>
+            <script language="javascript" type="text/javascript" src="assets/web_utils/footer.js"></script>
+        </footer_area>
+        <!-- footer section end -->
+
+        <script language="javascript" type="text/javascript" src="assets/web_utils/overlay.js"></script>
+
+        <style>
+        </style>
+    </body>
+</html>