dia2-1

agomez-m · Sep 9, 2023 · f006fe4 · f006fe4
1 parent 41cd69c
commit f006fe4
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 16 deletions.
diff --git a/book.html b/book.html
@@ -28,7 +28,7 @@
   <body>
     <nav class="navbar navbar-expand-lg bg-body-tertiary">
       <div class="container-fluid" style="background-color: #abedd8">
-        <a class="navbar-brand" href="#">V2G</a>
+        <a class="navbar-brand" href="index.html">V2G</a>
         <button
           class="navbar-toggler"
           type="button"

diff --git a/faq.html b/faq.html
@@ -1,4 +1,4 @@
-<html>
+<html >
   <head>
     <title>CERTIFICATE</title>
     <!-- titulo en pestaña -->
@@ -30,7 +30,7 @@
 
 
 
-  <body>
+  <body style="background-color: #abedd8">
     <nav class="navbar navbar-expand-lg bg-body-tertiary">
       <div class="container-fluid" style="background-color: #abedd8">
         <a class="navbar-brand" href="index.html">V2G</a>
@@ -69,7 +69,7 @@
       <h1 class="custom-h1">VET TO GO</h1>
       <p>ANIMAL HEALTH CERTIFICATES</p>
     </div>
-    <div class="accordion MT-3">
+    <div class="accordion MT-3" ">
       <div class="accordion-item">
         <h2 class="accordion-header">
           <button

diff --git a/index.html b/index.html
@@ -81,9 +81,10 @@
       <div
         class="cover d-flex justify-content-center align-items-center flex-column">
         <h1 class="custom-h1">VET TO GO</h1>
-        <p style="max-width: 600px">
-          Obtain your Animal Health Certificates swiftly and with ease, starting
-          at a low price of £99.
+        <p style="max-width: 600px; margin: 0 auto; text-align: center; font-size:14px">
+          Get your pet certificate to travel from £xxx. <br>
+            No hassle, if you want we can do it from the confort of your own home. <br>
+             This can only be made by an Official Veterinarian who holds the appropriate Official Control Qualification and is authorised by APHA *Animal and Plant Health Agency.
         </p>
       </div>
     </header>
@@ -100,11 +101,11 @@ <h1 class="custom-h1">VET TO GO</h1>
         <!-- margenes y espacios -->
         <div class="card text-bg-dark">
           <img
-            src="https://cdn.glitch.global/48f9e32b-7865-4ea5-ae38-0786b4bb75c5/rsz_werzk-luuuuuuu-tdlo2zplqlu-unsplash%20copia.jpg?v=1694083403967"
+
+            style="background-color:#abedd8; max-width: 100%; height: auto; min-height: 20rem"
+          /> <!-- src="https://cdn.glitch.global/48f9e32b-7865-4ea5-ae38-0786b4bb75c5/rsz_werzk-luuuuuuu-tdlo2zplqlu-unsplash%20copia.jpg?v=1694083403967"
             class="card-img"
-            alt="..."
-            style="max-width: 100%; height: auto; min-height: 20rem"
-          />
+            alt="..."  -->
           <div
             class="card-img-overlay d-flex justify-content-center align-items-center flex-column"
           >
@@ -133,11 +134,11 @@ <h5 class="card-title">
         <!-- margenes y espacios -->
         <div class="card text-bg-dark">
           <img
-            src="https://cdn.glitch.global/48f9e32b-7865-4ea5-ae38-0786b4bb75c5/rsz_4kristine-wook-leketutpkcg-unsplash%20copia.jpg?v=1694083403321"
+
+            style="background-color:#abedd8; max-width: 100%; height: auto; min-height: 20rem"
+          /> <!-- src="https://cdn.glitch.global/48f9e32b-7865-4ea5-ae38-0786b4bb75c5/rsz_4kristine-wook-leketutpkcg-unsplash%20copia.jpg?v=1694083403321"
             class="card-img"
-            alt="..."
-            style="max-width: 100%; height: auto; min-height: 20rem"
-          />
+            alt="..." -->
           <div
             class="card-img-overlay d-flex justify-content-center align-items-center flex-column"
           >

diff --git a/style.css b/style.css
@@ -175,18 +175,33 @@ a {
 
 /* Agrega estos estilos CSS a tu archivo CSS personalizado */
 .accordion-item {
-  background-color: #137DC5; /* Cambia este valor al color deseado */
+  background-color: #9ecff0 /* Cambia este valor al color deseado */
   border-radius: 5px; /* Opcional: Agrega esquinas redondeadas */
   margin-bottom: 10px; /* Opcional: Agrega espacio entre los elementos del acordeón */
   padding: 0px; /* Opcional: Agrega espaciado interno */
 }
 
 
+
+.accordion-header{
+  background-color: #d5f6eb;
+
+}
+.accordion-button:active {
+  background-color:#abedd8; /* Reemplaza 'color-activo' con el color deseado */
+}
+
+/* Color de fondo cuando el botón no está activo (no pulsado) */
+.accordion-button:not(:active) {
+  background-color: #4b92c2; /* Reemplaza 'color-inactivo' con el color deseado */
+}
+
 .accordion {
   max-width: 600px; /* Establece el ancho máximo que desees */
   margin: 0 auto; /* Centra el acordeón horizontalmente en la página */
   padding: 20px; /* Agrega un espacio interno alrededor del acordeón */
   border: 1px solid #ccc; /* Agrega un borde al acordeón si lo deseas */
   border-radius: 5px; /* Agrega esquinas redondeadas si lo deseas */
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Agrega una sombra al acordeón si lo deseas */
+  background-color: #abedd8;
 }