 <!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49890590-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-49890590-1');
</script>
<!-- end Google Analytics -->

<title>Balai Informasi Teknologi LIPI</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
 <!-- CSRF Token -->
    <meta name="csrf-token" content="OtTfjxDRcS9aS5pklsu7SiCFKMYTbQ4enw5wlg9A">
    <!-- Styles -->
    <link rel="stylesheet" type="text/css" href="/assets/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="/assets/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="/assets/css/animate.css">
	<link rel="stylesheet" type="text/css" href="/assets/css/slick.css">
	<link rel="stylesheet" type="text/css" href="/assets/css/theme.css">
	<link rel="stylesheet" type="text/css" href="/assets/css/style.css">
  <link rel="stylesheet" type="text/css" href="/assets/css/3d.css">
  <link rel="stylesheet" type="text/css" href="/assets/css/stylegallery.css">

  
	<link rel="shortcut icon" href="/images/favicon/favicon.ico" type="image/x-icon" />
  <!-- <link rel="stylesheet" href="/admin_asset/dist/css/AdminLTE.min.css"> -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">

	<!-- chart -->
	<style type="text/css">
	.highcharts-yaxis-grid .highcharts-grid-line {
	  display: none;
	}
	</style>
</head>
<body>
<!-- facebook -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10&appId=244886481857";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- facebook -->
<div id="preloader">
  <div id="status">&nbsp;</div>
