.

ICEI-PUC-Minas-PMV-ADS · Dec 8, 2024 · c29c5cc · c29c5cc
1 parent b8b3c71
commit c29c5cc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 98 deletions.
diff --git a/codigo-fonte/CSS/agradecimento.css b/codigo-fonte/CSS/agradecimento.css
@@ -1,4 +1,4 @@
-/* :root {
+:root {
     --cor-principal: #fff;
     --cor-secundaria: #7b7bf8;
     --cor-terciaria: #000000;
@@ -92,4 +92,4 @@
     100% {
         left: 100%;
     }
-} */
+}
diff --git a/codigo-fonte/HTML/Pagamento.html b/codigo-fonte/HTML/Pagamento.html
@@ -5,112 +5,23 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="icon" type="image/x-icon" href="/codigo-fonte/images/icon.png">
-    <style>
-        :root {
-            --cor-principal: #fff;
-            --cor-secundaria: #7b7bf8;
-            --cor-terciaria: #000000;
-            --cor-quaternaria: #6868ff6d;
-            --cor-hover: #6868ff;
-        }
-
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: Arial, Helvetica, sans-serif;
-        }
-
-        #div-payment-container {
-            background-color: #f0f0f0;
-            height: 100vh;
-            width: 100vw;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            text-align: center;
-        }
-
-        #div-payment {
-            background-color: var(--cor-principal);
-            width: 50%;
-            height: 70%;
-            padding: 20px 0 100px 0px;
-            border-radius: 15px;
-            box-shadow: 5px 5px 20px var(--cor-quaternaria);
-        }
-
-        #div-payment h1 {
-            color: var(--cor-secundaria);
-            margin-top: 30px;
-        }
-
-        #div-container-payment {
-            height: 100%;
-            width: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-
-        .button-payment-choice {
-            background-color: var(--cor-secundaria);
-            color: var(--cor-principal);
-            font-size: 1.2em;
-            font-weight: bold;
-            height: 100px;
-            width: 70%;
-            margin: 20px;
-            border-radius: 5px;
-            border: none;
-            box-shadow: 5px 5px 1px var(--cor-quaternaria);
-        }
-
-        .button-payment-choice:hover {
-            cursor: pointer;
-            background-color: var(--cor-hover);
-        }
-
-        #return-button {
-            margin-top: 20px;
-            padding: 10px 20px;
-            font-size: 1em;
-            background-color: var(--cor-secundaria);
-            color: var(--cor-principal);
-            border: none;
-            border-radius: 5px;
-            cursor: pointer;
-        }
-
-        #return-button:hover {
-            background-color: var(--cor-hover);
-        }
-
-        #return-button {
-            font-weight: bold;
-            box-shadow: 5px 5px 1px var(--cor-quaternaria);
-        }
-    </style>
+    <link rel="stylesheet" href="/codigo-fonte/CSS/payment.css">
     <title>Pagamento</title>
 </head>
-
-<body>
+    
+    <body>
     <div id="div-payment-container">
         <div id="div-payment">
             <h1>Formas de pagamento</h1>
             <div id="div-container-payment">
                 <div id="payment-choice">
-                    <button type="button" class="button-payment-choice" id="pix-button"
-                        onclick="window.location.href='pagamento-pix.html'">Pagar com PIX</button>
-                    <button type="button" class="button-payment-choice" id="credit-card-button"
-                        onclick="window.location.href='pagamento-cartao-credito.html'">Pagar com CARTÃO DE
-                        CRÉDITO</button>
-                    <button id="return-button" type="button" onclick="window.location.href='Shelf Skins 2.html'">Voltar
-                        a página principal</button>
+                    <button type="button" class="button-payment-choice" id="pix-button" onclick="window.location.href='pagamento-pix.html'">Pagar com PIX</button>
+                    <button type="button" class="button-payment-choice" id="credit-card-button" onclick="window.location.href='pagamento-cartao-credito.html'">Pagar com CARTÃO DE CRÉDITO</button>
+                    <button id="return-button" type="button" onclick="window.location.href='Shelf Skins 2.html'">Voltar a página principal</button>
                 </div>
             </div>
         </div>
     </div>
 </body>
 
-</html>
+</html>