Updating files

octaviagf · Jul 28, 2023 · 36b6345 · 36b6345
1 parent ecc46f7
commit 36b6345
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -49,7 +49,7 @@
   </header>
 
   <div class="text-center">
-    <img src="./img/logo.png" alt="STS logo">
+    <img src="./img/logo.png" class="img-fluid" alt="STS logo">
   </div>
 
 <!--Cuerpo-->
@@ -60,6 +60,7 @@
       <div class="card-body">
         <h1 class="card-title">STS</h1>
         <p class="card-text">¡Bienvenido a Sostenuto Teaching Studio! 
+          <br>
           Te ofrecemos una experiencia única para explorar y aprender sobre diferentes clases de música. 
           Estamos aquí para inspirarte, guiarte y hacer que tu aprendizaje sea divertido y gratificante. 
           ¡Prepárate para sumergirte en el maravilloso mundo de la música junto a nosotros!</p>
@@ -72,10 +73,11 @@ <h1 class="card-title">STS</h1>
 
   <footer>
 
-    <div class="text-center">
-      <a href="./pages/prueba.html">Agenda tu clase de prueba aquí!</a>
+    <div class="sticky-bottom">
+      <div class="text-center">
+        <a href="./pages/prueba.html">Agenda tu clasde de prueba aquí!</a>
+      </div>
     </div>
-
   </footer>
 
 </body>

diff --git a/pages/contacto.html b/pages/contacto.html
@@ -77,6 +77,7 @@ <h1>Contáctanos</h1>
                         <textarea class="form-control" placeholder="Mensaje" id="floatingTextarea"></textarea>
                         <label for="floatingTextarea">Mensaje</label>
                     </div>
+                    <button type="submit" class="btn btn-primary">Enviar</button>
                 </form>
             </div>
         </div>

diff --git a/scss/style.css b/scss/style.css
@@ -13,8 +13,8 @@ header .navbar {
   background-color: #f94d50;
 }
 header img {
-  width: 5rem;
-  height: 4rem;
+  width: 2.5rem;
+  height: 2rem;
 }
 header .navbar-toggler {
   border-radius: 0%;
@@ -41,13 +41,14 @@ header .nav-link:hover {
 .text-center img {
   width: 25rem;
   height: 10rem;
-  margin-top: 4rem;
+  margin-top: 3rem;
 }
 
 footer .text-center {
   background-color: #FFFFFF;
-  height: 2.5rem;
   width: 100%;
+  height: 3rem;
+  min-width: 100%;
 }
 footer a {
   font-family: Arial, Helvetica, sans-serif;
@@ -144,7 +145,7 @@ main .card-text {
   color: #f94d50;
 }
 
-.prueba button {
+.prueba button, .contacto button {
   background-color: #00173d;
   border: solid 2px #f94d50;
   border-radius: 0%;
@@ -157,7 +158,11 @@ main .card-text {
   margin-top: 1rem;
   margin-bottom: 2rem;
 }
-.prueba button:hover {
+.prueba button:hover, .contacto button:hover {
   background-color: #f94d50;
   border-color: #f94d50;
+}
+
+.contacto button {
+  margin-bottom: 0;
 }/*# sourceMappingURL=style.css.map */
diff --git a/scss/style.css.map b/scss/style.css.map
diff --git a/scss/style.scss b/scss/style.scss
@@ -8,8 +8,8 @@ body { background-color: #00173d;}
 header {
     .navbar {background-color: #f94d50;}
 
-    img {width: 5rem;
-        height: 4rem;}
+    img {width: 2.5rem;
+        height: 2rem;}
 
     .navbar-toggler {border-radius: 0%;}
 
@@ -30,14 +30,15 @@ header {
 
     img {width: 25rem;
         height: 10rem;
-        margin-top: 4rem;}
+        margin-top: 3rem;}
 }
 
 footer {
 
   .text-center {background-color: #FFFFFF;
-                height: 2.5rem; 
-                width: 100%;} 
+                width: 100%;
+                height: 3rem; 
+                min-width: 100%;} 
 
     a {font-family: Arial, Helvetica, sans-serif;
     font-size: large;
@@ -128,7 +129,7 @@ main {
     .card a:hover {color: #f94d50;}
 }
 
-.prueba {
+.prueba, .contacto {
 
     button {background-color: #00173d;
             border: solid 2px #f94d50;
@@ -145,4 +146,9 @@ main {
 
         button:hover {background-color: #f94d50;
                     border-color: #f94d50;}
+}
+
+.contacto {
+
+    button {margin-bottom: 0;}
 }