</div>
<a class="scrollToTop" href="#"><i class="fa fa-angle-up"></i></a>
<div class="container">
  <header id="header">
    <div class="row">
      <div class="col-lg-12 col-md-12">
        <!-- <div class="header_top">
          <div class="header_top_left">
            <ul class="top_nav">
              <li><a href=/>Home</a></li>
              <li><a href="pages/page.html">About</a></li>
              <li><a href="pages/contact.html">Contact</a></li>
              <li><a href="pages/404.html">Error Page</a></li>
            </ul>
          </div>
          <div class="header_top_right">
            <form action="#" class="search_form">
              <input type="text" placeholder="Text to Search">
              <input type="submit" value="">
            </form>
          </div>
        </div> -->
        <div class="header_bottom">
          <div class="header_bottom_left"><a class="logo" href="/"><img src="/images/logo.png" alt=""></a></div>
          <!-- <div class="header_bottom_right"><a href="http:\\lipi.go.id"><img src="/images/lipi51.png" alt=""></a></div> -->
        </div>
      </div>
    </div>
  </header>
  <div id="navarea">
    <nav class="navbar navbar-default" role="navigation">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav custom_nav">
            <li class=""><a href=http://www.bit.lipi.go.id/index.php>Home</a></li>
            <li class="dropdown"> <a href="#" class="" data-toggle="dropdown" role="button" aria-expanded="false">Profil</a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="/profile/tentang-upt-balai-informasi-teknologi-lipi">Tentang UPT BIT LIPI</a></li>
                <li><a href="/profile/visi-dan-misi">Visi dan Misi</a></li>
                <li><a href="/profile/tugas-dan-fungsi">Tugas dan Fungsi</a></li>
                <li><a href="/profile/struktur-organisasi">Struktur Organisasi</a></li>
                <li><a href="/sdm">SDM</a></li>
              </ul>
            </li>
            <li class="dropdown"> <a href="#" class="" data-toggle="dropdown" role="button" aria-expanded="false">Produk dan Layanan</a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="/layanan/produk-dan-layanan-multimedia">Multimedia</a></li>
                <li><a href="/layanan/produk-dan-layanan-eksibisi-multimedia">Eksibisi Multimedia</a></li>
                <li><a href="/layanan/layanan-pelatihan-dan-kerjasama">Pelatihan dan Kerjasama</a></li>
              </ul>
            </li>
            <!-- <li class="dropdown"> <a href="#" class="" data-toggle="dropdown" role="button" aria-expanded="false">Kelompok Penelitian</a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="/penelitian/kelompok-penelitian-multimedia">Multimedia</a></li>
                <li><a href="/penelitian/kelompok-penelitian-dokinfo-dan-pengembangan-teknologi">Dokinfo dan Pengembangan Teknologi</a></li>
              </ul>
            </li> -->
            <li><a href="/ppid/informasi-wajib-disediakan">PPID dan Informasi Publik</a></li>
            <li><a href="/img/shares/dokumen/2018/iso.pdf">Penerapan ISO 9001:2015</a></li>
            <li><a href="/profile/kontak">Kontak</a></li>
           </ul>
        </div>
      </div>
    </nav>
  </div>
    <section id="mainContent">
    <div class="content_top">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-12">
          <div class="latest_slider">
            <div class='youtube_codegena' id='78JvIJ0VI5c' data-params='?&theme=dark&autoplay=1&autohide=2&rel=0' src='http://i.ytimg.com/vi/78JvIJ0VI5c/hqdefault.jpg'style='width:570px; height:430px;'></div><script src='https://rawgit.com/shaneapen/Async-Youtube-Player/master/async_youtube_player.js'></script><div style='font-size: 0.8em'><a href='http://codegena.com/generator/Youtube-Embed-Code-Generator.html'></a></div>
          </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-12">
          <div class="single_bottom_rightbar">
            <ul role="tablist" class="nav nav-tabs custom-tabs">
              <li class="active" role="presentation"><a data-toggle="tab" role="tab" aria-controls="home" href="#mostPopular">BIT In News</a></li>
              <li role="presentation"><a data-toggle="tab" role="tab" aria-controls="messages" href="#recentComent">Kolom Sivitas</a></li>
            </ul>
            <div class="tab-content"> 
              <div id="mostPopular" class="tab-pane fade in active" role="tabpanel">
                <ul class="small_catg popular_catg wow fadeInDown">
                                  <li>
                    <div class="media wow fadeInDown"> <a class="media-left" href="#"> <img src="/img/shares/news/2020/thumbs/isi.jpeg" alt=""> </a>
                      <div class="media-body">
                        <h4 class="media-heading"><a href=http://www.bit.lipi.go.id/index.php/news/bit-lipi-dan-lipi-press-menerima-kunjungan-dari-prodi-film-televisi-isi-surakarta>BIT LIPI dan LIPI Press Menerima Kunjungan dari Prodi Film &amp; Televisi ISI Surakarta </a></h4>
                        <p>Dalam upaya meningkatkan diseminasi audiovisual dan literasi visual Iptek, Balai Informasi Teknologi (BIT) LIPI &amp; LIPI Press menerima kunjungan dan...</p>
                        <div class="comments_box"> <span class="meta_date">21 Feb 2020</span><span class="meta_more"><a  href=http://www.bit.lipi.go.id/index.php/news/bit-lipi-dan-lipi-press-menerima-kunjungan-dari-prodi-film-televisi-isi-surakarta>Read More...</a></span> 
                        </div>
                      </div>
                    </div>
                  </li>
                                  <li>
                    <div class="media wow fadeInDown"> <a class="media-left" href="#"> <img src="/img/shares/news/2019/thumbs/quiperr.jpg" alt=""> </a>
                      <div class="media-body">
                        <h4 class="media-heading"><a href=http://www.bit.lipi.go.id/index.php/news/bit-lipi-dan-quipper-melakukan-kolaborasi-video-edukasi>BIT LIPI Dan Quipper Melakukan Kolaborasi Video Edukasi </a></h4>
                        <p>Dalam upaya peningkatan literasi dan minat anak muda terhadap ilmu pengetahuan dan penelitian, Balai Informasi Teknologi LIPI melakukan kolaborasi produksi...</p>
                        <div class="comments_box"> <span class="meta_date">12 Dec 2019</span><span class="meta_more"><a  href=http://www.bit.lipi.go.id/index.php/news/bit-lipi-dan-quipper-melakukan-kolaborasi-video-edukasi>Read More...</a></span> 
                        </div>
                      </div>
                    </div>
                  </li>
                                  <li>
                    <div class="media wow fadeInDown"> <a class="media-left" href="#"> <img src="/img/shares/news/2019/thumbs/04_FOTO_COACHINGCLINICAFTER EFFECT_311019.jpeg" alt=""> </a>
                      <div class="media-body">
                        <h4 class="media-heading"><a href=http://www.bit.lipi.go.id/index.php/news/coaching-clinic-making-explainer-video-with-adobe-after-effect-pada-indonesia-science-expo-2019>COACHING CLINIC: MAKING EXPLAINER VIDEO WITH ADOBE AFTER EFFECT PADA INDONESIA SCIENCE EXPO 2019 </a></h4>
                        <p>Coaching Clinic: Making Explainer Video with Adobe After Effect merupakan salah satu kegiatan pada rangkaian acara Indonesia Science Expo 2019...</p>
                        <div class="comments_box"> <span class="meta_date">29 Oct 2019</span><span class="meta_more"><a  href=http://www.bit.lipi.go.id/index.php/news/coaching-clinic-making-explainer-video-with-adobe-after-effect-pada-indonesia-science-expo-2019>Read More...</a></span> 
                        </div>
                      </div>
                    </div>
                  </li>
                
                  <div class="comments_box">  <span class="meta_more"><a  href="/newss">Lihat Berita Lainnya </a></span> 
                  </div>
                </ul>
              </div>
              <div id="recentComent" class="tab-pane fade" role="tabpanel">
                <ul class="small_catg popular_catg">
                                  <li>
                    <div class="media wow fadeInDown"> <a class="media-left" href="#"> <img src="/img/shares/sivitas/2021/thumbs/briket.jpg" alt=""> </a>
                      <div class="media-body">
                        <h4 class="media-heading"><a href=/kolom-sivitas/sinopsis-film-inovasi-teknologi-briket-dari-tempurung-kelapa>SINOPSIS FILM &quot;INOVASI TEKNOLOGI BRIKET DARI TEMPU...</a></h4>
                        <p>Film dengan judul: &ldquo;Inovasi Teknologi Briket dari Tempurung Kepala&rdquo; merupakan hasil produksi UPT Balai Informasi Teknologi-LIPI pada tahun 2010, film...</p>
                        <div class="comments_box"> <span class="meta_date">17 Sep 2021</span><span class="meta_more"><a  href=http://www.bit.lipi.go.id/index.php/kolom-sivitas/sinopsis-film-inovasi-teknologi-briket-dari-tempurung-kelapa>Read More...</a></span>
                        </div>
                      </div>
                    </div>
                  </li>
                                  <li>
                    <div class="media wow fadeInDown"> <a class="media-left" href="#"> <img src="/img/shares/sivitas/2021/thumbs/kerang.jpg" alt=""> </a>
                      <div class="media-body">
                        <h4 class="media-heading"><a href=/kolom-sivitas/sinopsis-film-budidaya-kerang-mutiara>SINOPSIS FILM &quot;BUDIDAYA KERANG MUTIARA&quot;</a></h4>
                        <p>Film dengan judul: &ldquo;Penerapan teknologi &amp; budidaya kerrang Mutiara secara komersial&rdquo;, merupakan film yang diproduksi oleh UPT Balai Informasi Teknologi...</p>
                        <div class="comments_box"> <span class="meta_date">17 Sep 2021</span><span class="meta_more"><a  href=http://www.bit.lipi.go.id/index.php/kolom-sivitas/sinopsis-film-budidaya-kerang-mutiara>Read More...</a></span>
                        </div>
                      </div>
                    </div>
                  </li>
                                  <li>
                    <div class="media wow fadeInDown"> <a class="media-left" href="#"> <img src="/img/shares/sivitas/2021/thumbs/Picture11.png" alt=""> </a>
                      <div class="media-body">
                        <h4 class="media-heading"><a href=/kolom-sivitas/film-synopsis-alat-bantu-ambulasi-jalan>FILM SYNOPSIS  &quot;ALAT BANTU AMBULASI JALAN&quot;”</a></h4>
                        <p>Film dengan judul: Alat bantu ambulasi jalan. Film ini berdurasi 12:16 dengan produser: UPT Balai Informasi Teknologi-LIPI, Dyah Hardini, Sutradara:...</p>
                        <div class="comments_box"> <span class="meta_date">11 Jun 2021</span><span class="meta_more"><a  href=http://www.bit.lipi.go.id/index.php/kolom-sivitas/film-synopsis-alat-bantu-ambulasi-jalan>Read More...</a></span>
                        </div>
                      </div>
                    </div>
                  </li>
                                  <div class="comments_box">  <span class="meta_more"><a  href="/kolom-sivitas">Lihat tulisan sivitas Lainnya</a></span> 
                  </div>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

     
    <div class="row"><!-- produk dan layanan -->
      <div class= "col-lg-12 col-md-12"> 
        <div class="single_category wow fadeInDown">
          <h2><span class="bold_line"><span></span></span> <span class="solid_line"></span> <a class="title_text" href="#" style="color: black;">Kompetensi</a></h2>



          <!-- coba grid baru -->
          <div class="container-grid">
            <div class="content-grid">
              <a href="https://www.youtube.com/playlist?list=PLDqflgwsVNXe4XxrjbABpiuAba1Kn6y5t&disable_polymer=true" target="_blank">
                <div class="content-grid-overlay"></div>
                <img class="content-grid-image" src="/images/kompetensi1.jpg">
                <div class="content-grid-details fadeIn-top">
                  <h3>Dokumenter</h3>
                  <p>Dokumenter berisikan  perjalanan penelitian yang dilakukan oleh para peneliti LIPI
                    <br><br><span class="meta_more"><a  href="https://www.youtube.com/playlist?list=PLDqflgwsVNXe4XxrjbABpiuAba1Kn6y5t&disable_polymer=true">contoh video </a></span>
                  </p>
                </div>
              </a>
            </div>
          </div>

          <div class="container-grid">
            <div class="content-grid">
              <a href="https://www.youtube.com/playlist?list=PLDqflgwsVNXfq3qkntcO6udeXcIGIy9Tt" target="_blank">
                <div class="content-grid-overlay"></div>
                <img class="content-grid-image" src="/images/kompetensi2.jpg">
                <div class="content-grid-details fadeIn-top">
                  <h3>Animasi</h3>
                  <p>Animasi bentuk komunikasi visual untuk mengenalkan sains kepada masyarakat<br><br><span class="meta_more"><a  href="https://www.youtube.com/playlist?list=PLDqflgwsVNXfq3qkntcO6udeXcIGIy9Tt">contoh video </a></span>
                  </p>

                </div>
              </a>
            </div>
          </div>

          <div class="container-grid">
            <div class="content-grid">
              <a href="https://www.youtube.com/playlist?list=PLDqflgwsVNXfDXNvPzO25fhpSPGFemCQz&disable_polymer=true" target="_blank">
                <div class="content-grid-overlay"></div>
                <img class="content-grid-image" src="/images/kompetensi3.jpg">
                <div class="content-grid-details fadeIn-top">
                  <h3>Video Pendek</h3>
                  <p>Video Pendek berisikan informasi hasil penelitian di Lembaga Ilmu Pengetahuan Indonesia dan video biografi tokoh-tokoh yang memberikan sumbangsihnya kepada ilmu pengetahuan<br><br><span class="meta_more"><a  href="https://www.youtube.com/playlist?list=PLDqflgwsVNXfDXNvPzO25fhpSPGFemCQz&disable_polymer=true">contoh video </a></span>
                  </p>
                </div>
              </a>
            </div>
          </div>

         <div class="container-grid">
            <div class="content-grid">
              <a href="https://www.youtube.com/playlist?list=PLDqflgwsVNXe7DCW4MfgojTldsq45igxw" target="_blank">
                <div class="content-grid-overlay"></div>
                <img class="content-grid-image" src="/images/kompetensi4.jpg">
                <div class="content-grid-details fadeIn-top">
                  <h3>Video Profil Korporat</h3>
                  <p>Video Profil Koorporate satuan kerja yang berada didalam lingkungan Lembaga Ilmu Pengetahuan Indonesia. Dalam video ini dipaparkan produk dan layanan satuan kerja.<br><br><span class="meta_more"><a  href="https://www.youtube.com/playlist?list=PLDqflgwsVNXe7DCW4MfgojTldsq45igxw">contoh video </a></span></p>
                </div>
              </a>
            </div>
          </div>

          <div class="container-grid">
            <div class="content-grid">
              <a href="https://www.youtube.com/playlist?list=PLDqflgwsVNXc6PS2XZ5B9wWsBsGT5t79J"" target="_blank">
                <div class="content-grid-overlay"></div>
                <img class="content-grid-image" src="/images/kompetensi5.jpg">
                <div class="content-grid-details fadeIn-top">
                  <h3>Dokumentasi</h3>
                  <p>Dokumentasi kegiatan-kegiatan yang dilakukan dilingkungan LIPI<br><br><span class="meta_more"><a  href="https://www.youtube.com/playlist?list=PLDqflgwsVNXc6PS2XZ5B9wWsBsGT5t79J">contoh video </a></span></p>
                </div>
              </a>
            </div>
          </div>

          <div class="container-grid">
            <div class="content-grid">
              <a href="/layanan/layanan-pelatihan-dan-kerjasama" target="_blank">
                <div class="content-grid-overlay"></div>
                <img class="content-grid-image" src="/images/kompetensi6.jpg">
                <div class="content-grid-details fadeIn-top">
                  <h3>Kerjasama dan Diseminasi</h3>
                  <p>Kerjasama dan Diseminasi bertujuan untuk membantu masyarakat mendapatkan informasi  pengetahuan. Kegiatan ini ditujukan agar peranan LIPI dalam meningkatkan kesadaran dan kemampuan masyarakat dalam berperilaku rasional (ilmiah) dan humanis melalui peningkatan akses masyarakat terhadap pengetahuan dapat terwujud.</p>
                </div>
              </a>
            </div>
          </div>

         
          <!-- coba grid baru -->
       
        </div>
      </div>
    </div>


    <div class="content_middle">
      <div class="col-lg-4 col-md-4 col-sm-4">
        <div class="single_category wow fadeInDown">
            <h2> <span class="bold_line"><span></span></span> <span class="solid_line"></span> <a class="title_text" href="#" style="color: black;">Indeks Kepuasan Masyarakat</a> </h2>
        </div>
        <div class="content_top_right">
          <ul class="featured_nav2">
            <li>
              <input type="text" class="dial" value=87 data-width="40%" data-fgColor="#0073b7" data-readonly="true">
              <!-- <div class="knob-label">Indeks Kepuasan Masyarakat</div> -->
              <div class="comments_box">  <span class="meta_more"><a  href="http://lipi.go.id/ikm">Kuesioner Pengguna Layanan LIPI</a></span> 
              </div>
            </li>
            <!-- <li> <input type="text" class="dial" value=90 data-width="40%" data-fgColor="#0073b7" data-readonly="true">
              <div class="knob-label">Indeks Persepsi Korupsi</div>
              <div class="comments_box">  <span class="meta_more"><a  href="/dokumen/kategori/indeks-kepuasan-masyarakat">Detail laporan</a></span> </div>
            </li> -->
          </ul>
        </div>
      </div> 
      <div class="col-lg-8 col-md-8">
        <div class="content_middle_middle">
          <div class="slick_slider2">
                        <div class="single_featured_slide"> <img src="/img/shares/sliders/0001.jpg" alt="" ;">
              <h2>Ekspedisi Bioresoureces Pulau Enggano</h2>
              <p>Sivitas BIT mengikuti Ekspedisi Bioresoureces Pulau Enggano pada tahun 2015. Tampak Deni Barshani, salah satu videographer senior sedang merekam kegiatan pengambilan sampel yang dilakukan oleh para peneliti.</p>
            </div>
                        <div class="single_featured_slide"> <img src="/img/shares/sliders/002.JPG" alt="" ;">
              <h2>Ekspedisi Bioresources  Pulau Terdepan Indonesia</h2>
              <p>Setiap tahun sivitas BIT bersama para peneliti dari Kedeputian Ilmu Pengetahuan Hayati – LIPI melakukan Ekspedisi Bioresources ke pulau terdepan Indonesia. Tampak dua sivitas BIT, Adri Bintara Putra dan Muhammad Yunus bersama Arif Supriatna dari Pusat Penelitian Biologi dan Adji Agus Salim dari Pustekkom</p>
            </div>
                        <div class="single_featured_slide"> <img src="/img/shares/sliders/003.JPG" alt="" ;">
              <h2>Wawancara antara Peneliti dan Masyarakat di Pulau Sumba</h2>
              <p>Adri Bintara Putra sedang merekam wawancara antara peneliti dan masyarakat di Pulau Sumba</p>
            </div>
                        <div class="single_featured_slide"> <img src="/img/shares/sliders/004.JPG" alt="" ;">
              <h2>Penelitian Lapangan Pusat Penelitian Biologi bidang Mikrobiologi</h2>
              <p>Muhammad Yunus sedang merekam penelitian lapangan yang sedang dilakukan oleh peneliti dari Pusat Penelitian Biologi bidang Mikrobiologi</p>
            </div>
                        <div class="single_featured_slide"> <img src="/img/shares/sliders/005.JPG" alt="" ;">
              <h2>Penelitian Lapangan oleh Peneliti Etnobotani</h2>
              <p>Gravinda Putra Perdana sedang merekam penelitian lapangan yang sedang dilakukan oleh peneliti etnobotani dari Pusat Penelitian Biologi di salah satu desa di Sumba Timur</p>
            </div>
                        <div class="single_featured_slide"> <img src="/img/shares/sliders/006.JPG" alt="" ;">
              <h2>Foto Bersama dengan Masyarakat di Sebuah Desa di Sumba Timur</h2>
              <p>Gravinda Putra Perdana dan Penny Sylvania Putri, dua sivitas BIT LIPI bersama dua peneliti dari Pusat Penelitian Biologi LIPI melakukan foto bersama dengan masyarakat di sebuah desa di Sumba Timur.</p>
            </div>
                      </div>
        </div>
      </div>
    </div>


    <div class ="survey">
      <div class="col-lg-3 col-xs-6">
      <!-- small box -->
        <div class="small-box bg-aqua">
          <div class="inner">
            <h1>Permohonan<br> Informasi<br>Publik</h1>
          </div>
          <div class="icon">
            <i class="ion ion-information"></i>
          </div>
          <a href="http://informasi.lipi.go.id/informasi.cgi?registrasi&&1036008082" target="_blank" class="small-box-footer" >Registrasi <i class="fa fa-arrow-circle-right"></i></a>
        </div>
      </div>

      <div class="col-lg-3 col-xs-6">
      <!-- small box -->
        <div class="small-box bg-aqua">
          <div class="inner">
            <h1>Saran<br>dan<br> Pengaduan</h1>
          </div>
          <div class="icon">
            <i class="ion ion ion-ios-email-outline"></i>
          </div>
          <a href="http://pengaduan.lipi.go.id/" target="_blank" class="small-box-footer">Registrasi <i class="fa fa-arrow-circle-right"></i></a>
        </div>
      </div>

      <div class="col-lg-3 col-xs-6">
       <!-- small box -->
        <div class="small-box bg-aqua">
          <div class="inner">
            <h1>Whistle<br> Blowing<br> System</h1>
          </div>
          <div class="icon">
            <i class="ion ion-speakerphone"></i>
          </div>
          <a href="http://wbs.lipi.go.id/" target="_blank" class="small-box-footer">Registrasi <i class="fa fa-arrow-circle-right"></i></a>
        </div>
      </div>
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-aqua">
          <div class="inner">
            <h1>Agenda<br> Pelatihan</h1>
          </div>
          <div class="icon">
            <i class="ion ion-android-calendar"></i>
          </div>
          <a href=http://www.bit.lipi.go.id/index.php/layanan/agenda-pelatihan class="small-box-footer">Lihat Agenda Pelatihan <i class="fa fa-arrow-circle-right"></i></a>
        </div>
      </div>
    </div> <!-- survey -->

    <div class= "wrap"> <!-- socmed -->
     <!-- <div class="single_bottom_rightbar" style="text-align: center;">
            <h2>Media Sosial UPT BIT LIPI</h2>
      </div> -->
      <div class="col-lg-5 col-md-5 col-sm-5">
        <div class= "socmed"><img src="/images/socmed/fb.png">
        </div>
        <div class="fb-page" data-href="https://www.facebook.com/BITLIPI/" data-tabs="timeline" data-width="500" data-height ="400" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false"  data-show-facepile="true"><blockquote cite="https://www.facebook.com/BITLIPI/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/BITLIPI/">Balai Informasi Teknologi LIPI</a></blockquote>
        </div>
      </div>

      <div class="col-lg-7 col-md-7 col-sm-7">
        <div class= "socmed"><img src="/images/socmed/ig.png">
        </div>
      <!-- LightWidget WIDGET --><script src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script><iframe src="//lightwidget.com/widgets/2432c644ff6e532a999098d277c3afa8.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:100%;border:0;overflow:hidden;"></iframe>
      </div>
    </div>

    <div class ="zi">
      <div class="row">
        <div class="col-md-12">
          <div id="myCarousel" class="carousel slide" data-ride="carousel" >
    <!-- Indicators -->
            <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>
          <!-- Wrapper for slides -->
            <div class="carousel-inner">
              <div class="item active">
                <img src="images/faktakorupsi.jpg" alt="faktakorupsi.">
              </div>
              <div class="item">
                <img src="images/wbs.jpg" alt="wbs">
              </div>
              <div class="item">
                <img src="images/wbk.jpg" alt="wbk">
              </div>
            </div>        
          </div>    
        </div>
      </div>
    </div>
  </section>
  
