| Server IP : 88.223.91.167 / 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: "+628111321311", // 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">Sekretariat</a></li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav><!-- .navbar -->
<a href="IDI/baru/chek_syarat_registrasi.php" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span>Syarat rekomendasi</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">
<?php $sql3 = mysqli_query($konek, 'SELECT * FROM gallery where posisi="slider" ');?>
<?php $row3 = mysqli_fetch_array($sql3);?>
<!-- Slide 1 -->
<div class="carousel-item active"
<div class="carousel-item" style="background-image: url(assets/img/gallery/<?php echo $row3['gambar_utama']; ?>)">
<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>
<?php
while ($row3=$sql3->fetch_assoc()) {
?>
<!-- Slide 2 -->
<div class="carousel-item" style="background-image: url(assets/img/gallery/<?php echo $row3['gambar_utama']; ?>)">
<div class="container3">
<center><img class="" src="" >
</center>
<center> <h3></h3>
<p></p> </center>
</div>
</div>
<!-- Slide 3 -->
<div class="carousel-item" style="background-image: url(assets/img/gallery/<?php echo $row3['gambar_utama']; ?>)">
<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>
<?php
}
?>
</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="">Rekomendasi</a></h4>
<p class="description">Chek Syarat Pengajuan rekomendasi</p><br> </center>
<center><a href="IDI/baru/chek_syarat_registrasi.php" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span> Chek Persyaratan</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">
<?php $sql33 = mysqli_query($konek, 'SELECT * FROM gallery where posisi="iklan"');?>
<?php//$row33 = mysqli_fetch_array($sql33);?>
<?php
while ($row33=$sql33->fetch_assoc()) {
?>
<div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center">
<img class="hvr-bounce-out" <img src="assets/img/gallery/<?php echo $row33['gambar_utama']; ?>"class="img-fluid" width="175" height="125" alt="">
</div>
<?php
}
?>
</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> Silahkan kontak via WA Untuk Informasi :</p>
<h4>Cara Registrasi Ulang Anggota Online IDI Bandung</h4>
<p> </p>
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center> <img class="hvr-bounce-in" src="image/online.jpg" width="600" height="800" ></center>
</div>
<p> </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/baru/chek_syarat_registrasi.php">Chek Syarat Pengajuan rekomendasi</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">
<?php
$sql3 = $konek->query("SELECT count(npm) as jumlah FROM h_anggota2 where status = 'aktif' order by npm");
$row3 = mysqli_fetch_array($sql3);
?>
<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="<?php echo $row3['jumlah']?>" 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 ======= -->
<!-- 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>Praktek Dokter</h2>
<p><a href="#IDI/member/index.php">Informasi Daftar Praktek Dokter kota Bandung</a></p>
</div>
<div class="row">
<?php
$query_a=$konek->query("SELECT*FROM h_anggota limit 4");
// $df=$query_a->fetch_assoc();
while ($df=$query_a->fetch_assoc()) {
$npm=$df['npm'];
?>
<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">
<!-- <a href="#IDI/member/janji.php?npm=<?php// echo $df['npm']; ?>"> <img src="IDI/file/<?php// echo $df['gambar']; ?>"class="img-fluid" alt="" width="100" height="130"></a>
--> <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><?php echo $df['nmlead']; ?></h4>
<span><?php echo $df['ahli']; ?></span>
</div>
</div>
</div>
<?php
}
?>
<br>
<center><a href="#IDI/member/index.php" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span>Informasi Praktek Dokter</a></center>
</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> Foto kegiatan, Informasi IDI Kota Bandung</p>
</div>
<?php $sql2 = mysqli_query($konek, 'SELECT * FROM gallery where posisi="gallery" ');?>
<?php //$row2 = mysqli_fetch_array($sql2);?>
<div class="gallery-slider swiper">
<div class="swiper-wrapper align-items-center">
<?php
while ($row2=$sql2->fetch_assoc()) {
?>
<div class="swiper-slide"><a class="gallery-lightbox" href="assets/img/gallery/<?php echo $row2['gambar_utama'] ?>"><img src="assets/img/gallery/<?php echo $row2['gambar_utama']; ?>"class="img-fluid" alt=""></a></div>
<?php
}
?>
<!-- <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>