Hugging Face's logo

Spaces:
JPLTedCas
/
QuirohelpASRServer
Runtime error

App Files Community
JPLTedCas commited on
Commit
183bf14
•
1 Parent(s): 6560ac5

Update templates/especialidad.html

Browse files
Files changed (1) hide show
  1. templates/especialidad.html +43 -41
templates/especialidad.html CHANGED
@@ -1,51 +1,53 @@
1
  <!DOCTYPE html>
2
  <html>
3
  <head>
4
- <meta charset="utf-8">
5
-
6
- <title> Quirohelp </title>
7
- <style>
8
-
9
- .quiro {
10
-
11
- background-color: blueviolet;
12
- color:white;
13
- font-size: 3.5rem;
14
-
15
- font-family: Georgia, 'Times New Roman', Times, serif;
16
-
17
 
 
 
 
18
 
 
 
 
 
 
19
 
20
- }
21
-
22
-
23
-
24
-
25
- </style>
26
-
27
 
 
 
 
 
 
 
 
28
  </head>
29
  <body>
30
- <div class="login2">
31
- <h1 class="quiro"><img src="{{ user_image0 }}" alt="holaaa" style="max-width: 5%;" > QuiroHelp </h1>
32
-
33
- <p style="font-size: 1.1rem">Haz click en tu especialidad:</p>
34
- <form action="{{url_for('especialidad')}}" method="post">
35
-
36
-
37
-
38
-
39
- <input class=""type="button" value="Traumatologia" style="width: 78%; background-color:darkcyan;font-size: 2.5rem; " onclick="location.href='/buscador_trauma'">
40
- <h3></h3><img src="{{ user_image1 }}" alt="" style="max-width: 100%" onclick="location.href='/buscador_trauma'">
41
- <br>
42
- <input type="button" value="Urologia" style="width: 78%; background-color:saddlebrown;font-size: 2.5rem;" onclick="location.href='/buscador_uro'">
43
- <h3></h3><img src="{{ user_image2 }}" alt="" style="max-width: 100%" onclick="location.href='/buscador_uro'">
44
- <br>
45
- <input type="button" value="Admisión" style="width: 78%; background-color:dimgray;font-size: 2.5rem;" onclick="location.href='/buscador_admision'">
46
- <h3></h3><img src="{{ user_image3 }}" alt="" style="max-width: 100%" onclick="location.href='/buscador_admision'">
47
- </form>
48
-
49
- </div>
50
  </body>
51
- </html>
 
1
  <!DOCTYPE html>
2
  <html>
3
  <head>
4
+ <meta charset="utf-8">
5
+ <title>Quirohelp</title>
6
+ <style>
7
+ .quiro {
8
+ background-color: blueviolet;
9
+ color: white;
10
+ font-size: 3.5rem;
11
+ font-family: Georgia, 'Times New Roman', Times, serif;
12
+ }
 
 
 
 
13
 
14
+ .login2 {
15
+ text-align: center;
16
+ }
17
 
18
+ /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
19
+ @media screen and (max-width: 768px) {
20
+ .quiro {
21
+ font-size: 2.5rem; /* Reducir el tamaño de la fuente */
22
+ }
23
 
24
+ input[type="button"] {
25
+ width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
26
+ }
27
+ }
 
 
 
28
 
29
+ /* Estilos para pantallas medianas y grandes (más de 768px) */
30
+ @media screen and (min-width: 769px) {
31
+ .quiro {
32
+ font-size: 3.5rem; /* Restablecer el tamaño de la fuente original */
33
+ }
34
+ }
35
+ </style>
36
  </head>
37
  <body>
38
+ <div class="login2">
39
+ <h1 class="quiro"><img src="{{ user_image0 }}" alt="holaaa" style="max-width: 5%;"> QuiroHelp </h1>
40
+ <p style="font-size: 1.1rem">Haz click en tu especialidad:</p>
41
+ <form action="{{url_for('especialidad')}}" method="post">
42
+ <input class="" type="button" value="Traumatologia" style="background-color: darkcyan; font-size: 2.5rem;">
43
+ <h3></h3><img src="{{ user_image1 }}" alt="" style="max-width: 100%">
44
+ <br>
45
+ <input type="button" value="Urologia" style="background-color: saddlebrown; font-size: 2.5rem;">
46
+ <h3></h3><img src="{{ user_image2 }}" alt="" style="max-width: 100%">
47
+ <br>
48
+ <input type="button" value="Admisión" style="background-color: dimgray; font-size: 2.5rem;">
49
+ <h3></h3><img src="{{ user_image3 }}" alt="" style="max-width: 100%">
50
+ </form>
51
+ </div>
 
 
 
 
 
 
52
  </body>
53
+ </html>