| Server IP : 88.223.91.179 / Your IP : 216.73.217.80 Web Server : LiteSpeed System : Linux id-dci-web1986.main-hosting.eu 5.14.0-611.26.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Jan 29 05:24:47 EST 2026 x86_64 User : u686484674 ( 686484674) PHP Version : 8.0.30 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u686484674/domains/idikotabandung.com/public_html/lama/New folder/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Ikatan Dokter Indonesia Bandung</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Roboto:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Medicio - v4.6.0
* Template URL: https://bootstrapmade.com/medicio-free-bootstrap-theme/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
<style>
/* Bounce In */
.hvr-bounce-in {
-webkit-filter: grayscale(0%);
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-filter: grayscale(0%);
-webkit-transform: scale(1.2);
transform: scale(1.1);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
z-index:100;
}
/* Bounce Out */
.hvr-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-filter: grayscale(90%);
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
-webkit-transform: scale(0.8);
-webkit-filter: grayscale(0%);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.container2{
margin-top: 10px;
width:50%;
background: ;
height: 230px;
overflow: hidden;
padding-bottom: 10px;
background-color:rgba(0, 0, 0, 0.2);
margin-bottom:50px;
padding-top: 10px;
}
.container3{
margin-top: 10px;
width:50%;
background:#FFF ;
height: 230px;
overflow: hidden;
padding: 10px;
background-color:rgba(0, 0, 0, 0.2);
margin-bottom:50px;
padding-bottom: 10px;
padding-top: 10px;
}
@media only screen and (max-width: 500px) {
.container2{
width: 75%;
}
.container3{
width:75%;
}
.judul {
font-size: 14px;
}
.responsive img {
max-width:100%;
/*width:100%;*/
height: auto;
}
</style>
<!-- WhatsHelp.io widget -->
<script type="text/javascript">
(function () {
var options = {
whatsapp: "+6287821522214", // WhatsApp number
call_to_action: "Contact Kami", // Call to action
position: "left", // Position may be 'right' or 'left'
};
var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})();
</script>
</head>
<body>
<!-- ======= Top Bar ======= -->
<div id="topbar" class="d-flex align-items-center fixed-top">
<div class="container d-flex align-items-center justify-content-center justify-content-md-between">
<div class="align-items-center d-none d-md-flex">
<i class="bi bi-clock"></i> Office: Senin - Sabtu, 8.00 to 17.00 PM
</div>
<div class="d-flex align-items-center">
<i class="bi bi-phone"></i> Sekr IDI: +62 088 997766 55
</div>
</div>
</div>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center">
<a href="index.html" class="logo me-auto"><img src="assets/img/logo.png" alt=""></a>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <h1 class="logo me-auto"><a href="index.html">Medicio</a></h1> -->
<nav id="navbar" class="navbar order-last order-lg-0">
<ul>
<li><a class="nav-link scrollto " href="#hero">Home</a></li>
<li class="dropdown"><a href="#about"><span>IDI Bandung</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="#">Profil</a></li>
<li><a href="#">Visi Misi</a></li>
<li><a href="#">Struktur Organisasi</a></li>
</ul>
</li>
<li><a class="nav-link scrollto" href="#doctors">Doctors</a></li>
<li class="dropdown"><a href="#departments"><span>Layanan Online</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="#departments">Pengajuan Surat Rekomendasi</a></li>
<li><a href="#departments">Pengajuan Mutasi</a></li>
<li><a href="#departments">Data Praktek Dokter Bandung</a></li>
</ul>
</li>
<li><a class="nav-link scrollto" href="#featured-services">Registrasi</a></li>
<li><a class="nav-link scrollto" href="#contact">Sekertariat</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
<a href="IDI/login.php" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span> Login</a>
</div>
</header><!-- End Header -->
<!-- ======= Hero Section ======= -->
<section id="hero">
<div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">
<ol class="carousel-indicators" id="hero-carousel-indicators"></ol>
<div class="carousel-inner" role="listbox">
<!-- Slide 1 -->
<div class="carousel-item active" style="background-image: url(assets/img/slide/slide-1.jpg)">
<div class="container2">
<center><img class="hvr-bounce-in" src="image/idi2.png" width="120" height="117" data-aos="zoom-in">
</center>
<center> <h3>Welcome to <span></span>IDI BANDUNG</h3> </center>
<center> <p>New Sistem Informasi Digital On Line </p> </center>
</div>
</div>
<!-- Slide 2 -->
<div class="carousel-item" style="background-image: url(assets/img/slide/slide-2.jpg)">
<div class="container3">
<center><img class="hvr-bounce-in" src="image/database.png" >
</center>
<center> <h3>Database System</h3>
<p>Pemutahiran Data Anggota IDI Cabang Bandung</p> </center>
</div>
</div>
<!-- Slide 3 -->
<div class="carousel-item" style="background-image: url(assets/img/slide/slide-3.jpg)">
<div class="container3">
<center><img class="hvr-bounce-in" src="image/target.png" >
</center>
<center> <h3>System Administrasi online</h3>
<p>Pengajuan Permohonan Surat rekomendasi, Mutasi Secara Online.</p></center>
<br>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
</a>
<a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
</a>
</div>
</section><!-- End Hero -->
<main id="main">
<!-- ======= Featured Services Section ======= -->
<section id="featured-services" class="featured-services">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="100">
<center><img class="hvr-bounce-in" src="image/log1.png" width="120" height="120"></center><br>
<center><h4 class="title">Login member</h4></center>
<center><p class="description">Untuk member yang sudah terdaftar dan User aktif</p>
<br>
<a href="IDI/login.php" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span> Login</a></center>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="200">
<center><img class="hvr-bounce-in" src="image/log2.png" width="150" height="120"></center>
<br>
<center> <h4 class="title">Registrasi</h4></center>
<center> <p class="description">Registrasi untuk member IDI Bandung baru </p> </center>
<br>
<center>
<a href="IDI/member/input_member.php" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span> Registrasi</a>
</center>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="300">
<center> <center><img class="hvr-bounce-in" src="image/log3.png" width="120" height="120"></center>
<br>
<center> <h4 class="title">Daftar praktek Dokter</h4>
<p class="description">Informasi Daftar praktek Dokter Bandung</p> </center>
<br>
<center><a href="IDI/member/index.php" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span>Buat Janji Konsul</a></center>
</div>
</div>
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
<div class="icon-box" data-aos="fade-up" data-aos-delay="400">
<center><center><img class="hvr-bounce-in" src="image/log4.png" width="120" height="120"></center>
<br>
<center> <h4 class="title"><a href="">Konsultasi Online</a></h4>
<p class="description">Seputar Informasi Kesehatan dengan ahlinya</p><br> </center>
<center><a href="" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span> Konsultasi Online</a></center>
</div>
</div>
</div>
</div>
</section><!-- End Featured Services Section -->
<!-- ======= Cliens Section ======= -->
<section id="cliens" class="cliens section-bg">
<div class="container">
<center><p>Our Client</p></center>
<hr>
<div class="row" data-aos="zoom-in">
<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
<img class="hvr-bounce-out" src="assets/img/clients/client-1.png" class="img-fluid"width="175" height="125" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
<img class="hvr-bounce-out" src="assets/img/clients/client-2.png" class="img-fluid"width="175" height="125" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
<img class="hvr-bounce-out" src="assets/img/clients/client-3.png" class="img-fluid"width="175" height="125" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
<img class="hvr-bounce-out" src="assets/img/clients/client-4.png" class="img-fluid"width="175" height="125" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
<img class="hvr-bounce-out" src="assets/img/clients/client-5.png" class="img-fluid"width="175" height="125" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
<img class="hvr-bounce-out" src="assets/img/clients/client-6.png" class="img-fluid"width="175" height="125" alt="">
</div>
</div>
</div>
</section><!-- End Cliens Section -->
<!-- ======= Cta Section ======= -->
<section id="cta" class="cta">
<div class="container" data-aos="zoom-in">
<div class="text-center">
<center> <img class="hvr-bounce-in" src="image/hart2.png" width="100" height="72"></center>
<br>
<p> Perlu bantuan Silahkan kontak via WA di kiri bawah atau lihat Flow sbb:</p>
<h4>Alur Sistem Pengajuan Surat rekomendasi Online</h4>
<p> </p>
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center> <img class="hvr-bounce-in" src="image/syarat.png" width="800" height="600" ></center>
</div>
<a class="cta-btn scrollto" href="IDI/login.php">Login</a>
</div>
</div>
</section><!-- End Cta Section -->
<!-- ======= About Us Section ======= -->
<section id="about" class="about">
<center><img src="image/idi.png" width="100" height="100" data-aos="zoom-in" > </center>
<div class="container" data-aos="fade-up">
<br>
<div class="section-title">
<h2>Ikatan Dokter Indonesia Bandung</h2>
<p>Sambutan Ketua IDI Cabang Bandung</p><br>
<center><p> Dengan semakin pesatnya perkembangan Teknologi Informasi dan semakin banyaknya Instansi yang mengembangkan System Informasi secara Digital Online maka untuk lebih meningkatkan efisiensi kinerja dan kemudahan administrasi dalam era digital saat ini, IDI Cabang Bandung akan mengembangkan System Informasi yang terpadu dan secara bertahap akan memulai Migrate dari System manual kedalam system Database yang berbasis WEB Online dengan database yang akan terintegrasi dan dapat memanage kegiatan IDI Bandung, Sebagai Awal pengembangan IDI bandung akan mengembangkan layanan secara Online seperti Pengajuan Surat Rekomendasi, Pengajuan Mutasi dll yang dapat di akses secara dalam System Informasi IDI Cabang Bandung.</p></center>
</div>
<div class="row">
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-in" data-aos-delay="200">
<img src="assets/img/hero-img.png" class="img-fluid animated" alt="">
</div>
<div class="col-lg-6 pt-4 pt-lg-0 content" data-aos="fade-left">
<h4>System Informasi IDI Cab Bandung meliputi:</h4>
<p class="fst-italic">
</p>
<ul>
<li><i class="bi bi-check-circle"></i> Pemutahiran data Angota Anggota IDI.</li>
<li><i class="bi bi-check-circle"></i> Pengajuan Rekomendasi.</li>
<li><i class="bi bi-check-circle"></i> Pengajuan Surat Mutasi.</li>
<li><i class="bi bi-check-circle"></i> Berita & Informasi IDI Bandung.</li>
<li><i class="bi bi-check-circle"></i> Kegiatan Anggota IDI Bandung.</li>
</ul>
<p>
Dengan System Informasi yang sedang dikembangklan ini diharapkan kinerja, waktu dan efisiensi administarsi bisa menjadi lebih efektif lebih cepat proses administrasinya dan IDI cabang Bandung mempunyai database yang aman serta uptodate.
</p>
</div>
</div>
</div>
</section><!-- End About Us Section -->
<!-- ======= Counts Section ======= -->
<section id="counts" class="counts">
<div class="container" data-aos="fade-up">
<div class="row no-gutters">
<div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch">
<div class="count-box">
<i class="fas fa-user-md"></i>
<span data-purecounter-start="0" data-purecounter-end="3000" data-purecounter-duration="1" class="purecounter"></span>
<p><strong>Doctors</strong> Member IDI Bandung</p>
<a href="#">Find out more »</a>
</div>
</div>
<div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch">
<div class="count-box">
<i class="far fa-hospital"></i>
<span data-purecounter-start="0" data-purecounter-end="27" data-purecounter-duration="1" class="purecounter"></span>
<p><strong>Rumah sakit</strong> Kota Bandung</p>
<a href="#">Find out more »</a>
</div>
</div>
<div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch">
<div class="count-box">
<i class="fas fa-flask"></i>
<span data-purecounter-start="0" data-purecounter-end="154" data-purecounter-duration="1" class="purecounter"></span>
<p><strong>Klinik kesehatan</strong> Kota Bandung</p>
<a href="#">Find out more »</a>
</div>
</div>
<div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch">
<div class="count-box">
<i class="fas fa-award"></i>
<span data-purecounter-start="0" data-purecounter-end="639" data-purecounter-duration="1" class="purecounter"></span>
<p><strong>Apotek</strong> Kota Bandung</p>
<a href="#">Find out more »</a>
</div>
</div>
</div>
</div>
</section><!-- End Counts Section -->
<!-- ======= Departments Section ======= -->
<section id="departments" class="departments">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Administrasi Online</h2>
<p>Beberapa layanan Administrasi yg dapat dilakukan secara Online</p>
</div>
<div class="row" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-4 mb-5 mb-lg-0">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-bs-toggle="tab" data-bs-target="#tab-1">
<h4>Surat Rekomendasi</h4>
<p>Perubahan dari Sistem manual ke digital Online</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-2">
<h4>Pengajuan Surat Mutasi</h4>
<p>Voluptas vel esse repudiandae quo excepturi.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-3">
<h4>Data Praktek Dokter</h4>
<p>Velit veniam ipsa sit nihil blanditiis mollitia natus.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-4">
<h4>contact</h4>
<p>Ratione hic sapiente nostrum doloremque illum nulla praesentium id</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-8">
<div class="tab-content">
<div class="tab-pane active show" id="tab-1">
<h3>Tata Cara Pengajuan Surat Rekomendasi Online.</h3>
<p class="fst-italic">Syarat dan ketentuan:</p>
<img src="assets/img/departments-1.jpg" alt="" class="img-fluid" data-aos="zoom-in">
<p>
Pengajuan surat rekomendasi secara online dapat dilakukan dengan cara sbb:<br>
1. Login sebagai member IDI Cab Bandung <br>
2. Isi Form registrasi Data Pengajuan<br>
3. Isi form Tempat Praktek<br>
4. Upload dokumen</p>
</div>
<div class="tab-pane" id="tab-2">
<h3>Pengajuan Surat Mutasi</h3>
<p class="fst-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p>
<img src="assets/img/departments-2.jpg" alt="" class="img-fluid" data-aos="zoom-in">
<p>Et nobis maiores eius. Voluptatibus ut enim blanditiis atque harum sint. Laborum eos ipsum ipsa odit magni. Incidunt hic ut molestiae aut qui. Est repellat minima eveniet eius et quis magni nihil. Consequatur dolorem quaerat quos qui similique accusamus nostrum rem vero</p>
</div>
<div class="tab-pane" id="tab-3">
<h3>Hepatology</h3>
<p class="fst-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p>
<img src="assets/img/departments-3.jpg" alt="" class="img-fluid">
<p>Et nobis maiores eius. Voluptatibus ut enim blanditiis atque harum sint. Laborum eos ipsum ipsa odit magni. Incidunt hic ut molestiae aut qui. Est repellat minima eveniet eius et quis magni nihil. Consequatur dolorem quaerat quos qui similique accusamus nostrum rem vero</p>
</div>
<div class="tab-pane" id="tab-4">
<h3>Pediatrics</h3>
<p class="fst-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p>
<img src="assets/img/departments-4.jpg" alt="" class="img-fluid">
<p>Et nobis maiores eius. Voluptatibus ut enim blanditiis atque harum sint. Laborum eos ipsum ipsa odit magni. Incidunt hic ut molestiae aut qui. Est repellat minima eveniet eius et quis magni nihil. Consequatur dolorem quaerat quos qui similique accusamus nostrum rem vero</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Departments Section -->
<!-- ======= berita Section ======= -->
<!-- ======= Departments Section ======= -->
<section id="departments" class="departments">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h4>Article dan Aktivitas</h4>
<p>Article Seputar Kegiatan IDI Bandung </p>
</div>
<div class="row" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-4 mb-5 mb-lg-0">
<ul class="nav nav-tabs flex-column">
<li class="nav-item">
<a class="nav-link active show" data-bs-toggle="tab" data-bs-target="#tab-11">
<h4><i class="bx bx-cube-alt"> </i> Karya Tulis Ilmiah</h4>
<p>Narasi pembuka - MIRAH 2021 PENGHARGAAN ATAS KARYA TULIS DAN PROPOSAL PENELITIAN Indonesia Medical Innovation Research Award In Hygiene (Indonesia MIRAH 2021) </p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-22">
<h4>Pengajuan Surat Mutasi</h4>
<p>Voluptas vel esse repudiandae quo excepturi.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-33">
<h4>Data Praktek Dokter</h4>
<p>Velit veniam ipsa sit nihil blanditiis mollitia natus.</p>
</a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-44">
<h4>contact</h4>
<p>Ratione hic sapiente nostrum doloremque illum nulla praesentium id</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-8">
<div class="tab-content">
<div class="tab-pane active show" id="tab-11">
<h3>Karya Ilmiah.</h3>
<p class="fst-italic">Syarat dan ketentuan:</p>
<img src="assets/img/kt1.png" alt="" class="img-fluid" data-aos="zoom-in">
<p>
Pengajuan surat rekomendasi secara online dapat dilakukan dengan cara sbb:<br>
1. Login sebagai member IDI Cab Bandung <br>
2. Isi Form registrasi Data Pengajuan<br>
3. Isi form Tempat Praktek<br>
4. Upload dokumen</p>
</div>
<div class="tab-pane" id="tab-22">
<h3>Pengajuan Surat Mutasi</h3>
<p class="fst-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p>
<img src="assets/img/4features.jpg" alt="" class="img-fluid" data-aos="zoom-in">
<p>Et nobis maiores eius. Voluptatibus ut enim blanditiis atque harum sint. Laborum eos ipsum ipsa odit magni. Incidunt hic ut molestiae aut qui. Est repellat minima eveniet eius et quis magni nihil. Consequatur dolorem quaerat quos qui similique accusamus nostrum rem vero</p>
</div>
<div class="tab-pane" id="tab-33">
<h3>Hepatology</h3>
<p class="fst-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p>
<img src="assets/img/departments-3.jpg" alt="" class="img-fluid">
<p>Et nobis maiores eius. Voluptatibus ut enim blanditiis atque harum sint. Laborum eos ipsum ipsa odit magni. Incidunt hic ut molestiae aut qui. Est repellat minima eveniet eius et quis magni nihil. Consequatur dolorem quaerat quos qui similique accusamus nostrum rem vero</p>
</div>
<div class="tab-pane" id="tab-44">
<h3>Pediatrics</h3>
<p class="fst-italic">Qui laudantium consequatur laborum sit qui ad sapiente dila parde sonata raqer a videna mareta paulona marka</p>
<img src="assets/img/departments-4.jpg" alt="" class="img-fluid">
<p>Et nobis maiores eius. Voluptatibus ut enim blanditiis atque harum sint. Laborum eos ipsum ipsa odit magni. Incidunt hic ut molestiae aut qui. Est repellat minima eveniet eius et quis magni nihil. Consequatur dolorem quaerat quos qui similique accusamus nostrum rem vero</p>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Departments Section -->
<section id="features" class="features">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1" data-aos="fade-right">
<div class="icon-box mt-5 mt-lg-0">
<i class="bx bx-receipt"></i>
<h4>News</h4>
<?php
require 'IDI/koneksi.php';
// $row = $konek->query("SELECT * FROM d_praktek order by nmlead") or die(mysqli_error());
$row = $konek->query("SELECT * FROM berita ") or die(mysqli_error());
$no = 1;
$num_char = 250;
while($fetch = $row->fetch_array()){
$text=$fetch['isi_berita'];
?>
<strong> <?php echo $fetch['head']?></strong> -
<?php
$char = $text{$num_char - 1};
while($char != ' ') {
$char = $text{++$num_char}; // Cari spasi pada posisi 51, 52, 53, dst...
}
echo substr($text, 0, $num_char) . '...';
?>
</div>
<div class="image col-lg-6 order-1 order-lg-2" style='background-image: url("");' data-aos= "zoom-in">
<?php
if($fetch['gambar'] <> ''){
?>
<center><img src=assets/img/<?php echo $fetch['gambar']; ?> width="400" height="450" class="img-thumbnail"></center>
<?php
}else{
?>
<center><img src=assets/img/<?php echo $fetch['gambar']; ?>width="400" height="450" class="img-thumbnail">
<p> </p>
</center>
<?php
}
?>
<?php
}
?>
</div>
</div>
</div>
</section><!-- End Features Section -->
<!-- ======= end Section berita ======= -->
<!-- ======= Features Section ======= -->
<section id="features" class="features">
<div class="container" data-aos="fade-up">
<div class="row">
<div class="col-lg-6 order-2 order-lg-1" data-aos="fade-right">
<div class="icon-box mt-5 mt-lg-0">
<i class="bx bx-receipt"></i>
<h4>News</h4>
<p>Terpilihnya dr. Pukovisa Prawiroharjo, SpS(K) sebagai Ketua MKEK Pusat IDI</p>
</div>
<div class="icon-box mt-5">
<i class="bx bx-cube-alt"></i>
<h4>Karya Tulis</h4>
<p>Narasi pembuka - MIRAH 2021 PENGHARGAAN ATAS KARYA TULIS DAN PROPOSAL PENELITIAN Indonesia Medical Innovation Research Award In Hygiene (Indonesia MIRAH 2021) </p>
</div>
<div class="icon-box mt-5">
<i class="bx bx-images"></i>
<h4>Vaksin Sinovac</h4>
<p>Aut suscipit aut cum nemo deleniti aut omnis. Doloribus ut maiores omnis facere</p>
</div>
<div class="icon-box mt-5">
<i class="bx bx-shield"></i>
<h4>Webinar</h4>
<p>GP4GP (Gynecology Practice for General Practitioner) 2021 05 - 12 September 2021 Via Zoom Deskripsi acara: Merujuk pada pentingnya skrining, </p>
</div>
</div>
<div class="image col-lg-6 order-1 order-lg-2" style='background-image: url("assets/img/features.jpg");' data-aos="zoom-in"></div>
</div>
</div>
</section><!-- End Features Section -->
<!-- ======= Services Section ======= -->
<section id="services" class="services services">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Kata Ahli</h2>
<p>Beragam artikel info praktis dan gaya hidup tentang kesehatan yang berguna untuk memperluas wawasan dalam menjaga kesehatan.</p>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="100">
<div class="icon"><i class="fas fa-heartbeat"></i></div>
<h4 class="title"><a href="">Program Kehamilan</a></h4>
<p class="description">Voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="200">
<div class="icon"><i class="fas fa-pills"></i></div>
<h4 class="title"><a href="">Suplemen</a></h4>
<p class="description">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="300">
<div class="icon"><i class="fas fa-hospital-user"></i></div>
<h4 class="title"><a href="">Kecantikan dan Kulit</a></h4>
<p class="description">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="100">
<div class="icon"><i class="fas fa-dna"></i></div>
<h4 class="title"><a href="">Vaksin</a></h4>
<p class="description">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="200">
<div class="icon"><i class="fas fa-wheelchair"></i></div>
<h4 class="title"><a href="">Therapy</a></h4>
<p class="description">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="300">
<div class="icon"><i class="fas fa-notes-medical"></i></div>
<h4 class="title"><a href="">Olahraga dan kebugaran</a></h4>
<p class="description">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
</div>
</div>
</div>
</section><!-- End Services Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials">
<div class="container" data-aos="fade-up">
<center> <img class="hvr-bounce-in" src="image/sport.png"></center>
<br>
<div class="section-title">
<h2>Tips Kesehatan</h2>
<p>Menjaga kesehatan tak selalu harus dilakukan dengan cara rumit. Berikut sejumlah cara sederhana untuk menuju hidup yang lebih sehat melansir Healthline:</p>
</div>
<div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Menjaga makan Isi setengah dari piring dengan sayuran yang tidak mengandung zat tepung. Sayuran tak mengandung zat tepung antara lain bayam dan sayuran berdaun hijau gelap lainnya seperti wortel, brokoli, dan kembang kol. Mengisi setengah piring dengan sayuran non-tepung menjadi cara sederhana untuk membuat diet lebih sehat, karena rendah kalori tapi dikemas dengan nutrisi, serat, dan air. Mengonsumsi rokok, alkohol, hingga obat-obatan terlarang dapat membuat ketagihan sehingga menjadikan seseorang sulit menghindarinya.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>Saul Goodman</h3>
<h4>Ceo & Founder</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Hindari stres Gaya hidup sehat melibatkan diet sehat, kualitas tidur dan olahraga teratur. Stres yang berlebihan dapat meningkatkan kadar kortisol dan sangat merusak metabolisme tubuh. Ini dapat menimbulkan rasa ingin mengonsumsi junk food atau makanan cepat saji, membuat lemak di daerah perut menumpuk, dan meningkatkan risiko berbagai penyakit. Studi juga menunjukkan bahwa stres merupakan kontributor signifikan terhadap depresi, yang merupakan masalah kesehatan masif saat ini. Stres dapat dikurangi dengan berolahraga, berjalan santai di alam, mempraktikkan pernapasan dalam hingga meditasi.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
<h3>Sara Wilsson</h3>
<h4>Designer</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Makan di piring dan mangkuk yang lebih kecil Ukuran piring dapat memengaruhi seberapa banyak makanan yang dikonsumsi. Para ilmuwan menemukan bahwa orang yang makan dari mangkuk saji besar, mengonsumsi 56 persen (142 kalori) lebih banyak makanan daripada orang yang makan dari mangkuk kecil. Sebuah penelitian menemukan bahwa orang yang secara konsisten makan lebih banyak makanan ketika menawarkan porsi dan piring yang lebih besar. Ilusi sederhana makan dari piring kecil dapat membantu merasa puas dengan lebih sedikit mengonsumsi makanan.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
<h3>Jena Karlis</h3>
<h4>Store Owner</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Hindari soda bergula Jika ingin menjadi lebih sehat, coba untuk menghindari minuman manis. Minuman manis tidak mengandung nutrisi penting dan sarat dengan gula. Penelitian menunjukkan bahwa minuman yang dimaniskan dengan gula dapat meningkatkan risiko diabetes tipe 2, penyakit jantung, bahkan kanker. Selain itu, asam dalam minuman ringan juga dapat merusak gigi, terutama jika dikombinasikan dengan gula. Jika mengonsumsi banyak soda, pilih minuman yang lebih sehat seperti air soda tanpa pemanis dengan lemon.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
<h3>Matt Brandon</h3>
<h4>Freelancer</h4>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<p>
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
Olahraga untuk memastikan tubuh, otak, dan hormon berfungsi optimal, menurunkan kadar gula darah dan insulin, meningkatkan kolesterol dan menurunkan trigliserida. Ini juga meningkatkan kadar testosteron dan hormon pertumbuhan. Terlebih lagi, olahraga dapat membantu mengurangi depresi dan risiko berbagai penyakit kronis, seperti obesitas, diabetes tipe 2, penyakit jantung, Alzheimer, dan lainnya. Selain itu, olahraga dapat membantu mengurangi lemak, terutama dalam kombinasi dengan diet sehat. Tidak hanya membakar kalori, tapi juga meningkatkan kadar hormon dan fungsi tubuh secara keseluruhan.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>John Larson</h3>
<h4>Entrepreneur</h4>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!-- ======= Doctors Section ======= -->
<section id="doctors" class="doctors section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Doctors</h2>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
<div class="member" data-aos="fade-up" data-aos-delay="100">
<div class="member-img">
<img src="assets/img/doctors/doctors-1.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>dr. raisa</h4>
<span>Chief Medical Officer</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
<div class="member" data-aos="fade-up" data-aos-delay="200">
<div class="member-img">
<img src="assets/img/doctors/doctors-2.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Sarah Jhonson</h4>
<span>Anesthesiologist</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
<div class="member" data-aos="fade-up" data-aos-delay="300">
<div class="member-img">
<img src="assets/img/doctors/doctors-3.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>dr. Indah</h4>
<span>Cardiology</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-flex align-items-stretch">
<div class="member" data-aos="fade-up" data-aos-delay="400">
<div class="member-img">
<img src="assets/img/doctors/doctors-4.jpg" class="img-fluid" alt="">
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
<div class="member-info">
<h4>Amanda Jepson</h4>
<span>Neurosurgeon</span>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Doctors Section -->
<!-- ======= Gallery Section ======= -->
<section id="gallery" class="gallery">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Gallery</h2>
<p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
</div>
<div class="gallery-slider swiper">
<div class="swiper-wrapper align-items-center">
<div class="swiper-slide"><a class="gallery-lightbox" href="assets/img/gallery/gallery-1.jpg"><img src="assets/img/gallery/gallery-1.jpg" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a class="gallery-lightbox" href="assets/img/gallery/gallery-2.jpg"><img src="assets/img/gallery/gallery-2.jpg" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a class="gallery-lightbox" href="assets/img/gallery/gallery-3.jpg"><img src="assets/img/gallery/gallery-3.jpg" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a class="gallery-lightbox" href="assets/img/gallery/gallery-4.jpg"><img src="assets/img/gallery/gallery-4.jpg" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a class="gallery-lightbox" href="assets/img/gallery/gallery-5.jpg"><img src="assets/img/gallery/gallery-5.jpg" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a class="gallery-lightbox" href="assets/img/gallery/gallery-6.jpg"><img src="assets/img/gallery/gallery-6.jpg" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a class="gallery-lightbox" href="assets/img/gallery/gallery-7.jpg"><img src="assets/img/gallery/gallery-7.jpg" class="img-fluid" alt=""></a></div>
<div class="swiper-slide"><a class="gallery-lightbox" href="assets/img/gallery/gallery-8.jpg"><img src="assets/img/gallery/gallery-8.jpg" class="img-fluid" alt=""></a></div>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Gallery Section -->
<!-- ======= Pricing Section ======= -->
<!-- ======= Frequently Asked Questioins Section ======= -->
<section id="faq" class="faq section-bg">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Pertanyaan yg sering muncul di masyarakat</h2>
<p>Dalam masyarakat awam sering timbul pertanyaan menyangkut kesehatan biasanya antara hoak, mithos dan kenyataan.</p>
</div>
<ul class="faq-list">
<li>
<div data-bs-toggle="collapse" class="collapsed question" href="#faq1">Apkah Vaksin aman? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq1" class="collapse" data-bs-parent=".faq-list">
<p>
Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.
</p>
</div>
</li>
<li>
<div data-bs-toggle="collapse" href="#faq2" class="collapsed question">Apa penyebab Kolesterol?? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq2" class="collapse" data-bs-parent=".faq-list">
<p>
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
</p>
</div>
</li>
<li>
<div data-bs-toggle="collapse" href="#faq3" class="collapsed question">Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq3" class="collapse" data-bs-parent=".faq-list">
<p>
Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis
</p>
</div>
</li>
<li>
<div data-bs-toggle="collapse" href="#faq4" class="collapsed question">Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq4" class="collapse" data-bs-parent=".faq-list">
<p>
Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
</p>
</div>
</li>
<li>
<div data-bs-toggle="collapse" href="#faq5" class="collapsed question">Tempus quam pellentesque nec nam aliquam sem et tortor consequat? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq5" class="collapse" data-bs-parent=".faq-list">
<p>
Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in
</p>
</div>
</li>
<li>
<div data-bs-toggle="collapse" href="#faq6" class="collapsed question">Tortor vitae purus faucibus ornare. Varius vel pharetra vel turpis nunc eget lorem dolor? <i class="bi bi-chevron-down icon-show"></i><i class="bi bi-chevron-up icon-close"></i></div>
<div id="faq6" class="collapse" data-bs-parent=".faq-list">
<p>
Laoreet sit amet cursus sit amet dictum sit amet justo. Mauris vitae ultricies leo integer malesuada nunc vel. Tincidunt eget nullam non nisi est sit amet. Turpis nunc eget lorem dolor sed. Ut venenatis tellus in metus vulputate eu scelerisque. Pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus. Nibh tellus molestie nunc non blandit massa enim nec.
</p>
</div>
</li>
</ul>
</div>
</section><!-- End Frequently Asked Questioins Section -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container">
<div class="section-title">
<h2>Contact</h2>
<p>Kantor Sekertariat IDI Cabang Bandung.</p>
</div>
</div>
<div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3316.368156000416!2d107.5797611142436!3d-6.881708469248521!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2e68e6843f4b59fd%3A0x574c9156a170341!2sIdi%20Cabang%20Kota%20Bandung!5e1!3m2!1sid!2sid!4v1634280621158!5m2!1sid!2sid" width="100%" height="350px" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="container">
<div class="row mt-5">
<div class="col-lg-6">
<div class="row">
<div class="col-md-12">
<div class="info-box">
<i class="bx bx-map"></i>
<h3>Our Address</h3>
<p>Sukagalih, Kec. Sukajadi, Kota Bandung</p>
</div>
</div>
<div class="col-md-6">
<div class="info-box mt-4">
<i class="bx bx-envelope"></i>
<h3>Email Us</h3>
<p>info@idibandung.com<br>contact@idibandung.com</p>
</div>
</div>
<div class="col-md-6">
<div class="info-box mt-4">
<i class="bx bx-phone-call"></i>
<h3>Call Us</h3>
<p>+62 2233 55677 88<br>+62 6677 8899 00</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<form action="forms/contact.php" method="post" role="form" class="php-email-form">
<div class="row">
<div class="col form-group">
<input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
</div>
<div class="col form-group mt-3">
<input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>
</div>
</div>
<div class="form-group mt-3">
<input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" required>
</div>
<div class="form-group mt-3">
<textarea class="form-control" name="message" rows="5" placeholder="Message" required></textarea>
</div>
<div class="my-3">
<div class="loading">Loading</div>
<div class="error-message"></div>
<div class="sent-message">Your message has been sent. Thank you!</div>
</div>
<div class="text-center"><button type="submit">Send Message</button></div>
</form>
</div>
</div>
</div>
</section><!-- End Contact Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer">
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="footer-info">
<h3>Office:</h3>
<p>Sukagalih,
Kec. Sukajadi,<br>
Kota Bandung, Jawa Barat 40163<br><br>
<strong>Phone:</strong> +62 5566 558899 55<br>
<strong>Email:</strong> info@idibandung.com<br>
</p>
<div class="social-links mt-3">
<a href="#" class="twitter"><i class="bx bxl-twitter"></i></a>
<a href="#" class="facebook"><i class="bx bxl-facebook"></i></a>
<a href="#" class="instagram"><i class="bx bxl-instagram"></i></a>
<a href="#" class="google-plus"><i class="bx bxl-skype"></i></a>
<a href="#" class="linkedin"><i class="bx bxl-linkedin"></i></a>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">Praktek Dokter</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">IDI Pusat</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Rumah Sakit</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Dokter Spesialist</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Emergency</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-6 footer-links">
<h4>Our Services</h4>
<ul>
<li><i class="bx bx-chevron-right"></i> <a href="#">Konsultasi</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Alat Kesehatan</a></li>
<li><i class="bx bx-chevron-right"></i> <a href="#">Product Management</a></li>
</ul>
</div>
<div class="col-lg-4 col-md-6 footer-newsletter">
<h4>Our Newsletter</h4>
<p>Tamen quem nulla quae legam multos aute sint culpa legam noster magna</p>
<form action="" method="post">
<input type="email" name="email"><input type="submit" value="Subscribe">
</form>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright">
© Copyright <strong><span>Jeef</span></strong>. All Rights Reserved
</div>
<div class="credits">
<!-- All the links in the footer should remain intact. -->
<!-- You can delete the links only if you purchased the pro version. -->
<!-- Licensing information: https://bootstrapmade.com/license/ -->
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/medicio-free-bootstrap-theme/ -->
Designed by <a href="#">2021</a>
</div>
</div>
</footer><!-- End Footer -->
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/purecounter/purecounter.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>