QuirohelpASRServer / templates /especialidad.html
JPLTedCas's picture
Update templates/especialidad.html
3973c64
<!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>