-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (63 loc) · 3.26 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
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/styles.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
</head>
<body>
<nav>
<div class="">
<img src="Logo 2.png" alt="logo-2">
</div>
<ul>
<li><a href="#">Beranda</a></li>
<li><a href="#">Tentang</a></li>
<li><a href="#">Informasi</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</nav>
<div class="main">
<div class="coloumn">
<h2>Kalkulator BMI</h2>
<p>Berat badan ideal adalah impian semua orang.
Tidak hanya memiliki bentuk tubuh yang menunjang penampilan,
berat badan ideal juga menandakan kondisi tubuh yang sehat.
Bagaimana denganmu? Yuk, hitung sekarang di kalkulator BMI.</p>
<div class="form-grup">
<label for="input-berat-badan">input berat(kg)</label>
<input type="text" id="input-berat-badan">
</div>
<div class="form-grup">
<label for="input-usia">input usia(tahun)</label>
<input type="number" id="input-usia">
</div>
<div class="form-grup">
<label for="input-tinggi-badan">input tinggi(cm)</label>
<input type="number" id="input-tinggi-badan">
</div>
<div class="button-submit">
<button type="button" class="btn btn-primary">Button BMI</button>
<button type="button" class="btn btn-secondary">Reset</button>
</div>
</div>
<div class="coloumn">
<header>
<h2>Hasil Perhitungan BMI</h2>
</header>
<section>
<span id="result-bmi">0</span>
<p>Keunggulan fitur
Menghitung berat badan
Menentukan kategori berat badan ideal atau tidak
Mempersiapkan program penurunan berat badan
Kalkulator ini hanya boleh digunakan oleh orang dewasa (wanita hamil atau menyusui tidak boleh mengandalkan pembacaan BMI ini) dan tidak ada tindakan yang harus diambil berdasarkan nilainya selain berkonsultasi dengan orang yang memenuhi syarat seperti dokter.
Kalkulator akan memberi Anda gambaran tentang perbandingan berat badan Anda dengan nilai umum. Indeks Massa Tubuh (atau BMI) dihitung sebagai berat badan Anda (dalam kilogram) dibagi dengan kuadrat tinggi badan Anda (dalam meter) atau BMI = Kg/M2
</p>
</div>
<script src="js\script.js"></script>
</body>
</html>