509 lines
27 KiB
PHP
509 lines
27 KiB
PHP
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<title>Landy: Bootstrap 4 landing page template by Bootstrapious.com</title>
|
||
<meta name="description" content="">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<meta name="robots" content="all,follow">
|
||
<!-- Bootstrap CSS-->
|
||
<link rel="stylesheet" href="https://d19m59y37dris4.cloudfront.net/landy/1-0/vendor/bootstrap/css/bootstrap.min.css">
|
||
<!-- Font Awesome CSS-->
|
||
<link rel="stylesheet" href="https://d19m59y37dris4.cloudfront.net/landy/1-0/vendor/font-awesome/css/font-awesome.min.css">
|
||
<!-- Custom Font Icons CSS-->
|
||
<link rel="stylesheet" href="https://d19m59y37dris4.cloudfront.net/landy/1-0/css/landy-iconfont.css">
|
||
<!-- Google fonts - Open Sans-->
|
||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800">
|
||
<!-- owl carousel-->
|
||
<link rel="stylesheet" href="https://d19m59y37dris4.cloudfront.net/landy/1-0/vendor/owl.carousel/assets/owl.carousel.css">
|
||
<link rel="stylesheet" href="https://d19m59y37dris4.cloudfront.net/landy/1-0/vendor/owl.carousel/assets/owl.theme.default.css">
|
||
<!-- theme stylesheet-->
|
||
<link rel="stylesheet" href="https://d19m59y37dris4.cloudfront.net/landy/1-0/css/style.default.css" id="theme-stylesheet">
|
||
<!-- Custom stylesheet - for your changes-->
|
||
<link rel="stylesheet" href="https://d19m59y37dris4.cloudfront.net/landy/1-0/css/custom.css">
|
||
<!-- Favicon-->
|
||
<link rel="shortcut icon" href="favicon.png">
|
||
<!-- Tweaks for older IEs--><!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
|
||
</head>
|
||
<body>
|
||
<!-- navbar-->
|
||
<header class="header">
|
||
<nav class="navbar navbar-expand-lg fixed-top"><a href="index.html" class="navbar-brand">CAT HEALTH</a>
|
||
<button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right"><span></span><span></span><span></span></button>
|
||
<div id="navbarSupportedContent" class="collapse navbar-collapse">
|
||
<ul class="navbar-nav ml-auto align-items-start align-items-lg-center">
|
||
<li class="nav-item"><a href="#beranda" class="nav-link link-scroll">Beranda</a></li>
|
||
<li class="nav-item"><a href="#beranda" class="nav-link link-scroll">Tentang Kami</a></li>
|
||
<li class="nav-item"><a href="#galeri" class="nav-link link-scroll">Galeri</a></li>
|
||
<li class="nav-item"><a href="#informasipenyakit" class="nav-link link-scroll">informasi Penyakit</a></li>
|
||
<li class="nav-item"><a href="text.html" class="nav-link">Text Page</a></li>
|
||
</ul>
|
||
<div class="navbar-text">
|
||
<!-- Button trigger modal--><a href="#" data-toggle="modal" data-target="#exampleModal" class="btn btn-primary navbar-btn btn-shadow btn-gradient">Sign Up</a>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
<!-- Modal-->
|
||
<div id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" class="modal fade">
|
||
<div role="document" class="modal-dialog">
|
||
<div class="modal-content">
|
||
<div class="modal-header">
|
||
<h5 id="exampleModalLabel" class="modal-title">Sign Up Modal</h5>
|
||
<button type="button" data-dismiss="modal" aria-label="Close" class="close"><span aria-hidden="true">×</span></button>
|
||
</div>
|
||
<div class="modal-body">
|
||
<form id="signupform" action="#">
|
||
<div class="form-group">
|
||
<label for="fullname">Full Name</label>
|
||
<input type="text" name="fullname" placeholder="Full Name" id="fullname">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="username">User Name</label>
|
||
<input type="text" name="username" placeholder="User Name" id="username">
|
||
</div>
|
||
<div class="form-group">
|
||
<label for="email">Email Address</label>
|
||
<input type="text" name="email" placeholder="Email Address" id="email">
|
||
</div>
|
||
<div class="form-group">
|
||
<button type="submit" class="submit btn btn-primary btn-shadow btn-gradient">Signup</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Beranda -->
|
||
<section id="beranda" class="beranda bg-gray">
|
||
<div class="container">
|
||
<div class="row align-items-center">
|
||
<div class="col-lg-6 order-lg-1 text-center">
|
||
<img src="https://gerava.com/wp-content/uploads/2019/10/Gambar-Kucing-Persia-anakan.jpg" alt="..." class="img-fluid">
|
||
</div>
|
||
<div class="col-lg-6 order-lg-2">
|
||
<h2 class="text-center">SELAMAT DATANG DI WEBSITE SISTEM PAKAR DUGAAN PENYAKIT PADA KUCING CAT HEALTH</h2>
|
||
<p class="lead" style="text-align: justify;">Cat Health merupakan situs website yang dirancang untuk membantu pemilik kucing dalam memberikan informasi penyakit pada kucing, membantu memberikan dugaan penyakit yang menyerang kucing melalui pemilihan gejala sesuai yang dialami, memberikan solusi penanganan penyakit dan pencegahan yang dapat dilakukan untuk meminimalisir penyakit tersebut.</p>
|
||
<a href="#" class="btn btn-primary btn-shadow btn-gradient">Analisis Dugaan</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!--Galeri Kucing-->
|
||
<section id="galeri" class="galeri bg-primary">
|
||
<div class="container text-center">
|
||
<header>
|
||
<h2>Galeri Kucing</h2>
|
||
<div class="row">
|
||
<p class="lead col-lg-8 mx-auto">Menurut data pada Gramedia Blog, terdapat 16 jenis-jenis kucing peliharaan populer</p>
|
||
<p class="lead col-lg-8 mx-auto"><a href="https://www.gramedia.com/best-seller/jenis-kucing/" target="_blank">Lihat lebih lanjut di sini</a></p>
|
||
|
||
</div>
|
||
</header>
|
||
<!-- Grid Bagian Pertama -->
|
||
<div class="grid row">
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124058/kucing-domestik-kampung.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Domestik</h3>
|
||
<p>Jenis kucing domestik lebih populer dikenal dengan nama kucing kampung, jenis kucing ini mudah untuk dipelihara.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124228/Kucing-Persia.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Persia</h3>
|
||
<p>Kucing persia memiliki kepala dan dahi yang bulat lebar dan telinga kecil yang ujungnya membulat.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124301/kucing-anggora.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Anggora</h3>
|
||
<p>Kucing Anggora memiliki ciri khas pada bentuk kepalanya yang segitiga berbulu lebat menyerupai singa dengan hidung yang lebih mancung dari kucing jenis lainnya. </p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124338/Kucing-Siam.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Siam</h3>
|
||
<p>Kucing Siam merupakan jenis kucing dengan ras oriental yang populer di Thailand dan paling terkenal dari semua jenis kucing pedigree.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124414/Kucing-Ragdoll.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Ragdoll</h3>
|
||
<p>Kucing Ragdoll merupakan jenis kucing asal Amerika Serikat dengan nama asli Ragdoll yang diambil dari sifatnya yang jinak layaknya sebuah boneka.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124524/Kucing-Maine-Coon.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Maine Coon</h3>
|
||
<p>Maine Coon merupakan hasil persilangan antara kucing domestik bulu pendek dengan kucing luar negeri berbulu panjang.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124556/Kucing-Sphynx.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Sphynx</h3>
|
||
<p>Kucing Sphynx adalah salah satu jenis kucing yang unik karena hampir tidak memiliki bulu sama sekali.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124629/Kucing-Russian-Blue.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Russian Blue</h3>
|
||
<p>Kucing jenis ini memiliki bulu yang anggun dan mata hijau yang berkilau.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124658/Kucing-Bengal.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Bengal</h3>
|
||
<p>Kucing Bengal sebenarnya adalah campuran dari berbagai ras kucing seperti Abyssinian, American Shorthair, Burmese, Egyptian Mau dan Asian Leopard.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124732/Kucing-Munchkin.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Munchkin</h3>
|
||
<p>Munchkin memiliki ciri khas bentuk tubuh yang unik, yakni tubuh mungil meskipun usianya sudah dewasa.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124802/Kucing-British-Shorthair.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing British Shorthair</h3>
|
||
<p>British Shorthair dikenal dengan ras kucing Inggris tertua dan kemampuan berburunya.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124831/Kucing-American-Shorthair.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing American Shorthair</h3>
|
||
<p>Karakter tubuhnya berbadan besar dengan keseimbangan yang baik dan kaki lurus yang pendek.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124857/Kucing-Scottish-Fold.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Scottish Fold</h3>
|
||
<p>Scottish Fold adalah jenis kucing yang terkenal karena memiliki karakteristik tubuh yang unik, yakni bentuk telinga yang terlipat.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08124929/Kucing-Balinese.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Balinese</h3>
|
||
<p>Kucing Balinese memiliki karakteristik tubuh yang panjang karena berasal dari keluarga Kucing Oriental seperti keluarga Kucing Siam.</p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08125002/Kucing-Japanese-Bobtail.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Japanese Bobtail</h3>
|
||
<p>Kucing Japanese Bobtail memiliki bentuk ekor yang bundel, berasal dari Jepang sesuai namanya yang sudah ada di negara tersebut sejak ribuan abad lalu. </p>
|
||
</div>
|
||
<div class="item col-lg-4 col-md-6">
|
||
<div class="icon">
|
||
<img src="https://cdnwpseller.gramedia.net/wp-content/uploads/2021/07/08125036/Kucing-Singapura.jpg" alt="Image" class="img-fluid">
|
||
</div>
|
||
<h3 class="h5">Kucing Singapura</h3>
|
||
<p>kucing ini adalah kombinasi dari kucing dua corak ticked-coated dan keturunan warna coklat tua di Asia Tenggara.</p>
|
||
</div>
|
||
</div>
|
||
<!-- Tombol untuk Menggeser Grid Row -->
|
||
<div class="row mt-4">
|
||
<div class="col-lg-12">
|
||
<button id="prevBtn" class="btn btn-primary mr-2" onclick="prevPage()" disabled>< Prev</button>
|
||
<button id="nextBtn" class="btn btn-primary" onclick="nextPage()">Next ></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- Bootstrap JS -->
|
||
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
|
||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
|
||
|
||
<script>
|
||
// Data grid pertama
|
||
var currentPage = 1;
|
||
var itemsPerPage = 6;
|
||
var totalItems = 16;
|
||
|
||
function showItems(page) {
|
||
var startIndex = (page - 1) * itemsPerPage;
|
||
var endIndex = Math.min(startIndex + itemsPerPage, totalItems);
|
||
var items = document.querySelectorAll('.item');
|
||
|
||
items.forEach(function(item, index) {
|
||
if (index >= startIndex && index < endIndex) {
|
||
item.style.display = 'block';
|
||
} else {
|
||
item.style.display = 'none';
|
||
}
|
||
});
|
||
|
||
// Atur ketersediaan tombol prev dan next
|
||
document.getElementById('prevBtn').disabled = page === 1;
|
||
document.getElementById('nextBtn').disabled = page === Math.ceil(totalItems / itemsPerPage);
|
||
}
|
||
|
||
function prevPage() {
|
||
currentPage--;
|
||
showItems(currentPage);
|
||
}
|
||
|
||
function nextPage() {
|
||
currentPage++;
|
||
showItems(currentPage);
|
||
}
|
||
|
||
// Menampilkan halaman pertama saat halaman dimuat
|
||
showItems(currentPage);
|
||
</script>
|
||
|
||
<!--Penyakit-->
|
||
<section id="informasipenyakit" class="informasipenyakit">
|
||
<div class="container">
|
||
<h2 class="text-center mb-5">Informasi Penyakit</h2>
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-4">
|
||
<div class="item-holder">
|
||
<div class="text text-center">
|
||
<p><a href="#" onclick="showDetail('FelineInfectiousPeritonitis'); return false;">Feline Infectious Peritonitis</a></p>
|
||
<p><a href="#" onclick="showDetail('Panleukopenia'); return false;">Panleukopenia</a></p>
|
||
<p><a href="#" onclick="showDetail('Calicivirus'); return false;">Calicivirus</a></p>
|
||
<p><a href="#" onclick="showDetail('Rhinotracheitis'); return false;">Rhinotracheitis</a></p>
|
||
<p><a href="#" onclick="showDetail('Chlamydia'); return false;">Chlamydia</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="item-holder">
|
||
<div class="text text-center">
|
||
<p><a href="#" onclick="showDetail('Cacingan'); return false;">Cacingan</a></p>
|
||
<p><a href="#" onclick="showDetail('Jamur'); return false;">Jamur</a></p>
|
||
<p><a href="#" onclick="showDetail('EarMites'); return false;">Ear Mites</a></p>
|
||
<p><a href="#" onclick="showDetail('KutuatauPinjal'); return false;">Kutu Atau Pinal</a></p>
|
||
<p><a href="#" onclick="showDetail('Konstipasi'); return false;">Konstipasi</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-4">
|
||
<div class="item-holder">
|
||
<div class="text text-center">
|
||
<p><a href="#" onclick="showDetail('FelineLeukemiaVirus'); return false;">Feline Leukemia Virus</a></p>
|
||
<p><a href="#" onclick="showDetail('Flutd'); return false;">Flutd</a></p>
|
||
<p><a href="#" onclick="showDetail('Scabiosis'); return false;">Scabiosis</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Bagian card keterangan penyakit -->
|
||
<div id="penyakitDetails">
|
||
<div id="FelineInfectiousPeritonitis" class="card" style="display: none;">
|
||
<h3>Feline Infectious Peritonitis</h3>
|
||
<p>Feline infectious peritonitis merupakan penyakit umum yang disebabkan oleh
|
||
anggota kelompok coronavirus. Penularan penyakit ini terjadi melalui interaksi
|
||
langsung antara kucing, namun memerlukan kontak fisik yang berkelanjutan.
|
||
Kucing yang terpapar mengembangkan penyakit fatal sekunder yang dikenal FIP.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="Panleukopenia" class="card" style="display: none;">
|
||
<h3> Panleukopenia</h3>
|
||
<p>Panleukopenia disebabkan oleh virus parvovirus felin (FPV) adalah penyebab
|
||
utama kematian pada kucing. Virus ini disebarkan melalui kontak langsung
|
||
dengan hewan yang terinfeksi atau sekresi mereka seperti piring makanan, tempat
|
||
tidur, kotak sampah, dan pakaian atau tangan orang yang merawat kucing yang
|
||
terinfeksi.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="Calicivirus" class="card" style="display: none;">
|
||
<h3>Calicivirus</h3>
|
||
<p>Calicivirus pada kucing adalah penyakit yang disebabkan oleh virus calicivirus
|
||
felin (FCV). FCV menyebar melalui air liur, ingus, dan air mata kucing yang
|
||
terinfeksi, serta melalui benda-benda yang terkontaminasi oleh virus. Calicivirus
|
||
pada kucing dapat menyebabkan beberapa jenis penyakit, termasuk
|
||
gingivostomatitis feline (GS), yang menyebabkan inflamasi pada gusi, mulut, dan
|
||
tenggorokan kucing. Infeksi FCV juga dapat menyebabkan pneumonia,
|
||
peradangan pada mata dan sendi, dan menyebabkan kucing mengalami kejang.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="Rhinotracheitis" class="card" style="display: none;">
|
||
<h3>Rhinotracheitis</h3>
|
||
<p>Rhinotracheitis disebabkan oleh virus herpesvirus felin tipe 1 (FHV-1) adalah
|
||
salah satu masalah penyakit menular yang paling umum. Gejala yang terlihat
|
||
seperti demam, nafsu makan menurun dan flu yang berkelanjutan leleran kental
|
||
pada hidung, terkadang terjadi pembengkakan pada sekitar tenggorokan.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="Chlamydia" class="card" style="display: none;">
|
||
<h3>Chlamydia</h3>
|
||
<p>RChlamydia pada kucing disebabkan oleh bakteri Chlamydia psittaci. Chlamydia
|
||
dianggap sebagai penyebab utama penyakit saluran pernapasan. Tanda klinis
|
||
utama adalah konjungtivitis dengan debit yang akan berubah dari serosa menjadi
|
||
purulen. Bentuk pernafasan penyakit kadang-kadang terlihat, biasanya sekunder
|
||
akibat infeksi saluran pernapasan bagian atas.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="Cacingan" class="card" style="display: none;">
|
||
<h3>Cacingan</h3>
|
||
<p>Cacingan pada kucing adalah kondisi yang disebabkan oleh keberadaan cacing di
|
||
dalam tubuh kucing. Cacing dapat masuk ke dalam tubuh kucing melalui
|
||
konsumsi makanan yang terkontaminasi atau melalui gigitan serangga yang
|
||
terinfeksi cacing.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="Jamur" class="card" style="display: none;">
|
||
<h3>Jamur</h3>
|
||
<p>Penyakit jamur dapat dibagi menjadi dua kategori Yaitu jamur yang hanya
|
||
mempengaruhi kulit atau selaput lendir, seperti kurap, sariawan dan jamur yang
|
||
menyebar luas melibatkan hati, paru-paru, otak, dan organ lainnya, dalam hal ini
|
||
penyakit jamur bersifat sistemik. Penyakit sistemik disebabkan oleh jamur yang
|
||
hidup di tanah dan bahan organik.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="EarMites" class="card" style="display: none;">
|
||
<h3>Ear Mites</h3>
|
||
<p>Infeksi ear mite disebabkan oleh serangga kecil yang hidup di saluran telinga dan
|
||
mencari makannya dengan cara menusuk kulit kucing. gejala yang umum terjadi
|
||
adalah gatal yang hebat ditandai dengan goresan atau luka disekitar telinga,
|
||
terkadang terdapat aroma kurang enak di daerah telinga, wax telinga lebih banyak
|
||
dari biasanya bisa berwarna hitam kecoklatan atau kekuningan.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="KutuatauPinjal" class="card" style="display: none;">
|
||
<h3>Kutu atau Pinjal</h3>
|
||
<p>Kutu atau pinjal adalah parasit luar yang menempel pada kulit kucing dan
|
||
menghisap darah untuk hidup. Gejala yang sering dialami pada kucing adalah
|
||
gatal-gatal terlihat parasit di sekitar punggung atau bagian tubuh lainnya,
|
||
kehilangan berat badan.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="Konstipasi" class="card" style="display: none;">
|
||
<h3>Konstipasi</h3>
|
||
<p>Konstipasi adalah bagian yang jarang dari kotoran kecil yang keras dan kering.
|
||
Gejala yang terjadi adalah kehilangan nafsu makan, kesulitan buang air besar,
|
||
perut membesar dan teraba keras. Kucing gemuk lebih cenderung menderita
|
||
konstipasi, sembelit kronis karena hasil dalam pembesaran, lamban, kolon
|
||
berkontraksi yang buruk, sebuah kondisi yang disebut megacolon.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="FelineLeukemiaVirus" class="card" style="display: none;">
|
||
<h3>Feline Leukemia Virus</h3>
|
||
<p>Feline Leukemia Virus (FeLV) Virus yang banyak menimbulkan kematian pada
|
||
kucing. Virus ini ditularkan dari satu kucing ke kucing lain dari air liur yang
|
||
terinfeksi, berbagi mangkuk air atau makanan, dan gigitan kucing, dapat
|
||
ditularkan dari urin dan kotoran.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="Flutd" class="card" style="display: none;">
|
||
<h3>Flutd</h3>
|
||
<p>FLUTD juga disebut feline urologic syndrome (FUS) Kelainan yang paling umum
|
||
terjadi pada saluran kencing bawah pada kucing. Lebih rendah Saluran kencing
|
||
adalah kandung kemih, sfingter kandung kemih, dan uretra. Karena itu, Kondisi
|
||
yang mempengaruhi salah satu organ ini bisa menyebabkan FLUTD. Sistitis,
|
||
artinya Peradangan kandung kemih, adalah istilah lain yang biasa digunakan, tapi
|
||
seharusnya begitu khusus diperuntukkan bagi kondisi yang hanya mempengaruhi
|
||
kandung kemih.</p>
|
||
</div>
|
||
</div>
|
||
<div id="penyakitDetails">
|
||
<div id="Scabiosis" class="card" style="display: none;">
|
||
<h3>Scabiosis</h3>
|
||
<p>Scabiosis adalah penyakit kulit yang tidak biasa yang disebabkan oleh tungau
|
||
notoedres cati. Gejala yang dialami adalah gatal di sekitar kaki telinga dan ujung
|
||
hidung dengan rambut rontok. Karena goresan terus menerus, Penebalan kulit
|
||
Mati di sekitar kaki, telinga dan ujung hidung dengan intens menggaruk, luka
|
||
menjadi infeksi. Rasa gatal disebabkan oleh tungau yang bertelur di beberapa
|
||
milimeter bawah kulit.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- JavaScript -->
|
||
<script>
|
||
// Fungsi untuk menampilkan card keterangan penyakit yang sesuai dengan id
|
||
function showDetail(penyakitId) {
|
||
// Semua card penyakit disembunyikan terlebih dahulu
|
||
var penyakitCards = document.querySelectorAll(".card");
|
||
penyakitCards.forEach(function(card) {
|
||
card.style.display = "none";
|
||
});
|
||
// Kemudian, card penyakit yang sesuai dengan id ditampilkan
|
||
var selectedPenyakit = document.getElementById(penyakitId);
|
||
selectedPenyakit.style.display = "block";
|
||
}
|
||
</script>
|
||
<div class="copyrights">
|
||
<div class="container">
|
||
<div class="row">
|
||
<div class="col-md-7">
|
||
<p>© 2017 Landy.com. All rights reserved. </p>
|
||
</div>
|
||
<div class="col-md-5 text-right">
|
||
<p>Template By <a href="https://bootstrapious.com/" class="external">Bootstrapious</a> </p>
|
||
<!-- Please do not remove the backlink to Bootstrapious unless you support us at http://bootstrapious.com/donate. It is part of the license conditions. Thanks for understanding :) -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
<div id="style-switch" class="collapse">
|
||
<h4 class="text-uppercase">Select theme colour</h4>
|
||
<form class="mb-3">
|
||
<select name="colour" id="colour" class="form-control">
|
||
<option value="">select colour variant</option>
|
||
<option value="default">blue</option>
|
||
<option value="pink">pink</option>
|
||
<option value="green">green</option>
|
||
<option value="violet">violet</option>
|
||
<option value="red">red</option>
|
||
<option value="sea">sea</option>
|
||
</select>
|
||
</form>
|
||
<p><img src="https://d19m59y37dris4.cloudfront.net/landy/1-0/img/template-mac.png" alt="" class="img-fluid"></p>
|
||
<p class="text-muted text-small">Stylesheet switching is done via JavaScript and can cause a blink while page loads. This will not happen in your production code.</p>
|
||
</div>
|
||
<!-- Javascript files-->
|
||
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
|
||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"> </script>
|
||
<script src="https://d19m59y37dris4.cloudfront.net/landy/1-0/vendor/bootstrap/js/bootstrap.min.js"></script>
|
||
<script src="https://d19m59y37dris4.cloudfront.net/landy/1-0/vendor/jquery.cookie/jquery.cookie.js"> </script>
|
||
<script src="https://d19m59y37dris4.cloudfront.net/landy/1-0/vendor/owl.carousel/owl.carousel.min.js"></script>
|
||
<script src="https://d19m59y37dris4.cloudfront.net/landy/1-0/js/front.js"></script>
|
||
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID.-->
|
||
<!---->
|
||
<script>
|
||
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
|
||
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
|
||
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
|
||
e.src='//www.google-analytics.com/analytics.js';
|
||
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
|
||
ga('create','UA-XXXXX-X');ga('send','pageview');
|
||
</script>
|
||
</body>
|
||
</html> |