</div>
<footer id="footer">
  <div class="footer_top">
    <div class="container">
      <div class="row">
        <div class="col-lg-3 col-md-3 col-sm-3">
          <div class="single_footer_top wow fadeInLeft">
            <h2>Sosial Media</h2>
            <div class="footer-social-icons">
              <ul class="social-icons">
                  <li><a href="https://www.facebook.com/BITLIPI/" class="social-icon" target="_blank"> <i class="fa fa-facebook"></i></a></li>
                  <li><a href="https://www.youtube.com/channel/UCr1ihEI566IJib9P-JjENSA" target="_blank" class="social-icon"> <i class="fa fa-youtube"></i></a></li>
                  <li><a href="https://www.instagram.com/balai_informasi_teknologi_lipi/" target="_blank" class="social-icon"> <i class="fa fa-instagram"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3">
          <div class="single_footer_top wow fadeInDown">
            <h2>LINK</h2>
            <ul class="labels_nav">
              <li><a href="http://lipi.go.id/">Website LIPI</a></li>
              <li><a href="http://multimedia.bit.lipi.go.id/">Multimedia BIT</a></li>
              <li><a href="http://digilib.bit.lipi.go.id/">Digilib BIT</a></li>
              <li><a href="http://digilib.bit.lipi.go.id/ebook3d">Ebook 3D</a></li>
              
            </ul>
          </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3">
          <div class="single_footer_top wow fadeInDown">
            <!-- <h2>Produk dan Layanan</h2>
            <ul class="link_nav">
              <li><a href="#">Multimedia</a></li>
              <li><a href="#">Perpustakaan</a></li>
              <li><a href="#">Pelatihan</a></li>
            </ul> -->
          </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3">
          <div class="single_footer_top wow fadeInRight">
            <h2>Balai Informasi Teknologi</h2>
            <p><a href="https://www.google.co.id/maps/place/UPT+Balai+Informasi+Teknologi+LIPI/@-6.8820802,107.6079221,16z/data=!4m5!3m4!1s0x2e68e6f98bd25673:0x21252c6f0690bfbc!8m2!3d-6.8819948!4d107.6115079!6m1!1e1?hl=en" target="blank">   Jl. Sangkuriang 10, Gd. 40 Bandung</a></p>
            <p>Telp. 022 2502832</p>
            <p>Fax. 022 2502832</p>
            <p>E-mail. info@mail.bit.lipi.go.id</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="footer_bottom">
    <div class="container">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="footer_bottom_left">
            <p>Copyright &copy; 2018 <a href="/profile/tentang-upt-balai-informasi-teknologi-lipi">Balai Informasi Teknologi LIPI</a></p>
          </div>
        </div>
        <!-- <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
          <div class="footer_bottom_right">
            <p>Developed BY Boa Edan Software Development</p>
          </div>
        </div> -->
        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" style="text-align: right;">  <!-- Histats.com  (div with counter) --><!-- Histats.com  (div with counter) --><div id="histats_counter"></div>
<!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,4158471,4,600,110,30,00001000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?4158471&101" alt="" border="0"></a></noscript>
<!-- Histats.com  END  -->
</div>
      </div>
    </div>
  </div>
</footer>
                  
<script src="/assets/js/jquery.min.js"></script> 
<script src="/assets/js/bootstrap.min.js"></script> 
<script src="/assets/js/wow.min.js"></script> 
<script src="/assets/js/slick.min.js"></script> 
<script src="/assets/js/custom.js"></script>
<!-- <script src="/assets/js/3d.js"></script> -->
<!-- <script src="/assets/js/chart.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/solid-gauge.js"></script> -->

<script src="/assets/js/jquery.knob.js"></script>

<script>





  
    $(function() {
        $(".dial").knob();

    });

    $(".dial").knob({
  'format' : function (value) {
     return value + '%';
  }
});
</script>

    
</script>
</body>
</html>
<pre>
 </pre>
