Untitled

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
            <%
           //Capturamos los datos enviados desde el servlet
           String nombres = (request.getAttribute("nombres")).toString();
           String apellidos = (request.getAttribute("apellidos")).toString();
       %>
<style>
* {
  box-sizing: border-box;
}
img {
    max-width: 30%;
    }
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}
</style>
</head>
<body>

<h2>Bienvenido <%=nombres + " " + apellidos%></h2>
<p>How to create side-by-side images with the CSS float property:</p>
<center>
<div class="row">
  <div class="column">
    <img src="img/saldo.png" alt="Snow" style="width:100%">
    <p><a href="saldo.jsp">Ver saldo</a></p>
  </div>
  <div class="column">
    <img src="img/trans.png" alt="Forest" style="width:100%">
    <p> <p><a href="transferencia.jsp">Hacer transferencia transferencia</a></p></p>
  </div>
  <div class="column">
    <img src="img/mov.png" alt="Mountains" style="width:100%">
    <p> <p><a href="movimiento.jsp">Consultar movimentos de cuenta</a></p></p>
  </div>
</div>
</center>
</body>
</html>