JCAL - UPJ

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="author" content="Seto Andry Wibowo" /> <meta name="copyright" content="Faberhost.com" /> <meta name="creator" content="Raden Endah" /> <meta name="description" content="JCAL Universitas Pembangunan Jaya" /> <meta name="keywords" content="JCAL" />   <title>JCAL - UPJ</title> <link href="https://jcal.upj.ac.id/templates/upj/images/favicon.png" rel="shortcut icon"> <link href="https://jcal.upj.ac.id/templates/upj/css/general.css" rel="stylesheet" type="text/css"> <link href="https://jcal.upj.ac.id/templates/upj/css/style.css" rel="stylesheet" type="text/css"> <link href="https://jcal.upj.ac.id/templates/upj/css/hover.css" rel="stylesheet" type="text/css"> </head> <body>  <div class="top"> <div class="bg-top"> </div> <div style="width:100%; position:relative; clear:both"> <div class="container"> <div style="width:100%; clear:both; margin-bottom:10px;"> <div class="col-lg-4"><a href="https://jcal.upj.ac.id/"><img src="https://jcal.upj.ac.id/images/logo/logo2.png" border="0" alt="logo" style="width:50%;height:100px;"></a></div> <div class="col-lg-8"> <div style="width:100&; text-align:right;">  <h2 class="title-topa">Jaya Center </h2><h2 class="title-topb">for </h2><h2 class="title-topc">Advanced Learning</h2> </div> </div> </div> <div style="width:100%; clear:both; padding:10px 0;"> <div class="col-lg-10"> <link href="https://jcal.upj.ac.id/templates/upj/css/menu.css" rel="stylesheet" type="text/css">  <script type="text/javascript" src="https://jcal.upj.ac.id/templates/upj/js/jquery-1.10.2.js"></script> <script type="text/javascript" src="https://jcal.upj.ac.id/templates/upj/js/faber_horizontal_menu.js"></script> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="menu"> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"><li><a href='http://jcal.upj.ac.id'>Beranda</a></li><li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Tentang</a><ul class="dropdown-menu" style="top: 40px; visibility: visible; left: 0px;"><li><a href='https://jcal.upj.ac.id/pages/1/profil.html'>Profil </a></li><li><a href='https://jcal.upj.ac.id/pages/2/visi--misi.html'>Visi & Misi</a></li><li><a href='https://jcal.upj.ac.id/pages/3/tujuan.html'>Tujuan</a></li><li><a href='https://jcal.upj.ac.id/pages/4/program.html'>Program</a></li><li><a href='https://jcal.upj.ac.id/pages/5/struktur-organisasi.html'>Struktur Organisasi</a></li></ul></li><li><a href="#" class="dropdown-toggle" data-toggle="dropdown">Galeri</a><ul class="dropdown-menu" style="top: 40px; visibility: visible; left: 0px;"><li><a href='https://jcal.upj.ac.id/gallery/type/Image/'>Foto</a></li><li><a href='https://jcal.upj.ac.id/gallery/type/Video/'>Video</a></li></ul></li><li><a href='https://jcal.upj.ac.id/pages/6/hubungi-kami.html'>Kontak Kami</a></li><li><a href='https://lms.jcal.upj.ac.id/'>Course</a></li></ul> <br style="clear: left" /> </div> </div> </div> <div class="col-lg-2"> <div style="width:100%; display:table;"> <div class="col-lg-9"> <div style="text-align:right; padding:10px 0;" class="link-bil"><a href="https://jcal.upj.ac.id/switchlang.php?next=/gallery/type/Video/&lang=id" target="_parent" style="font-weight: bold;">INA </a>| <a href="https://jcal.upj.ac.id/switchlang.php?next=/gallery/type/Video/&lang=en" target="_parent" style="font-weight: normal;">ENG</a></div> </div> <div class="col-lg-3"> <link href="https://jcal.upj.ac.id/templates/upj/css/front.css" media="screen, projection" rel="stylesheet" type="text/css"> <div id="topnav" class="topnav"><a href="javascript: void(0);" class="signin"><img src="https://jcal.upj.ac.id/templates/upj/images/icon-search.png" style="" align="middle"/></a> </div> <fieldset id="signin_menu" style="width: 200px !important;"> <form method="get" id="signin" action="https://jcal.upj.ac.id/search.php"> <font style="font-size:14px; text-transform:uppercase;"><strong>Search</strong></font> <p> <input placeholder="News & Event" id="q" name="q" value="" title="Search" tabindex="4" type="text" style="width: 180px !important;" /> </p> <p class="remember"> <input id="signin_submit" placeholder="Search" tabindex="6" type="submit" /> </p> </form> </fieldset> </div> </div> </div> </div> </div> </div> </div> </div>   <div class="main" style="background:#fff;"> <div class="wrapper-slider"> <div class="container"> <div class="col-lg-6"><div class="title-header">GALLERY </div></div> <div class="col-lg-6"><div class="banner-header"><img src="https://jcal.upj.ac.id/images/defaultbanner.jpeg" width="100%"></div></div> </div> </div> <div style="width:100%; clear:both;"> <div class="container" style="padding:15px 0;"> <div class="col-lg-3"> <div style="width:100%; background:#cdcdcd; padding:20px 0;"> <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a href="https://jcal.upj.ac.id/gallery/type/Image/"> <img src="https://jcal.upj.ac.id/templates/upj/images/arrows-2.png" style="margin-right:10px;"> Gambar </a> </h4> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a href="https://jcal.upj.ac.id/gallery/type/Video/"> <img src="https://jcal.upj.ac.id/templates/upj/images/arrows-2.png" style="margin-right:10px;"> Video </a> </h4> </div> </div> </div> </div> </div> <div class="col-lg-9"> <div class="title-main"><img src="https://jcal.upj.ac.id/templates/upj/images/icon-4square.png" align="absmiddle" style="margin-right:10px;"> GALLERY </div> <div class="desc-main"> <link rel="stylesheet" type="text/css" href="https://jcal.upj.ac.id/templates/upj/css/style_common.css" /> <div class="col-lg-6"> <iframe width="100%" height="220" src="//www.youtube.com/embed/AlZjgBk2H2E?rel=0" frameborder="0" allowfullscreen></iframe> </div> <div style='clear:both;'> <br /><br /> <div style='float:left; padding:5px'>  </div> <div class='paging'> <div id="tabelpaginonpage">1</div><div id="tabelpagingnormal"><a href="https://jcal.upj.ac.id/gallery/type/Video/page/2/">2</a></div><div id="tabelpagingnormal"><a href="https://jcal.upj.ac.id/gallery/type/Video/page/3/">3</a></div><div id="tabelpagingnormal"><a href="https://jcal.upj.ac.id/gallery/type/Video/page/4/">4</a></div><div id="tabelpagingnormal"><a href="https://jcal.upj.ac.id/gallery/type/Video/page/5/">5</a></div><div id="tabelpagingnormal"><a href="https://jcal.upj.ac.id/gallery/type/Video/page/6/">6</a></div><div id="tabelpagingnormal"><a href="https://jcal.upj.ac.id/gallery/type/Video/page/7/">7</a></div><div id="tabelpagingnormal"><a href="https://jcal.upj.ac.id/gallery/type/Video/page/8/">8</a></div><div id="tabelpagingnormal"><a href="https://jcal.upj.ac.id/gallery/type/Video/page/9/">9</a></div><div id="tabelpagingnormal"><a href="https://jcal.upj.ac.id/gallery/type/Video/page/10/">10</a></div> <div id="tabelpagingnormal"><a href="https://jcal.upj.ac.id/gallery/type/Video/page/2/"> Next &rsaquo;</a></div> <div id="tabelpagingnormal"><a href="https://jcal.upj.ac.id/gallery/type/Video/page/46/">Last »</a></div></div> </div> </div> </div> </div>   <div class="main"> <div class="top-footer"> <div class="container"> <div class="col-lg-7"> <div style="width:100%; display:table;"> <div class="col-lg-2"><img src="https://jcal.upj.ac.id/templates/upj/images/logo-footer.png" /></div> <div class="col-lg-10" style="color:#fff;"> Jaya Center for Advanced Learning – Universitas Pembangunan Jaya<br /> <br /> Jl. Cendrawasih Bintaro Jaya Blok B7/P, Sawah Baru, Ciputat<br /> Tangerang Selatan, Banten, Indonesia<br /> <br /> Telepon : +62 21 745 5555 </div> </div> </div> <div class="col-lg-3"> </div> <div class="col-lg-2"> <div style="width:100%; display:table; margin-top:30px;"> <div style="width:100%; margin-bottom:10px; text-transform:uppercase; color:#fff;"><strong>Get Connected With</strong></div> <div style="width:100%; margin-bottom:10px; color:#fff799; font-size:24px;text-transform:uppercase;"><strong>Our Social Media</strong></div> <div style="width:100%; margin-bottom:10px; text-transform:uppercase;"> <a href="http://www.facebook.com/jcal.upj" target="_blank"><img src="https://jcal.upj.ac.id/templates/upj/images/fb.png" style="margin-right:10px;" /></a> </div> </div> </div> </div> </div> </div>    <script src="https://jcal.upj.ac.id/templates/upj/js/jquery.js"></script> <script src="https://jcal.upj.ac.id/templates/upj/js/jquery.min.js"></script> <script src="https://jcal.upj.ac.id/templates/upj/js/general.js"></script> <script src="https://jcal.upj.ac.id/templates/upj/js/holder.js"></script> <script src="https://jcal.upj.ac.id/templates/upj/js/modernizr.custom.79639.js"></script>       <script type="text/javascript"> var $a = jQuery.noConflict(); $a(document).ready(function() { $a(".signin").click(function(e) { e.preventDefault(); $a("fieldset#signin_menu").toggle(); $a(".signin").toggleClass("menu-open"); }); $a("fieldset#signin_menu").mouseup(function() { return false }); $a(document).mouseup(function(e) { if($a(e.target).parent("a.signin").length==0) { $a(".signin").removeClass("menu-open"); $a("fieldset#signin_menu").hide(); } }); }); </script> <script src="https://jcal.upj.ac.id/templates/upj/js/jquery.tipsy.js" type="text/javascript"></script>  <script src="https://jcal.upj.ac.id/templates/upj/js/jquery-1.7.min.js" type="text/javascript" charset="utf-8"></script> <script src="https://jcal.upj.ac.id/templates/upj/js/jquery.featureCarousel.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> $(document).ready(function() { var carousel = $("#carousel").featureCarousel({ // include options like this: // (use quotes only for string values, and no trailing comma after last option) // option: value, // option: value }); $("#but_prev").click(function () { carousel.prev(); }); $("#but_pause").click(function () { carousel.pause(); }); $("#but_start").click(function () { carousel.start(); }); $("#but_next").click(function () { carousel.next(); }); }); </script>  <script type="text/javascript" src="https://jcal.upj.ac.id/templates/upj/js/jquery-1.10.2.js"></script> <script type="text/javascript" src="https://jcal.upj.ac.id/templates/upj/js/jquery.nivo.slider.js"></script> <script src="https://jcal.upj.ac.id/templates/upj/js/jquery.flexslider.js"></script>  <script type="text/javascript"> var $jnoc = jQuery.noConflict(); $jnoc(window).load(function() { $jnoc('#slider').nivoSlider(); $jnoc('.flexslider').flexslider({ animation: 'fade', animationLoop: true, //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end slideshow: true, //Boolean: Animate slider automatically slideshowSpeed: 6000, //Integer: Set the speed of the slideshow cycling, in milliseconds animationSpeed: 800, //Boolean: Pause the slideshow when interacting with control elements, highly recommended. pauseOnHover: true, pauseOnAction:true, controlNav: false, directionNav: true, controlsContainer: '.flex-container', start: function(slider) { var toptitle = $('.slider-1 .flex-active-slide h2').data('toptitle'); var topimage = $('.slider-1 .flex-active-slide .item').data('topimage'); var bottomtext = $('.slider-1 .flex-active-slide p').data('bottomtext'); var bottomlinks = $('.slider-1 .flex-active-slide .links').data('bottomlinks'); $('.slider-1 .flex-active-slide').find('.item').css({ top: topimage}); $('.slider-1 .flex-active-slide').find('.item').animate({ right: '0', opacity: '1'}, 1000); $('.slider-1 .flex-active-slide').find('h2').animate({ left: '0', top: toptitle, opacity: '1'}, 1500); $('.slider-1 .flex-active-slide').find('p').animate({ left: '0', bottom: bottomtext, opacity: '1'}, 1500); $('.slider-1 .flex-active-slide').find('.links').animate({ left: '0', bottom: bottomlinks, opacity: '1'}, 1800); // remove class loading after start slider.removeClass('loading'); }, before: function(slider) { $('.slider-1 .flex-active-slide').find('.item').animate({ right: '-100%', opacity: '0'}, 1000); $('.slider-1 .flex-active-slide').find('h2').animate({ left: '0', top: '-100%', opacity: '0'}, 1500); $('.slider-1 .flex-active-slide').find('p').animate({ left: '0', bottom: '-50%', opacity: '0'}, 1500); $('.slider-1 .flex-active-slide').find('.links').animate({ left: '0', bottom: '-100%', opacity: '0'}, 1800); }, after: function(slider) { var toptitle = $('.slider-1 .flex-active-slide h2').data('toptitle'); var topimage = $('.slider-1 .flex-active-slide .item').data('topimage'); var bottomtext = $('.slider-1 .flex-active-slide p').data('bottomtext'); var bottomlinks = $('.slider-1 .flex-active-slide .links').data('bottomlinks'); $('.slider-1 .flex-active-slide').find('.item').css({ top: topimage}); $('.slider-1 .flex-active-slide').find('.item').animate({ right: '0', opacity: '1'}, 1000); $('.slider-1 .flex-active-slide').find('h2').animate({ left: '0', top: toptitle, opacity: '1'}, 1500); $('.slider-1 .flex-active-slide').find('p').animate({ left: '0', bottom: bottomtext, opacity: '1'}, 1500); $('.slider-1 .flex-active-slide').find('.links').animate({ left: '0', bottom: bottomlinks, opacity: '1'}, 1800); } }); }); $(window).ready(function() { }); </script> </body> </html>

CINXE.COM

JCAL - UPJ