File size: 2,638 Bytes
3de77ce
 
 
183bf14
 
 
4249730
 
 
 
 
 
 
 
 
183bf14
 
 
4249730
183bf14
3de77ce
183bf14
 
4249730
183bf14
3de77ce
183bf14
 
 
86658ef
183bf14
3de77ce
86658ef
 
 
183bf14
3de77ce
86658ef
 
 
 
 
183bf14
 
3de77ce
 
183bf14
03d9bd9
 
57a8a3f
 
 
 
03d9bd9
183bf14
 
81bd179
3973c64
 
81bd179
3973c64
 
81bd179
3973c64
 
183bf14
0a054bd
183bf14
3de77ce
183bf14
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Quirohelp</title>
    <style>
        body {
            background-color: #333; /* Fondo oscuro */
            color: #fff; /* Texto blanco */
            font-family: Georgia, 'Times New Roman', Times, serif;
            margin: 0;
            padding: 0;
            text-align: center;
        }

        .quiro {
            background-color: blueviolet;
            font-size: 3.5rem;
            padding: 20px 0;
        }

        .login2 {
            text-align: center;
            padding: 20px;
        }

        /* Estilos para pantallas pequeñas (por ejemplo, hasta 768px) */
        @media screen and (max-width: 768px) {
            .quiro {
                font-size: 2.5rem; /* Reducir el tamaño de la fuente */
            }

            input[type="button"] {
                width: 100%; /* Ajustar el ancho al 100% para ocupar todo el ancho disponible */
            }
        }

        /* Estilos para pantallas medianas y grandes (más de 768px) */
        @media screen and (min-width: 769px) {
            .quiro {
                font-size: 3.5rem; /* Restablecer el tamaño de la fuente original */
            }
        }
    </style>
</head>
<body>
    <div class="login2">
        <!--<h1 class="quiro"><img src="{{ user_image0 }}" alt="holaaa" style="max-width: 5%;"> QuiroHelp </h1>-->
        <h1 class="quiro">
          <div style="display: flex; align-items: center; justify-content: center;">
              <img src="{{ user_image0 }}" alt="holaaa" style="max-width: 15%;">
              <span>QuiroHelp</span>
          </div>
        </h1>
        <p style="font-size: 1.1rem">Haz click en tu especialidad:</p>
        <form action="{{url_for('especialidad')}}" method="post">
            <input type="button" value="Traumatologia" style="background-color: darkcyan; font-size: 2.5rem; margin-bottom: 10px;" onclick="location.href='/buscador_trauma'">
            <h3></h3><img src="{{ user_image1 }}" alt="" style="max-width: 100%">
            <br>
            <input type="button" value="Urologia" style="background-color: saddlebrown; font-size: 2.5rem; margin-bottom: 10px;" onclick="location.href='/buscador_uro'">
            <h3></h3><img src="{{ user_image2 }}" alt="" style="max-width: 100%">
            <br>
            <input type="button" value="Admisión" style="background-color: dimgray; font-size: 2.5rem; margin-bottom: 10px;" onclick="location.href='/buscador_admision'">
            <h3></h3><img src="{{ user_image3 }}" alt="" style="max-width: 100%">

        </form>
      
    </div>
</body>
</html>