-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (57 loc) · 3.67 KB
/
index.html
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Calculadora de IMC</title>
<meta property="og:image" content="img/Calculadora-IMC.jpeg">
<meta name="description" content="Calculadora de IMC">
<link rel="icon" type="image/jpeg" sizes="244x244" href="assets/img/Calculadora-IMC.jpeg">
<link rel="icon" type="image/jpeg" sizes="244x244" href="assets/img/Calculadora-IMC.jpeg">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/styles/styles.css">
</head>
<body style="background: rgb(128,128,128);font-family: Roboto, sans-serif;">
<div class="highlight-blue" style="background: rgba(255,255,255,0);width: 330px;height: 230px;padding-top: 60px;padding-bottom: 60px;">
<div class="container">
<div class="intro">
<h2 class="text-center" style="font-size: 30px;">Calculadora de IMC </h2>
</div>
<div class="buttons"><a class="btn btn-primary" role="button" href="https://github.com/rafaelnpf/Calculadora-IMC" style="color: rgb(255,255,255);background: #222222;padding: 9px 13px;border-style: none;">Sobre</a></div>
</div>
</div>
<div>
<form id="formulario">
<fieldset>
<legend>Calculo de IMC</legend>
<label for="kilos">Kilos:</label>
<input name="kilos" type="text">
<label for="metros">Metros:</label>
<input name="metros" type="text">
<label for="centimetros">Centímetros:</label>
<input name="centimetros" type="text">
<label for="imc">IMC = </label>
<input name="imc" type="text" disabled="disabled">
<a href="#" onclick="calcular();">Calcular</a>
</fieldset>
</form>
</div>
<div class="footer-basic" style="margin: 150px;width: 350px;background: rgb(128,128,128);padding-top: 30px;">
<footer>
<div class="social" style="background: rgb(128,128,128);color: rgb(255,255,255);width: 350px;padding: 10px 10px;border-style: none;"><a href="https://github.com/rafaelnpf" style="background: #222222;padding: 0px;"><i class="icon ion-social-github" style="color: rgb(255,255,255);border-style: none;"></i></a>
<a href="https://www.linkedin.com/in/rafaelnpf/" style="background: #222222;padding: 0px;"><i class="icon ion-social-linkedin" style="color: rgb(255,255,255);"></i></a>
<a href="https://www.instagram.com/rafaelnpf/" style="background: #222222;padding: 0px;"><i class="icon ion-social-instagram" style="color: rgb(255,255,255);"></i></a>
<a href="https://br.pinterest.com/rafaelnpf/" style="background: #222222;padding: 0px;"><i class="icon ion-social-pinterest" style="color: rgb(255,255,255);"></i></a>
<a href="https://open.spotify.com/user/12166927631?si=NqHHBIQ1TKCFewCg-fZiRA" style="background: #222222;padding: 0px;"><i class="fa fa-spotify" style="color: rgb(255,255,255);border-style: none;"></i></a>
</div>
<p class="copyright" style="color: rgb(218,218,218);">Rafael Nunes © 2020</p>
</footer>
</div>
<script src="assets/scripts/jquery.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/scripts/script.js"></script>
</body>
</html>