290 lines
15 KiB
PHP
290 lines
15 KiB
PHP
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>WDBS</title>
|
|
<meta name="description" content="WDBS"/>
|
|
|
|
<!--vendors styles-->
|
|
<link rel="stylesheet" href="{{ asset('landingpage/css/font-awesome.min.css') }}" id="theme-color">
|
|
<link rel="stylesheet" href="{{ asset('landingpage/css/slick.min.css') }}" id="theme-color">
|
|
<link rel="stylesheet" href="{{ asset('landingpage/css/slick-theme.min.css') }}" id="theme-color">
|
|
|
|
<link rel="shortcut icon" type="image/jpg" href="{{ asset('main/assets/images/logos/logo.jpg') }}" />
|
|
<!-- Bootstrap CSS / Color Scheme -->
|
|
<link rel="stylesheet" href="{{ asset('landingpage/css/default.css') }}" id="theme-color">
|
|
</head>
|
|
<body>
|
|
|
|
<!--navigation-->
|
|
<section class="smart-scroll">
|
|
<div class="container-fluid">
|
|
<nav class="navbar navbar-expand-md navbar-dark">
|
|
<button class="navbar-toggler navbar-toggler-right border-0" type="button" data-toggle="collapse"
|
|
data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false"
|
|
aria-label="Toggle navigation">
|
|
<span data-feather="grid"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link page-scroll" href="#features">Features</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link page-scroll" href="#faq">FAQ</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link page-scroll" href="#blog">News</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link page-scroll d-flex flex-row align-items-center" href="{{ route('login') }}">
|
|
Login
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
</section>
|
|
|
|
<!--hero header-->
|
|
<section class="py-7 py-md-0 bg-hero" id="home">
|
|
<div class="container">
|
|
<div class="row vh-md-100">
|
|
<div class="col-md-8 col-sm-10 col-12 mx-auto my-auto text-center">
|
|
<h1 class="heading-black text-capitalize" style="color: #0c045a;">Website Penyedia Data Kasus Bibir Sumbing Indonesia</h1>
|
|
<p class="lead py-3" style="color: #7b89cd">Bibir sumbing adalah kelainan bawaan yang terjadi saat bibir atau langit-langit
|
|
mulut bayi tidak sepenuhnya terbentuk selama perkembangan embrio. Bibir sumbing dapat mempengaruhi
|
|
fungsi bicara dan makan, serta memerlukan perawatan medis seperti operasi untuk diperbaiki.</p>
|
|
<a class="btn btn-primary d-inline-flex flex-row align-items-center" href="{{ route('login') }}" style="background-color: #fdd8ad; color: #000; box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); border-color: #fdd8ad;">
|
|
<em class="mr-2" data-feather="log-in" width="18" height="18"></em>
|
|
Login
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- features section -->
|
|
<section class="pt-6 pb-7 bg-2" id="features">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-8 mr-auto text-left">
|
|
<h2 class="heading-black">Data Lengkap dan Tepat</h2>
|
|
<p class="text-muted lead">Data yang disediakan adalah data-data yang tepat dan layak digunakan untuk
|
|
meningkatkan kebijakan dalam menangani pasien yang memiliki bibir sumbing. Beberapa jenis data bibir sumbing yang kami berikan yaitu:</p>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-5">
|
|
<div class="col-md-8 mr-auto text-left" style="color: #000;">
|
|
<div class="row feature-boxes text-left">
|
|
<div class="col-md-5 box text-center">
|
|
<div class="icon-box box-danger">
|
|
<div class="icon-box-inner">
|
|
<span data-feather="file" width="35" height="35"></span>
|
|
</div>
|
|
</div>
|
|
<h5>Data Pasien</h5>
|
|
<p class="text-muted">Data ini meliputi nama, usia, jenis kelamin, anak keberapa, dll.</p>
|
|
</div>
|
|
<div class="col-md-5 box text-center">
|
|
<div class="icon-box box-primary">
|
|
<div class="icon-box-inner">
|
|
<span data-feather="image" width="35" height="35"></span>
|
|
</div>
|
|
</div>
|
|
<h5>Data Foto Klinis</h5>
|
|
<p class="text-muted">Data ini meliputi foto pre-op, in-op, dan post-op dari pasien bibir sumbing.</p>
|
|
</div>
|
|
<div class="col-md-5 box text-center">
|
|
<div class="icon-box box-primary">
|
|
<div class="icon-box-inner">
|
|
<span data-feather="layout" width="35" height="35"></span>
|
|
</div>
|
|
</div>
|
|
<h5>Data Operasi</h5>
|
|
<p class="text-muted">Data ini meliputi nama operator, teknik operasi yang digunakan, lokasi operasi, dll.</p>
|
|
</div>
|
|
<div class="col-md-5 box text-center">
|
|
<div class="icon-box box-danger">
|
|
<div class="icon-box-inner">
|
|
<span data-feather="edit-3" width="35" height="35"></span>
|
|
</div>
|
|
</div>
|
|
<h5>Riwayat Kesehatan</h5>
|
|
<p class="text-muted">Data ini meliputi riwayat keluarga pasien, riwayat kehamilan ibu, dll.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!--faq section-->
|
|
<section class="py-7 bg-3" id="faq">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6 ml-auto text-right">
|
|
<h2>Frequently asked questions</h2>
|
|
<p class="text-muted lead">Berikut adalah jawaban dari beberapa FAQ.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-5">
|
|
<div class="col-md-5 ml-auto">
|
|
<div class="row">
|
|
<div class="col-md-6 mb-5">
|
|
<h6>Bagaimana cara untuk berkontribusi data?</h6>
|
|
<p class="text-muted">Pertama, pastikan anda telah memiliki akun. Lalu, data dapat diberikan kepada panitia untuk dilakukan verifikasi terlebih dahulu. Setelah proses verifikasi selesai, maka operator akan publish data anda ke website.</p>
|
|
</div>
|
|
<div class="col-md-6 mb-5">
|
|
<h6>Bagaimana cara mengakses data?</h6>
|
|
<p class="text-muted">Untuk mengakses data, maka anda harus login menggunakan akun anda. Jika belum memiliki akun, anda perlu mendaftar terlebih dahulu.</p>
|
|
</div>
|
|
<div class="col-md-6 mb-5">
|
|
<h6>Bagaimana cara mendaftar akun?</h6>
|
|
<p class="text-muted">Untuk melakukan pendaftaran, anda harus kontak pihak administrasi kami. Selain itu, anda perlu mengisi formulir pendaftaran sesuai yang diminta oleh pihak administrasi.</p>
|
|
</div>
|
|
<div class="col-md-6 mb-5">
|
|
<h6>Apa saja yang diberikan untuk pengguna biasa?</h6>
|
|
<p class="text-muted">Pengguna biasa hanya dapat melihat data-data kasus bibir sumbing pasien.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-4">
|
|
<div class="col-md-6 mx-auto text-center" style="color: #003346;">
|
|
<h5 class="mb-4">Ingin bertanya langsung?</h5>
|
|
<a href="#" class="btn btn-primary">Kontak Kami</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!--news section-->
|
|
<section class="py-7 bg-4" id="blog">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-7 mx-auto text-center">
|
|
<h2 class="heading-black" style="color: #002a64;">Berita Terbaru</h2>
|
|
<p class="lead" style="color: #375681;">Lihat berita-berita atau penelitian terbaru terkait bibir sumbing.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row mt-5">
|
|
<div class="col-md-4">
|
|
<div class="card">
|
|
<a href="#">
|
|
<img class="card-img-top img-raised" src="{{ asset('landingpage/img/blog-1.png') }}" alt="Blog 1">
|
|
</a>
|
|
<div class="card-body">
|
|
<a href="https://www.sciencedirect.com/science/article/pii/S0901502723001947" target="_blank" class="card-title mb-2"><h5>Healthcare use and direct medical costs in a cleft lip and palate population: an analysis of observed and protocolized care and costs</h5></a>
|
|
<p class="small-xl mb-2">April 2024</p>
|
|
<p class="card-text">Studi ini menganalisis pemanfaatan layanan kesehatan dan biaya untuk
|
|
pasien dengan bibir sumbing dan langit-langit sumbing unilateral, menunjukkan bahwa
|
|
biaya yang diamati melebihi biaya protokol yang diharapkan karena prosedur opsional,
|
|
dengan rawat inap dan operasi menjadi penyebab biaya utama, dan menerapkan Standar Set ICHOM
|
|
mengakibatkan peningkatan 7% dalam biaya berbasis protokol.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card">
|
|
<a href="#">
|
|
<img class="card-img-top img-raised" src="{{ asset('landingpage/img/blog-2.png') }}" alt="Blog 2">
|
|
</a>
|
|
<div class="card-body">
|
|
<a href="https://www.sciencedirect.com/science/article/pii/S0901502724000973" target="_blank" class="card-title mb-2"><h5>Comparison of two surgical protocols for the treatment of unilateral cleft lip and palate: a multidisciplinary systematic review and meta-analysis</h5></a>
|
|
<p class="small-xl mb-2">April 2024</p>
|
|
<p class="card-text">Studi ini membandingkan hasil pasien dari protokol Oslo dengan
|
|
protokol penutupan palatal keras tertunda untuk bibir sumbing unilateral, menunjukkan
|
|
bahwa meskipun hasil sagital maksilofasial jangka panjang serupa, protokol Oslo cenderung
|
|
memiliki tingkat yang lebih rendah dari fistula oronasal, dengan hasil secara keseluruhan
|
|
mendukung protokol Oslo.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card">
|
|
<a href="#">
|
|
<img class="card-img-top img-raised" src="{{ asset('landingpage/img/blog-3.png') }}" alt="Blog 3">
|
|
</a>
|
|
<div class="card-body">
|
|
<a href="https://www.sciencedirect.com/science/article/pii/S2319417023000641" target="_blank" class="card-title mb-2"><h5>LAMA5: A new pathogenic gene for non-syndromic cleft lip with or without cleft palate</h5></a>
|
|
<p class="small-xl mb-2">April 2024</p>
|
|
<p class="card-text">Studi ini menunjukkan bahwa penurunan ekspresi LAMA5 menyebabkan celah
|
|
palatal pada mencit dengan menghambat proliferasi sel palatal dan mempromosikan apoptosis,
|
|
serta mungkin tidak terlibat dalam EMT, sementara juga mengganggu jalur sinyal SHH.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!--footer-->
|
|
<footer class="py-6" style="color: #003245;">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-5 mr-auto">
|
|
<h5>About Us</h5>
|
|
<p class="text-muted">Penyedia data kasus bibir sumbing.</p>
|
|
<ul class="list-inline social social-sm">
|
|
<li class="list-inline-item">
|
|
<a href=""><i class="fa fa-facebook"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href=""><i class="fa fa-twitter"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href=""><i class="fa fa-google-plus"></i></a>
|
|
</li>
|
|
<li class="list-inline-item">
|
|
<a href=""><i class="fa fa-dribbble"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<h5>Partner</h5>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#">Affiliates</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<h5>Legal</h5>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#">Privacy</a></li>
|
|
<li><a href="#">Terms</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-2">
|
|
<h5>Help</h5>
|
|
<ul class="list-unstyled">
|
|
<li><a href="#">Support</a></li>
|
|
<li><a href="#">Log in</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!--scroll to top-->
|
|
<div class="scroll-top">
|
|
<i class="fa fa-angle-up" aria-hidden="true"></i>
|
|
</div>
|
|
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<!-- <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
|
|
<script src="https://maxcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.7.3/feather.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script> -->
|
|
|
|
<script src="{{ asset('landingpage/js/jquery-3.2.1.min.js') }}"></script>
|
|
<script src="{{ asset('landingpage/js/popper.min.js') }}"></script>
|
|
<script src="{{ asset('landingpage/js/bootstrap.min.js') }}"></script>
|
|
<script src="{{ asset('landingpage/js/feather.min.js') }}"></script>
|
|
<script src="{{ asset('landingpage/js/slick.min.js') }}"></script>
|
|
<script src="{{ asset('landingpage/js/scripts.js') }}"></script>
|
|
|
|
</body>
|
|
</html> |