Correciones de Estilo

Lucasponzoni · Oct 4, 2023 · b3ff7ce · b3ff7ce
1 parent 9457c7d
commit b3ff7ce
Show file tree

Hide file tree

Showing 7 changed files with 67 additions and 72 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/elements/.DS_Store b/elements/.DS_Store
diff --git a/elements/Logo_Novogar_Fav.png b/elements/Logo_Novogar_Fav.png
diff --git a/elements/Novogar Logo Large.png b/elements/Novogar Logo Large.png
diff --git a/elements/fondo-desktop.svg b/elements/fondo-desktop.svg
diff --git a/index.html b/index.html
@@ -7,10 +7,14 @@
     <script src="tarifa_calculator.js"></script>
     <link rel="stylesheet" href="style.css">
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700&display=swap" rel="stylesheet">
 </head>
 <body class="fondo">
-    <div class="container cotizador centered">
-        <h1 class="mt-5">Calculadora de Tarifas Andreani Novogar</h1>
+    <div class="container cotizador center">
+        <img class="logo-novogar" src="./elements/Logo_Novogar_Fav.png" alt="Logo Novogar" srcset="">
+        <h1 class="titulo">Calculadora de Tarifas Andreani Novogar</h1>
 
         <form class="row g-3" id="tarifaForm">
             <div class="col-md-4">
@@ -51,8 +55,8 @@ <h1 class="mt-5">Calculadora de Tarifas Andreani Novogar</h1>
                     <option value="400017259" selected>NOVOGAR</option>
                 </select>
             </div>
-            <div class="col-12">
-                <button type="button" class="btn btn-primary" onclick="calcularTarifa()">Calcular Tarifa</button>
+            <div class="d-grid gap-2">
+                <button type="button" class="btn btn-danger" onclick="calcularTarifa()">Calcular Tarifa</button>
             </div>
         </form>
 
@@ -62,4 +66,15 @@ <h1 class="mt-5">Calculadora de Tarifas Andreani Novogar</h1>
 
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
 </body>
+
+<footer class="center">
+    <img class="logo-foot" src="./elements/Novogar Logo Large.png" alt="Logo Novogar">
+    <a href="https://novogar.com.ar/info/empresa" target="_blank" >Quienes somos</a>
+    <a href="https://novogar.com.ar/info/Sucursales" target="_blank" >Sucursales</a>
+    <a href="https://novogar.com.ar/info/ventaTelefonica" target="_blank" >Atención al cliente</a>
+  </footer>
+
+  </body>
+  </html>
+
 </html>
diff --git a/style.css b/style.css
@@ -30,6 +30,54 @@
 .cotizador{
     margin-top: 2rem;
     background-color: white;
+    margin-bottom: 1rem;
     padding: 1rem;
     border-radius: 2rem;
+    align-items: center;
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+}
+
+.titulo{
+    font-family: 'Unbounded', sans-serif;
+    font-size: 2rem;
+    text-align: center;
+    background: -webkit-linear-gradient(#fe1919, #aa1515);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.form-label{
+    font-family:"sf_pro_light";
+}
+
+.logo-novogar{
+    width: 100px;
+    padding: .5rem;
+}
+
+footer{
+    padding: 1rem;
+    background-color: white;
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    align-items: center;
+    font-family: 'Unbounded', sans-serif;    
+}
+
+footer > a{
+    text-decoration: none;
+    color: grey;
+    transition: .5s;
+}
+
+footer > a:hover{
+    text-decoration: underline;
+    color: red;
+}
+
+.logo-foot{
+    width: 300px;
 }