Spaces:
Sleeping
Sleeping
File size: 2,979 Bytes
3257494 d346374 12831aa d346374 12831aa d346374 12831aa d346374 12831aa d346374 9d48d4e e6544f8 12831aa d346374 3257494 9d48d4e d346374 9d48d4e d346374 c998f88 d346374 3257494 d346374 dcbbecc c998f88 dcbbecc d346374 3257494 c998f88 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 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
<!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;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
}
.login2 {
text-align: center;
padding: 20px;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
}
.element {
text-align: center;
max-height: 100%;
}
img {
max-width: 50%;
height: auto;
cursor: pointer;
}
.text {
font-size: 36px; /* Tamaño de letra deseado */
align-items: center;
text-align: center;
margin-top: 10px; /* Espaciado superior para separar la imagen del texto */
}
.text2 {
font-size: 24px; /* Tamaño de letra deseado */
}
/* 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="login22">
<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-size: 3rem; background-color: purple; max-width: 100%; overflow: hidden; display: flex; align-items: center;">
<div class="container">
<div class="element">
<p class="text">AJUSTES</p>
</div>
</div>
</h2>
</div>
<!--<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 2.5rem;background-color: purple;">AJUSTES:</h2>-->
<form action="{{url_for('buscador_trauma')}}" method="post">
<div class="input-container">
<div class="text">
<img src="{{ user_image7 }}" alt="" width="5%;" onclick="location.href='/especialidad'">
<p class="text2">Cambiar especialidad</p>
</div>
</div>
</form>
<br>
<br>
</body>
</html> |