| Server IP : 84.32.84.19 / Your IP : 216.73.216.163 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/ |
Upload File : |
<?php include "IDI/koneksi.php"; ?>
<!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">
<!-- Canonical -->
<link rel="canonical" href="https://idikotabandung.com/" />
<!-- Favicon & Icons -->
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/logo-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/logo-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/assets/img/logo-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/logo-180x180.png">
<link rel="manifest" href="/assets/img/site.webmanifest">
<link rel="shortcut icon" href="/assets/img/favicon.ico">
<!-- Google Fonts -->
<!-- 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 -->
<!-- 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>
<style>
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail img{
width: 200px;
}
/* aturan css untk gambar pop up*/
.thumbnail span img{
width: 400px;
border-width: 0;
padding: 2px;
}
.thumbnail span{
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
}
/*aturan css untuk gambar pop up pada saat hover*/
.thumbnail:hover span{
visibility: visible;
top: 0;
left: 60px;
}
.container2 {
background: rgba(0, 0, 0, 0.3);
</style>
<script type="text/javascript" src="lib/jquery.js"></script>
<link rel="stylesheet" href="lib/jquery.fancybox.css?v=2.1.0"
type="text/css" media="screen" />
<script type="text/javascript"
src="lib/jquery.fancybox.pack.js?v=2.1.0"></script>
<script type="text/javascript"></script>
</head>
<body>
<!-- ======= Top Bar asli kebawah ======= -->
<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=""></i> </div>
<div class="d-flex align-items-center"> <i class=""></i> </div>
</div>
</div>
<!-- ======= Header ======= -->
<header id="header" class="fixed-top">
<div class="container d-flex align-items-center"> <a href="index.php" 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><a class="nav-link scrollto" href="berita/visimisi/index.php">Visi Misi</a></li>
<li class="dropdown"><a href="#about"><span>Download</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="download.php?filename=ADART_IDI_2022.pdf">Download AD/ART IDI 2022</a></li>
<li><a href="download.php?filename=Edaran_Himbauan_Jeda_Jadwal_Praktek.pdf">Download Himbauan Jeda Waktu Praktek</a>
<li><a href="download.php?filename=Penundaan_Rekom_SIP_Kimia_Farma.pdf">Download Penundaan Rekom SIP Kimia Farma</a>
</ul>
</li>
<li><a class="nav-link scrollto" href="berita/index.php">Portal Berita IDI Bandung</a></li>
<!-- <li><a class="nav-link scrollto " href="https://idimerch.mitraglobaltech.com">Merchandise IDI</a></li> -->
</ul>
<i class="bi bi-list mobile-nav-toggle"></i> </nav>
<!-- .navbar -->
<a href="registrasi/index.php" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span>Registrasi</a> <a href="IDI/login.php" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span><span class="fa fa-user-md"> Login</span></a> </div>
</header>
<!-- End Header -->
<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-3.jpg)">
</div>
<!-- Slide 2 -->
<div class="carousel-item" style="background-image: url(assets/img/slide/slide-3.jpg)">
</div>
<!-- Slide 3 -->
<div class="carousel-item" style="background-image: url(assets/img/slide/slide-3.jpg)">
</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 -->
<!-- ======= Hero Section ======= -->
<!-- End Hero -->
<!-- ======= About Us Section ======= -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="responsive" data-aos="zoom-in" data-aos-delay="200"> <br>
</div>
<div class="container" data-aos="fade-up">
<div class="responsive" data-aos="zoom-in" data-aos-delay="200"> </div>
<div class="container" data-aos="fade-up">
<div class="container" data-aos="fade-up">
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center>
<!--
<div class="container" data-aos="fade-up">
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center>
<img class="hvr-bounce-in" src="img/docfest2025.jpg" width="100%" > <br>
<br>
</center>
</div>
<br>
<br>
</div>
-->
<!-- ======= Departments Section ======= -->
<section id="departments" class="departments">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h4>Surat Keputusan</h4>
<p></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 Keputusan Dirjen Tenaga Kesehatan Kemenkes RI
Nomor HK.02.02/F/1220/2024</h4>
<p>Tentang Pengurus Besar Ikatan Dokter Indonesia Sebagai Institusi Penyelenggara Pelatihan Bidang Kesehatan</p></a>
</li>
<li class="nav-item mt-2">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-2">
<h4>Surat Keputusan</h4>
<p>Penghentian Pembuatan Rekomendasi Pengurusan SIP</p>
</a>
</li>
<li class="nav-item mt-3">
<a class="nav-link" data-bs-toggle="tab" data-bs-target="#tab-3">
<h4>Surat Edaran</h4>
<p>Edaran terkait Peredaran dan Penyalahgunaan Obat Psikotrapika</p>
</a>
</li>
</ul>
</div>
<div class="col-lg-8">
<div class="tab-content">
<div class="tab-pane active show" id="tab-1">
<h4>
<a class="fancybox" href="image/pengumuman6624.jpg">
<img src="image/pengumuman6624.jpg" width="600" height="800" alt="" class="img-fluid"></a>
<a class="fancybox" href="image/pengumuman6624_2.jpg">
<img src="image/pengumuman6624_2.jpg" width="600" height="800" alt="" class="img-fluid">
</a>
</h4>
<a href="surat.html" class="btn primary">Read More</a>
</div>
<div class="tab-pane" id="tab-2">
<h4>
<a class="fancybox" href="image/surat_001.jpg">
<img src="image/surat_001.jpg" alt="" class="img-fluid"> </a></h4>
<a href="surat2.html" class="btn primary">Read More</a>
</div>
<div class="tab-pane" id="tab-3">
<h4>
<a class="fancybox" href="registrasi/image/surat_edaran.jpeg">
<img src="registrasi/image/surat_edaran.jpeg" alt="" class="img-fluid"> </a></h4>
<a href="surat2.html" class="btn primary">Read More</a>
</div>
</div>
</div>
</div>
</div>
</section><!-- End Departments Section -->
</div>
<section>
<!-- welcome_docmed_area_end -->
</div>
</section>
<!-- End About Us Section -->
<div id="myModal" class="modal fade" tabindex="-1" role="dialog" class="modal-dialog modal-xl" >
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h6 ><img src="assets/img/favicon.png" alt=""/> <font color='#05304B'> Cabang Kota Bandung </font> </h6>
</div>
<div class="modal-body">
<div class="responsive" data-aos="zoom-out" data-aos-delay="200">
<center>
<h2 class="text-center "> <b>MUSCAB IDI CABANG KOTA BANDUNG 2024</b></h2>
<h4 class="text-center">The Papandayan Hotel Minggu, 03 November 2024</h4>
<br>
<h4 > <b>Selamat Kepada Ketua Baru IDI Cabang Kota Bandung</h4>
<h4 >Dr. Arif Budiman Sp.BA </b></h4>
</center>
<center>
<a><img src="20242027.jpg" width="469" height="539" alt=""/> </a> <br>
</center>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<main id="main">
<!-- ======= Featured Services Section ======= -->
<section id="services" class="services services">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Cek NPA Pusat (IDI Online)</h2>
<p></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-search"></i></div>
<h4 class="title"><a href="">IDI Online</a></h4>
<p class="description"> <a href="http://database.idionline.org/public_stat/daftar_anggota?order_by=nama_cabang&order=desc">Chek NPA IDIONLINE</a></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-hospital-user"></i></div>
<h4 class="title"><a href="">NPA Reg Ulang </a></h4>
<p class="description"> <a href="IDI/baru/cari_npa2.php">Chek NPA di IDI Cabang Kota Bandung</a> </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-notes-medical"></i></div>
<h4 class="title"><a href="">Portal Berita IDI Bandung </a></h4>
<p class="description"> <a href="berita/">Berita Seputar Aktivitas IDI Cabang Kota Bandung</a> </p>
</div>
</div>
</section><!-- End Services Section -->
<div class="container">
<div class="row justify-content-center text-center">
<!-- Box 1 -->
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-4">
<div class="icon-box" data-aos="fade-up" data-aos-delay="100">
<img class="hvr-bounce-in mb-3" src="image/log1.png" width="120" height="120">
<h4 class="title">Login member</h4>
<p class="description">Untuk member yang sudah Registrasi Ulang via WEB</p>
<a href="IDI/login.php" class="appointment-btn scrollto mt-2">Login</a>
</div>
</div>
<!-- Box 2 -->
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-4">
<div class="icon-box" data-aos="fade-up" data-aos-delay="200">
<img class="hvr-bounce-in mb-3" src="image/log2.png" width="150" height="120">
<h4 class="title">Registrasi</h4>
<p class="description">Registrasi untuk Anggota/Nonanggota</p>
<a href="registrasi/index.php" class="appointment-btn scrollto mt-2">Registrasi</a>
</div>
</div>
<!-- Box 3 -->
<div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-4">
<div class="icon-box" data-aos="fade-up" data-aos-delay="400">
<img class="hvr-bounce-in mb-3" src="image/log4.png" width="120" height="120">
<h4 class="title">P2KB</h4>
<p class="description">Permohonan Perpanjangan STR Dokter Umum</p>
<a href="p2kb/index.php" class="appointment-btn scrollto mt-2">Pengajuan</a>
</div>
</div>
</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">Quisioner </h4>
<p class="description">Kuisioner Untuk Seluruh dokter di Kota Bandung </p>
</center>
<br>
<center>
<a href="#https://bit.ly/SURVEYDOKTERKOTABANDUNGMASAPANDEMI2022" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span>Isi Quisioner</a>
</center>
</div>
</div>
-->
<br>
<br>
<center>
<p class="description"><h4><b> Informasi Hotline Anggota/Tamu</b></h4> <br>
<img src="img/logowa.jpg" width="139" height="42" alt=""/><br>
<b>Hotline :</b><a href="https://wa.me/6282125079454?text=Halo%2C%20saya%20ingin%20bertanya%20tentang%Pengajuan%20Surat."><b> +62 821-2507-9454</b></a><br>
</p>
<br>
</center>
<section id="cta" class="cta">
<div class="container" data-aos="zoom-in">
<div class="text-center">
<h4>Syarat Rekom </h4>
<p> </p>
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center>
<img class="hvr-bounce-in" src="registrasi/image/INF1.jpg" width="400" height="400" >
</center>
</div>
<p> </p>
<br>
<br>
<h4>Syarat :</h4>
<p> </p>
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<div class="row">
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="100">
<img class="gallery-lightbox" class="hvr-bounce-in" src="registrasi/image/INF12.jpg" width="400" height="400" >
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="200">
<img class="gallery-lightbox" class="gallery-lightbox" class="hvr-bounce-in" src="registrasi/image/INF13.jpg" width="400" height="400" >
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="200">
<img class="gallery-lightbox" class="hvr-bounce-in" src="registrasi/image/INF14.jpg" width="400" height="400" >
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="100">
<img class="gallery-lightbox" class="hvr-bounce-in" src="registrasi/image/INF15.jpg" width="400" height="400" >
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="200">
<img class="gallery-lightbox" class="hvr-bounce-in" src="registrasi/image/INF16.jpg" width="400" height="400" >
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="200">
<img class="gallery-lightbox" class="hvr-bounce-in" src="registrasi/image/INF17.jpg" width="400" height="400" >
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="100">
<img class="gallery-lightbox" class="hvr-bounce-in" src="registrasi/image/INF18.jpg" width="400" height="400" >
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="200">
<img class="gallery-lightbox" class="hvr-bounce-in" src="registrasi/image/INF19.jpg" width="400" height="400" >
</div>
<div class="col-lg-4 col-md-6 icon-box" data-aos="zoom-in" data-aos-delay="200">
<img class="gallery-lightbox" class="hvr-bounce-in" src="registrasi/image/INF110.jpg" width="400" height="400" >
</div>
</div>
</section>
<!-- End Cta Section -->
<!-- End Featured Services Section -->
<!-- ======= Cliens Section ======= -->
<!-- End Cliens Section -->
<!-- ======= Cta 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_anggota where status = 'aktif' and registrasi='2' 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 ======= -->
<!-- ======= Gallery Section ======= -->
<section id="gallery" class="gallery">
<div class="container" data-aos="fade-up">
<div class="section-title">
<h2>Gallery</h2>
<p> Kegiatan, Informasi IDI Kota Bandung</p>
<br>
</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>
</div>
</section>
<section id="cta" class="cta">
<div class="container" data-aos="zoom-in">
<div class="text-center">
<h3>Portal Berita IDI Cabang Kota Bandung</h3>
<p> Berita Seputar Aktivitas IDI Cabang kota Bandung, Workshop, Seminar dll </p>
<a class="cta-btn scrollto" href="berita/">More Read</a>
</div>
</div>
</section><!-- End Cta Section -->
<!-- End Gallery Section -->
<!-- ======= Pricing Section ======= -->
<!-- ======= Contact Section ======= -->
<section id="contact" class="contact">
<div class="container">
<div class="row mt-5">
<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>
Senin-Jumat : 8.00-15.00 WIB<br>
Sabtu : 8.00-13.00 WIB </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>+62 813-2279-8252 </p>
</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">
</p>
<div class="social-links mt-3"><a href="https://www.instagram.com/idi.kotabandung/" class="instagram"><i class="bx bxl-instagram"></i></a> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="copyright"> <strong><span>IDI Cabang Kota Bandung</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>
<script>
var myVideo=document.getElementById("video1");
function playVid()
{
myVideo.play();
}
function pauseVid()
{
myVideo.pause();
}
function reloadVid()
{
myVideo.load();
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>