Profile of our Librarian

Nama

admin

Position

Pustakawan

Surel

admin

Media Sosial

Facebook: </ul></div></div></div></div><div class="row-fluid librarian"><div class="span2"><div class="librarian-image"><img src="/images/persons/user_aam.jpg" alt="aam rohama" /></div></div><div class="span8"><div class="row-fluid"><div class="span3 key">Nama</div><div class="span7">aam rohama</div></div><div class="row-fluid"><div class="span3 key">Position</div><div class="span7">Pustakawan</div></div><div class="row-fluid"><div class="span3 key">Surel</div><div class="span7"></div></div><div class="row-fluid"><div class="span3 key">Media Sosial</div><div class="span9"></div></div></div></div><div class="row-fluid librarian"><div class="span2"><div><img src="/images/persons/person.png" alt="ADHITYA FIRMANSYAH" /></div></div><div class="span8"><div class="row-fluid"><div class="span3 key">Nama</div><div class="span7">ADHITYA FIRMANSYAH</div></div><div class="row-fluid"><div class="span3 key">Position</div><div class="span7">Pustakawan</div></div><div class="row-fluid"><div class="span3 key">Surel</div><div class="span7"></div></div><div class="row-fluid"><div class="span3 key">Media Sosial</div><div class="span9"></div></div></div></div></div> <div class="col-lg-4 col-sm-3 col-xs-12 animated fadeInUp delay4"> <br>  <h2>Informasi</h2> <hr/> <p>Akses Katalog Publik Daring - Gunakan fasilitas pencarian untuk mempercepat penemuan data katalog</p> <br/>  </div> </div> </div> </section> </main> <footer class="s-footer"> <div class="s-footer-content container"> <div class="row"> <div class="col-lg-6 col-sm-3 col-xs-12"> <div class="s-footer-tagline"> <a href="" target="_blank">Dian Nurdiana Powered by Slims</a> <a href="" target="https://institutpendidikan.ac.id">INSTITUT PENDIDIKAN INDONESIA</a> </div> </div> <nav class="col-lg-6 col-sm-9 col-xs-12"> <ul class="s-footer-menu"> <li><a href="http://digilib.institutpendidikan.ac.id">ELEKTRONIK SKRIPSI DAN TESIS</a></li> <li><a href="index.php">Beranda depan</a></li> <li><a target="_blank" rel="archives" href="http://library.institutpendidikan.ac.id/index.php?p=visitor ">Buku Tamu</a></li> </ul> </nav> </div> </div> </footer> <aside class="s-chat"> <a id="show-pchat" class="s-pchat-toggle animated bounceInRight delay8" role="navigation" > <i class="fa fa-comment-o"></i> </a> <div class="s-chat-header"> Chat With Librarian </div> <div class="s-chat-content text-center"> <form action="" method="post"> <p>Please type your name before starting in conversations.</p> <hr> <label for="message">Your Name:</label> <input type="text" id="message" name="userchat" /> <button type="submit" class="btn btn-block">Start Conversation</button> </form> </div> <footer class="text-center">You may also hit Enter button to starting in conversation. </footer> </aside> <script> $.get('chatserver.php', {}, function(){}); var Server; function log( text ) { $log = $('#log'); //Add text to log $log.append(($log.html()?'<br>':'') + text); //Autoscroll //$log[0].scrollTop = $log[0].scrollHeight - $log[0].clientHeight; } function send( text ) { Server.send( 'message', text ); } $(document).ready(function() { log('Connecting...'); Server = new FancyWebSocket('ws://127.0.0.1:9300?u='); $('#message').keypress(function(e) { if ( e.keyCode == 13 && this.value ) { log( 'You: ' + this.value ); send( '[M] |' + this.value ); $.ajax({ type: 'POST', url: 'index.php?p=chat', data: {msg: '2018.10.24 05:38:36 [M] - ' + this.value} }); $(this).val(''); } }); //Let the user know we're connected Server.bind('open', function() { log( "Connected." ); }); //OH NOES! Disconnection occurred. Server.bind('close', function( data ) { log( "Disconnected." ); }); //Log any messages sent from server Server.bind('message', function( payload ) { log( payload ); }); Server.connect(); }); </script>  <div class="s-background animated fadeIn">  <div class="gradients"> <div class="blue"></div> </div> <img class="slider" src='template/default/img/4.jpg'/> <img class="slider" src='template/default/img/3.jpg'/> <img class="slider" src='template/default/img/2.jpg'/> <img class="slider" src='template/default/img/1.jpg'/> </div> <script> //Replace blank cover $('.book img').error(function(){ var title = $(this).parent().attr('title').split(' '); $(this).parent().append('<div class="s-feature-title">' + title[0] + '<br/>' + title[1] + '<br/>... </div>'); $(this).attr({ src : './template/default/img/book.png', title : title + title[0] + ' ' + title[1] }); }); //Replace blank photo $('.librarian-image img').error(function(){ $(this).attr('src','./template/default/img/avatar.jpg'); }); //Feature list slider function mycarousel_initCallback(carousel) { // Disable autoscrolling if the user clicks the prev or next button. carousel.buttonNext.bind('click', function() { carousel.startAuto(0); }); carousel.buttonPrev.bind('click', function() { carousel.startAuto(0); }); // Pause autoscrolling if the user moves with the cursor over the clip. carousel.clip.hover(function() { carousel.stopAuto(); }, function() { carousel.startAuto(); }); }; jQuery('#topbook').jcarousel({ auto: 5, wrap: 'last', initCallback: mycarousel_initCallback }); $(window).scroll(function() { console.log($(window).scrollTop()); if ($(window).scrollTop() > 50) { $('.s-main-search').removeClass("animated fadeIn").addClass("animated fadeOut"); } else { $('.s-main-search').removeClass("animated fadeOut").addClass("animated fadeIn"); } }); </script> </body> </html>