| Server IP : 88.223.91.234 / 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">
<!-- Favicons -->
<link href="assets/img/apple-touch-icon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- 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 -->
<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>
</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 class="dropdown">
<a href="#about"><span>IDI Bandung</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="berita/about.php">Profil</a></li>
<li><a href="berita/visimisi/index.php">Visi Misi</a></li>
<li><a href="berita/about.php">Struktur Organisasi</a></li>
<li><a href="berita/profil.php">Profil Ketua IDI</a></li>
</li>
</ul>
</li>
<li class="dropdown"><a href="#about"><span>Dowload</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">News 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 -->
<!-- ======= Hero Section ======= -->
</style>
<!-- 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>
<h3>MUSCAB IDI CABANG KOTA BANDUNG 2004</h3>
<h4 >The Papandayan Hotel Minggu, 03 November 2024</h4>
<br>
<br>
<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="muscab202401.jpg" > <br>
<br>
<li><a href="https://idikotabandung.com/muscab_idi/">Click Link untuk Informasi Lengkap MUSCAB IDI CABANG KOTA BANDUNG 2004</a></li>
</center>
</div>
<br>
<br>
</div>
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center>
<h4><b>Surat Keputusan Dirjen Tenaga Kesehatan Kemenkes RI Nomor HK.02.02/F/1220/2024<br>
Tentang Pengurus Besar Ikatan Dokter Indonesia <br>
Sebagai Institusi Penyelenggara Pelatihan Bidang Kesehatan</b></h4>
<br>
<img src="image/pengumuman6624.jpg" width="700" height="447" alt=""/><br>
<br>
<img src="image/pengumuman6624_2.jpg" width="1247" height="1008" alt=""/> <img src="image/pengumuman6624_3.jpg" width="612" height="926" alt=""/>
</center>
<br>
<br>
</div>
<div class="container" data-aos="fade-up">
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center>
<h4><b>Penghentian Pembuatan Rekomendasi Pengurusan SIP</b></h4>
<br>
<img src="image/surat_001.jpg" width="595" height="936" alt=""/>
</center>
<br>
<br>
</div>
<div class="container" data-aos="fade-up">
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center>
<img src="image/sip01.jpg" width="595" height="936" alt=""/>
</center>
<br>
<br>
</div>
<div class="container" data-aos="fade-up">
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center>
<img src="image/sip02.jpg" width="595" height="936" alt=""/>
</center>
<br>
<br>
</div>
<div class="container" data-aos="fade-up">
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center>
<img src="image/sip03.jpg" width="595" height="936" alt=""/>
</center>
<br>
<br>
</div>
<div class="section-title">
<div class="container" data-aos="fade-up">
<div class="section-title">
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center>
<img src="image/ucapan2.jpg" width="1200" height="709" alt=""/>
</center>
</div>
<!-- welcome_docmed_area_end -->
</div>
</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>
<b></b>
<h2 class="text-center ">MUSCAB IDI CABANG KOTA BANDUNG 2024</h2>
<h3 class="text-center">The Papandayan Hotel Minggu, 03 November 2024</h3>
<br>
<br>
<h4 >Selamat Kepada Ketua Baru IDI Cabang Kota Bandung</h4>
<h4 >Dr. Arif Budiman Sp.BA</h4>
</center>
<br>
<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="featured-services" class="featured-services">
<div class="container" data-aos="fade-up">
<div class="row mt-5">
<div class="row">
<div class="col-md-12">
<center>
Cek NPA Anda :
</center>
</div>
<div class="col-md-6">
<div class="info-box mt-4"> <img class="hvr-bounce-out" src="IDI/file/search.jpg" width="90" height="70" > Cek NPA IDI Cabang Kota Bandung click link : <br>
<a href="IDI/baru/cari_npa2.php">Chek NPA IDI Cabang Kota Bandung</a> </div>
</div>
<div class="col-md-6">
<div class="info-box mt-4"> <img class="hvr-bounce-out" src="IDI/file/search2.jpg" width="90" height="70" ></i> Cek NPA Data PUSAT IDI Online click link : <br>
<a href="http://database.idionline.org/public_stat/daftar_anggota?order_by=nama_cabang&order=desc">SEARCH NPA DI IDIONLINE</a> <br>
<br>
<br>
<br>
</div>
</div>
</div>
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center>
<img class="hvr-bounce-in" src="registrasi/image/surat_edaran.jpeg" width="1000" height="1500" > <br>
<br>
</div>
<div class="container"> </div>
<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 Registrasi Ulang via WEB</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 Anggota/Nonanggota </p>
</center>
<br>
<center>
<a href="registrasi/index.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">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>
<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="">P2KB</a></h4>
<p class="description">Permohonan Perpanjangan STR Dokter Umum</p>
<br>
</center>
<center>
<a href="p2kb/index.php" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span> Pengajuan</a>
</center>
</div>
</div>
</div>
</div>
<br>
<br>
<center>
<p class="description">Informasi Hotline Anggota/Tamu <br>
khusus Registrasi ulang, Anggota Baru, Pengajuan rekom, Mutasi <br>
<b>Hotline 1 WA : +62 813-2279-8252 <br>
Hotline 2 WA : +62 859-3918-9471 </b><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">
<center>
<img class="hvr-bounce-in" src="registrasi/image/INF12.jpg" width="400" height="400" > <img class="hvr-bounce-in" src="registrasi/image/INF13.jpg" width="400" height="400" > <img class="hvr-bounce-in" src="registrasi/image/INF14.jpg" width="400" height="400" >
</center>
</div>
<br>
<br>
<div class="responsive" data-aos="zoom-in" data-aos-delay="200">
<center>
<img class="hvr-bounce-in" src="registrasi/image/INF15.jpg" width="400" height="400" > <img class="hvr-bounce-in" src="registrasi/image/INF16.jpg" width="400" height="400" > <img class="hvr-bounce-in" src="registrasi/image/INF17.jpg" width="400" height="400" > <br>
<br>
</center>
</div>
<div class="responsive" data-aos="zoom-in" data-aos-delay="200"> <img class="hvr-bounce-in" src="registrasi/image/INF18.jpg" width="400" height="400" > <img class="hvr-bounce-in" src="registrasi/image/INF19.jpg" width="400" height="400" > <img class="hvr-bounce-in" src="registrasi/image/INF110.jpg" width="400" height="400" >
</center>
</div>
</div>
</div>
</section>
<!-- End Cta Section -->
<br>
<br>
<center>
<p class="description">Informasi Registrasi Ulang dan Pengajuan Rekomendasi lebih lengkap <br>
Click disini :</p>
<br>
</center>
<center>
<a href="registrasi/index.php" class="appointment-btn scrollto"><span class="d-none d-md-inline"></span>Informasi</a>
</center>
</section>
<!-- End Featured Services Section -->
<!-- ======= Cliens Section ======= -->
<section id="cliens" class="cliens section-bg">
<div class="container">
<center>
</center>
<hr>
</div>
</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 class="swiper-pagination"></div>
</div>
</div>
</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="#" class="twitter"><i class="bx bxl-twitter"></i></a> <a href="https://web.facebook.com/idi.kotabdg/?_rdc=1&_rdr" class="facebook"><i class="bx bxl-facebook"></i></a> <a href="https://www.instagram.com/idi.kotabandung/" 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>
</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>
<script>
$(document).ready(function(){
$("#myModal").modal('show');
});
</script>
</body>
</html>