Segunda entrega

Se corrigieron errores

Author: cilphi

css/main.css

@@ -166,7 +166,7 @@ table {
     border-radius: 8px;
     background-color: #9B97B5;
     box-shadow: 0 2px 8px rgba(155, 151, 181, .5);
-    padding: 16px 32px;
+    padding: 2px 4px;
     text-align: left;
 }
 tr:hover {
@@ -175,13 +175,13 @@ tr:hover {
 }
 th {
     color: #ECEBF7;
-    padding: 8px 16px;
+    padding: 2px 4px;
     border-bottom: 2px solid #ECEBF7;
 }
 td {
     color: #ECEBF7;
-    min-width: 250px;
-    padding: 8px 16px;
+    min-width:112px;
+    padding: 2px 4px;
     border-bottom: 1px solid #ECEBF7;
 }
 /*Footer*/

index.html

@@ -52,33 +52,33 @@ <h4>Ingreso de cotizante:</h4>
                         <h4>Cotizando envíos:</h4>
                         <ul>
                             <p>Recuerda escribir los números siguiendo el ejemplo, expresa las medidas en cms o kg, de acuerdo a lo que se solicita. </p>
-                            <form><!--Se incorpora formulario para segunda entrega-->
+                            <form id="cotizacionForm"><!--Se incorpora formulario para segunda entrega-->
                                 <!--Largo-->
                                 <li>
                                     <label for="cantidadLargo"><b>Largo</b></label>
-                                    <span>Escribe el largo en cms, ejemplo: 21.5</span>
-                                    <input type="number" id="cantidadLargo" name="cantidadLargo" min="0" max="40">
+                                    <span>Escribe el largo en cms</span>
+                                    <input type="number" id="cantidadLargo" name="cantidadLargo" min="0.1" step="0.1" max="40" placeholder="21.5">
                                 </li>                                
                                 <!--Ancho-->
                                 <li>
                                     <label for="cantidadAncho"><b>Ancho</b></label>
-                                    <span>Escribe el ancho en cms, ejemplo: 6.5</span>
-                                    <input type="number" id="cantidadAncho" name="cantidadAncho" min="0" max="40">
+                                    <span>Escribe el ancho en cms</span>
+                                    <input type="number" id="cantidadAncho" name="cantidadAncho" min="0.1" step="0.1" max="40" placeholder="6.5">
                                 </li>                                
                                 <!--Alto-->
                                 <li>
                                     <label for="cantidadAlto"><b>Alto</b></label>
-                                    <span>Escribe el alto en cms, ejemplo: 19.5</span>
-                                    <input type="number" id="cantidadAlto" name="cantidadAlto" min="0" max="40">
+                                    <span>Escribe el alto en cms</span>
+                                    <input type="number" id="cantidadAlto" name="cantidadAlto" min="0.1" step="0.1" max="40" placeholder="19.5">
                                 </li>
                                 <!--Peso-->
                                 <li>
                                     <label for="cantidadPeso"><b>Peso</b></label>
-                                    <span>Escribe el peso en kg, ejemplo: 0.25</span>
-                                    <input type="number" id="cantidadPeso" name="cantidadPeso" min="0" max="20">
+                                    <span>Escribe el peso en kg</span>
+                                    <input type="number" id="cantidadPeso" name="cantidadPeso" min="0.1" step="0.1" max="20" placeholder="0.25">
                                 </li>
                                 <div>
-                                    <button id="cotizar">Cotizar</button>
+                                    <button type="submit" id="cotizar">Cotizar</button>
                                 </div>
                             </form>
                         </ul>
@@ -95,7 +95,10 @@ <h4>Cotizando envíos:</h4>
         </section>
         <section id="revisar"><!-- 2 Ingreso de cotizaciones -->
             <h2>Revisa tus cotizaciones</h2>
-            <table>
+            <div id="cotizacionDiv">
+                <div id="info"></div>
+            </div>
+            <table class="hide">
                 <caption></caption>
                 <thead>
                     <tr>
@@ -106,17 +109,17 @@ <h2>Revisa tus cotizaciones</h2>
                         <th>Total a pagar</th>
                     </tr>
                 </thead>
-                <tbody id="tablaCotizacion"></tbody>
+                <tbody id="cotizacionTabla"></tbody>
             </table>
-            <p>Si necesitas una copia de la información que se te entregue, puedes presionar la opción:</p>
-            <form>
+            <p class="hide">Si necesitas una copia de la información que se te entregue, puedes presionar la opción:</p>
+            <form class="hide">
                 <!--Aceptar envío-->
                 <input type="radio" id="aceptar" name="aceptar" value="aceptar">
                 <label for="aceptar"><b>Acepto, enviar datos al correo.</b></label><br>
                 <!--Correo-->
                 <label for="email">Escribe tu dirección de correo electrónico:</label>
                 <input type="email" id="email" name="email">
-                <button id="enviar">Enviar</button>
+                <button type="submit" id="enviar">Enviar</button>
             </form>
         </section>
         <section><!-- 2 -->