Merge pull request #18 from Remoxjb/juan_badillo

se cambiaron los link de los estilos

assets/css/stylec.css

@@ -1,5 +1,5 @@
 body{
-    background-color: #041C32;
+    background: linear-gradient(180deg, #322172 30%,#a251ba 100%);
 }
 .img-contactanos{
     height: calc(100vh - 130px) ;

assets/js/mainPago.js

@@ -69,12 +69,12 @@ formulario.inputNumero.addEventListener('keyup', (e) => {
 	if(valorInput[0] == 4){
 		logoMarca.innerHTML = '';
 		const imagen = document.createElement('img');
-		imagen.src = 'img/logos/visa.png';
+		imagen.src = 'assets/img/logos/visa.png';
 		logoMarca.appendChild(imagen);
 	} else if(valorInput[0] == 5){
 		logoMarca.innerHTML = '';
 		const imagen = document.createElement('img');
-		imagen.src = 'img/logos/mastercard.png';
+		imagen.src = 'assets/img/logos/mastercard.png';
 		logoMarca.appendChild(imagen);
 	}
 

contactanos.html

@@ -34,8 +34,8 @@ <h1>CONTACTANOS</h1>
                 <img class="imgForm" src="data:image/png;base64,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" alt="">
                 <img class="imgForm" src="data:image/png;base64,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" alt="">
                 <img class="imgForm" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTRrfFf_b0OYB_slpdfZR4_4s06izGcUns6UA&usqp=CAU" alt="">
-              <h2 class="font-italic font-weight-bold textoRefa text-light">Acerca de nosotros</h2>
-              <p class="textoContactos text-light"> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aut beatae, distinctio hic cumque officia commodi cum porro voluptatibus consequuntur, non dolores suscipit nulla officiis qui perferendis. Fuga cum dolorum aliquid? <br><br>Para más información dejanos tus datos.</p>
+              <h2 class="font-italic font-weight-bold textoRefa">Acerca de nosotros</h2>
+              <p class="textoContactos"> Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aut beatae, distinctio hic cumque officia commodi cum porro voluptatibus consequuntur, non dolores suscipit nulla officiis qui perferendis. Fuga cum dolorum aliquid? <br><br>Para más información dejanos tus datos.</p>
             </div>
             <div class="col-md bg-white text-black p-3 rounded-lg">
               <form>

indexPago.html

@@ -6,7 +6,7 @@
 	<meta http-equiv="X-UA-Compatible" content="ie=edge">
 	<title>Formulario de Tarjeta de Crédito Dinámico</title>
 	<link href="https://fonts.googleapis.com/css?family=Lato|Liu+Jian+Mao+Cao&display=swap" rel="stylesheet">
-	<link rel="stylesheet" href="css/estilos.css">
+	<link rel="stylesheet" href="assets/css/estilosPago.css">
 </head>
 <body>
 	<div class="contenedor">
@@ -17,7 +17,7 @@
 				<div class="logo-marca" id="logo-marca">
 					<!-- <img src="img/logos/visa.png" alt=""> -->
 				</div>
-				<img src="img/chip-tarjeta.png" class="chip" alt="">
+				<img src="assets/img/chip-tarjeta.png" class="chip" alt="">
 				<div class="datos">
 					<div class="grupo" id="numero">
 						<p class="label">Número Tarjeta</p>
@@ -100,6 +100,6 @@
 	</div>
 
 	<script src="https://kit.fontawesome.com/2c36e9b7b1.js" crossorigin="anonymous"></script>
-	<script src="js/main.js"></script>
+	<script src="assets/js/mainPago.js"></script>
 </body>
 </html>