| Server IP : 185.124.137.217 / 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"; ?>
<!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 -->
<!-- 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>
</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 ======= -->
<section id="hero">
<!-- Top content -->
<script type="text/javascript">
let allVids = $("#myCarousel").find('.carousel-item');
allVids.each(function(index, el) {
if (index !== 0) {
$(this).find('video')[0].pause();
}
});
$("#myCarousel").on('slide.bs.carousel', function(ev) {
let slides = $(this).find('.carousel-item');
let pvid = slides[ev.from].querySelectorAll('video')[0];
let vid = slides[ev.to].querySelectorAll('video')[0];
let isPlaying = vid.currentTime > 0 && vid.readyState > 2;
vid.play();
if (isPlaying) {
pvid.pause();
}
});
</script>
<style>
#myCarousel {
max-width: 1200px;
margin: 0 auto;
}
.carousel-control-next, .carousel-control-prev {
width: 9% !important;
}
.carousel-inner {
background: #111;
}
.carousel-indicators {
bottom: -13px !important;
}
.carousel-item {
padding-bottom: 25px;
}
video {
width: 100%;
}
</style>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.0/js/bootstrap.min.js" integrity="sha384-3qaqj0lc6sV/qpzrc1N5DC6i1VRn/HyX4qdPaiEFbn54VjQBEU341pvjz7Dv3n6P" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.0/css/bootstrap.min.css" integrity="sha384-SI27wrMjH3ZZ89r4o+fGIJtnzkAnFs3E4qz9DIYioCQ5l9Rd/7UAa8DHcaL8jkWt" crossorigin="anonymous">
<div id="myCarousel" class="carousel slide" data-interval="false">
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-item">
<img src="assets/img/slide/slide-2.jpg" class="d-block w-100" alt="slide-img-2">
</div>
<div class="carousel-item">
<img src="assets/img/slide/slide-3.jpg" class="d-block w-100" alt="slide-img-2">
</div>
</div>
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Vorige</span>
</a>
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Cabang Kota Bandung</span>
</a>
</div>
</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">
<center><h4><b>One Day Learn about Spine</b></h4>
<br>
<img src="image/wk01.jpg" width="700" height="700" 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></center>
<center>
<br>
<img src="image/wk01.jpg" width="401" height="395" alt=""/></center>
</div>
</div> <div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Close</button>
</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>
</body>
<script>
$(document).ready(function(){
$("#myModal").modal('show');
});
</script>
</html>