| Server IP : 153.92.12.127 / 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 : |
<?php include "IDI/koneksi.php"; ?>
<?php $sql = mysqli_query($konek, 'SELECT * FROM halaman where id="1"');?>
<?php $row = mysqli_fetch_array($sql);?>
<!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>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-P0Y2YWJNX5"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-P0Y2YWJNX5');
</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: 8.00 to 17.00 PM
</div>
<div class="d-flex align-items-center">
<i class="bi bi-phone"></i> Sekr IDI: (022) 202047
</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="visimisi.php">Profil</a></li>
<li><a href="visimisi.php">Visi Misi</a></li>
<li><a href="visimisi.php">Struktur Organisasi</a></li>
</ul>
</li>
<li><a class="nav-link scrollto" href="#doctors">Doctors</a></li>
<li><a href="about.php">Layanan Online</a></li>
<li><a class="nav-link scrollto" href="blog.php">News IDI Bandung</a></li>
<li><a class="nav-link scrollto" href="contact.php">Sekrtariat</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">
<div class="container" data-aos="fade-up">
<br>
<div class="section-title">
<center><img src="image/idi.png" width="100" height="100" data-aos="zoom-in" > </center>
<center><?php echo $row['deskripsi']?></center>
<!-- welcome_docmed_area_end -->
</div>
</div>
</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 ======= -->
<!-- ======= end Section berita ======= -->
<!-- ======= 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 ======= -->
<!-- ======= 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>Jl. Suria Sumantri Ruko Setrasari Mall
Blok C1 No. 51 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> idi_bandung@yahoo.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>(022) 202047</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>Sekretariat :</h3>
<p>Jl. Suria Sumantri Ruko Setrasari Mall
Blok C1 No. 51 Bandung<br>
<strong>Phone:</strong> (022) 202047<br>
<strong>Email:</strong> idi_bandung@yahoo.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">
<strong><span>Jeef</span></strong>
</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>