<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!-- This is a very simple parallax effect achieved by simple CSS 3 multiple backgrounds, made by http://twitter.com/msurguy -->
<!--
* parallax_login.html
* @Author original @msurguy (tw) -> http://bootsnipp.com/snippets/featured/parallax-login-form
* @Tested on FF && CH
* @Reworked by @kaptenn_com (tw)
* @package PARALLAX LOGIN.
-->
<script src="http://mymaplist.com/js/vendor/TweenLite.min.js"></script>
<body>
<div class="container">
<div class="row vertical-offset-100">
<div class="col-md-4 col-md-offset-4">
<div class="panel panel-default">
<div class="panel-heading">
<div class="row-fluid user-row">
<a href="http://www.xpersites.com.br" title="Xpersites Agência Web"><img src="http://www.xpersites.com.br/images/object554312304.png"
class="img-responsive" alt="Conxole Admin" /></a>
</div>
</div>
<div class="panel-body">
<form accept-charset="UTF-8" role="form" class="form-signin">
<fieldset>
<label class="panel-login">
<div class="login_result"></div>
</label> <input class="form-control" placeholder="Nome" id="nome"
name="nome" type="text"><br /> <input
class="form-control" placeholder="Altura" type="text"
id="altura" name="altura"><br /> <input
class="form-control" placeholder="Peso" type="text" id="peso"
name="peso"> <br></br> <input
class="btn btn-lg btn-success btn-block" type="submit"
id="login" value="Calcular »"></br>
<%
String paramAltura = request.getParameter("altura");
paramAltura = paramAltura == null ? "0" : paramAltura;
float altura = Float.parseFloat(paramAltura);
String paramPeso = request.getParameter("peso");
paramPeso = paramPeso == null ? "0" : paramPeso;
float peso = Float.parseFloat(paramPeso);
float imc;
if(altura==0){
imc =0;
}else {
imc = peso/(altura*altura);
}
String status;
if(imc >= 17 && imc<=18.49){
status = "Você Está Abaixo do Peso";
}
else if(imc >= 18.5 && imc<=24.99){
status = "Seu Peso Está Normal";
}
else if(imc >= 25 && imc<=29.99){
status = "Você Está Acima do Peso";
}else{
status= "Sem Calculo";
}
%>
<br> <br>
<h2>
<b>IMC:</b>
<% out.print(imc);%>
<br> RESULTADO:
<% out.print(status); %>
</h2>
</fieldset>
</form>
</div>
</div>
</div>
</div>
</div>
</body>
/**
* parallax.css
* @Author Original @msurguy -> http://bootsnipp.com/snippets/featured/parallax-login-form
* @Reworked By @kaptenn_com
* @package PARALLAX LOGIN.
*/
body {
background-color: #444;
background: url(http://s18.postimg.org/l7yq0ir3t/pick8_1.jpg);
}
.form-signin input[type="text"] {
margin-bottom: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.form-signin .form-control {
position: relative;
font-size: 16px;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
height: auto;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.vertical-offset-100 {
padding-top: 100px;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
margin: auto;
}
.panel {
margin-bottom: 20px;
background-color: rgba(255, 255, 255, 0.75);
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
/**
* parallax.js
* @Author original @msurguy (tw) -> http://bootsnipp.com/snippets/featured/parallax-login-form
* @Tested on FF && CH
* @Reworked by @kaptenn_com (tw)
* @package PARALLAX LOGIN.
*/
$(document).ready(function() {
$(document).mousemove(function(event) {
TweenLite.to($("body"),
.5, {
css: {
backgroundPosition: "" + parseInt(event.pageX / 8) + "px " + parseInt(event.pageY / '12') + "px, " + parseInt(event.pageX / '15') + "px " + parseInt(event.pageY / '15') + "px, " + parseInt(event.pageX / '30') + "px " + parseInt(event.pageY / '30') + "px",
"background-position": parseInt(event.pageX / 8) + "px " + parseInt(event.pageY / 12) + "px, " + parseInt(event.pageX / 15) + "px " + parseInt(event.pageY / 15) + "px, " + parseInt(event.pageX / 30) + "px " + parseInt(event.pageY / 30) + "px"
}
})
})
})