Spaces:
Sleeping
Sleeping
File size: 2,637 Bytes
3257494 5e0c6ed 3257494 5e0c6ed 3257494 5e0c6ed 3257494 4289ba8 fce222b 3257494 5e0c6ed 4289ba8 fce222b 3257494 5e0c6ed 4289ba8 fce222b 5e0c6ed 3257494 |
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 |
<!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">
<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="Traumatología" style="background-color: darkcyan; font-size: 2.5rem; margin-bottom: 10px; color: black;" onclick="location.href='/buscador_trauma'">
<h3></h3><img src="{{ user_image1 }}" alt="" style="max-width: 100%" onclick="location.href='/buscador_trauma'">
<br>
<br>
<input type="button" value="Urología" style="background-color: saddlebrown; font-size: 2.5rem; margin-bottom: 10px; color: black;" onclick="location.href='/buscador_uro'">
<h3></h3><img src="{{ user_image2 }}" alt="" style="max-width: 100%" onclick="location.href='/buscador_uro'">
<br>
<br>
<input type="button" value="Admisión" style="background-color: dimgray; font-size: 2.5rem; margin-bottom: 10px; color: black;" onclick="location.href='/buscador_admision'">
<h3></h3><img src="{{ user_image3 }}" alt="" style="max-width: 100%" onclick="location.href='/buscador_admision'">
</form>
</div>
</body>
</html> |