<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>TFG Miguel</title>
<link rel="stylesheet" type="text/css" href="../static/HojaEstilo/estilo.css">
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.7.0/css/all.css' integrity='sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ' crossorigin='anonymous'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script language="JavaScript" type="text/javascript" src="../static/JavaScript/javascriptResultado.js"></script>
</head>
<body>
<div class="cabecera">
<div class="cabeceraTexto">
<h1 class="titulo">Diagnóstico de COVID-19</h1>
<p class="subtitulo">A partir de radiografía de tórax</p>
</div>
<div class="cabeceraImagen">
<img src="../static/imagenes/escudo_uva.png" alt="logo" width="200" height="200">
</div>
</div>
<div class="panelCentral">
<div class="ContenedorImagen">
<img id="imagen" src="{{foto}}" alt ="gradCAM" width="500">
</div>
<div class="resultado">
<p class="nombre">Clase predicha:</p>
<p class="prediccion">{{clase}}</p>
<div class="Volver">
<form id="formVolver" action="/" method="post"></form>
<p class="btnVolver btnEstilo"><i class="fa fa-reply" style="font-size:24px;color:#0190af"></i> Nueva predicción </p>
</div>
</div>
</div>
</body>
</html>