klik-imt / templates /index.html
otnielptr's picture
Upload 72 files (#1)
4e3d529
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Posyandu</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;600;700&display=swap" rel="stylesheet">
<script src="https://unpkg.com/feather-icons"></script>
<link rel="stylesheet" href="{{ url_for('static', filename= 'css/index.css') }}">
</head>
<body>
<nav class="navbar">
<a href="#" class="navbar-logo">Klik<span> - IMT</span>.</a>
<div class="navbar-nav">
<a href="">Home</a>
<a href="#about">Tentang Kami</a>
<a href="#imt">IMT</a>
<a href="{{ url_for('login') }}" class="cta">Login</a>
</div>
<div class="navbar-extra">
<a href="#" id="hamburger-menu"><i data-feather="menu"></i></a>
</div>
</nav>
<section class="hero" id="home">
<main class="content">
<h1>Ayo Hitung <span>IMT</span></h1>
<p>Untuk Menjaga Gizi Seimbang dan Berat Badan Ideal </p>
<a href="{{ url_for('dashboard') }}" class="cta">Mulai</a>
</main>
</section>
<section id="about" class="about">
<h2>Tentang Kami</h2>
<div class="row">
<div class="about-img">
<img src="{{ url_for('static', filename= 'image/gambar.jpg') }}" alt="Tentang Kami">
</div>
<div class="content">
<h3>KLIK-IMT</h3>
<p>Aplikasi ini akan mempermudah dalam mendeteksi faktor penyebab obesitas pada balita dengan menggunakan perhitungan IMT yang akan dilakukan di posyandu daerah Anda.</p>
<p>Dengan adanya aplikasi ini akan mempermudah kader posyandu dalam mendata balita dalam waktu yang singkat dan lebih efisien. Selain itu, oranag tua juga akan mendapatkan hasil pemeriksaan obesitas secara berkala. KLIK-IMT membantu kader dalam mengetahui faktor penyebah obesitas, sehingga para orang tua faktor penyebab obesitas tidak hanya disebabkan oleh porsi makan yang banyak, namun ada faktor lain yang belum diketahui oleh para orang</p>
<p>Melalui KLIK-IMT akan menambah wawasan orang tua dalam menjaga anaknya sejak dini agar tidak mempunyai catatan obesitas dalam hidupnya</p>
</div>
</div>
</section>
<section id="imt" class="imt">
<h2>IMT (Indeks Masa Tubuh)</h2>
<div class="row">
<div class="imt-img">
<img src="{{ url_for('static', filename= 'image/image1.png') }}" alt="IMT">
</div>
<div class="content">
<h3>Apa itu IMT?</h3>
<p>Indeks Masa Tubuh adalah bentuk alat ukur sederhana untuk mengontrol status gizi. IMT dijadikan sebagai indikator yang paling sering digunakandalam mengukur tingkat populasi overweight dan obesitas. Fakror yang mempengaruhi hasil perhitungan IMT adalah usia, jenis kelamin, genetik, pola makan, dan aktivitas fisik. Minimnya pengetahuan orang tua mengenai faktor penyebab terjadinya obesitas, membuat obesitas hanya didefinisikan kondisi karena banyaknya porsi makanan yang dikonsumsi. Aplikasi ini akan membantu para orang tua dalam mengidentifikasi penyebab obesitas pada balita dengan perhitungan IMT</p>
<p>Perhitungan Indeks Massa Tubuh dapat dilakukan dengan membagi berat badan dalam satuan kilogram dan tinggi badan dalam satuan meter kuadrat. Peningkatan hasil perhitungan IMT menandakan terjadinya peningkatan proporsi massa lemak terhadap massa bebas lemak tubuh.</p>
</div>
</div>
</section>
<script>
feather.replace()
</script>
<script src="{{ url_for('static', filename= 'js/index.js') }}"></script>
</body>
</html>