CINXE.COM

<style> #primary_nav_wrap { margin-top:15px } #primary_nav_wrap ul { list-style:none; position:relative; float:left; margin:0; padding:0 } #primary_nav_wrap ul a { display:block; color:#333; text-decoration:none; font-weight:700; font-size:12px; line-height:32px; padding:0 15px; font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif } #primary_nav_wrap ul li { position:relative; float:left; margin:0; padding:0 } #primary_nav_wrap ul li.current-menu-item { background:#ddd } #primary_nav_wrap ul li:hover { background:#f6f6f6 } #primary_nav_wrap ul ul { display:none; position:absolute; top:100%; left:0; background:#fff; padding:0 } #primary_nav_wrap ul ul li { float:none; width:200px } #primary_nav_wrap ul ul a { line-height:120%; padding:10px 15px } #primary_nav_wrap ul ul ul { top:0; left:100% } #primary_nav_wrap ul li:hover > ul { display:block } </style> <!doctype html> <html prefix="og: http://ogp.me/ns#" xml:lang="id-id" lang="id-id" > <head> <meta name="description" content="UPT-TIK UPN Veteran Jawa Timur"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta content="IE=edge" http-equiv="X-UA-Compatible" /> <base href="https://upttik.upnjatim.ac.id/" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="UPT-TIK" /> <meta name="description" content="newjersey" /> <meta name="generator" content="Joomla! - Open Source Content Management" /> <title>Home</title> <link href="/templates/jd_newjersey/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" /> <link href="/plugins/system/websitePreloader/assets/themes/loadingbar.css" rel="stylesheet" type="text/css" /> <link href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.min.css" rel="stylesheet" type="text/css" /> <link href="/components/com_k2/css/k2.css?v=2.11.20230505" rel="stylesheet" type="text/css" /> <link href="/templates/jd_newjersey/css-compiled/menu-675c761f1dd48561213e0f16e33cdbcb.css" rel="stylesheet" type="text/css" /> <link href="/templates/jd_newjersey/css-compiled/menu-hovers-675c761f1dd48561213e0f16e33cdbcb.css" rel="stylesheet" type="text/css" /> <link href="/libraries/gantry/css/grid-responsive.css" rel="stylesheet" type="text/css" /> <link href="/templates/jd_newjersey/css-compiled/bootstrap.css" rel="stylesheet" type="text/css" /> <link href="/templates/jd_newjersey/css-compiled/master-ccdc829c4d0653cebc7251801a4c0b63.css" rel="stylesheet" type="text/css" /> <link href="/templates/jd_newjersey/css/master-ie8.css" rel="stylesheet" type="text/css" /> <link href="/templates/jd_newjersey/css-compiled/mediaqueries.css" rel="stylesheet" type="text/css" /> <link href="/modules/mod_rokajaxsearch/css/rokajaxsearch.css" rel="stylesheet" type="text/css" /> <link href="/modules/mod_rokajaxsearch/themes/dark/rokajaxsearch-theme.css" rel="stylesheet" type="text/css" /> <link href="/modules/mod_rokajaxsearch/themes/dark/rokajaxsearch-theme-ie7.css" rel="stylesheet" type="text/css" /> <style type="text/css"> </style> <script type="application/json" class="joomla-script-options new">{"csrf.token":"82b8c1007d2af66518a6687b002c10ed","system.paths":{"root":"","base":""}}</script> <script src="/plugins/system/websitePreloader/assets/js/preloader.min.js" type="text/javascript"></script> <script src="/media/jui/js/jquery.min.js?6348f1a1f70547e9468cc19cc5fca5d8" type="text/javascript"></script> <script src="/media/jui/js/jquery-noconflict.js?6348f1a1f70547e9468cc19cc5fca5d8" type="text/javascript"></script> <script src="/media/jui/js/jquery-migrate.min.js?6348f1a1f70547e9468cc19cc5fca5d8" type="text/javascript"></script> <script src="/media/k2/assets/js/k2.frontend.js?v=2.11.20230505&sitepath=/" type="text/javascript"></script> <script src="/media/system/js/caption.js?6348f1a1f70547e9468cc19cc5fca5d8" type="text/javascript"></script> <script src="/media/jui/js/bootstrap.min.js?6348f1a1f70547e9468cc19cc5fca5d8" type="text/javascript"></script> <script src="/media/system/js/mootools-core.js?6348f1a1f70547e9468cc19cc5fca5d8" type="text/javascript"></script> <script src="/media/system/js/core.js?6348f1a1f70547e9468cc19cc5fca5d8" type="text/javascript"></script> <script src="/media/system/js/mootools-more.js?6348f1a1f70547e9468cc19cc5fca5d8" type="text/javascript"></script> <script src="/libraries/gantry/js/browser-engines.js" type="text/javascript"></script> <script src="/templates/jd_newjersey/js/rokmediaqueries.js" type="text/javascript"></script> <script src="/modules/mod_rokajaxsearch/js/rokajaxsearch.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(window).on('load', function() { new JCaption('img.caption'); }); window.addEvent((window.webkit) ? 'load' : 'domready', function() { window.rokajaxsearch = new RokAjaxSearch({ 'results': 'Results', 'close': '', 'websearch': 0, 'blogsearch': 0, 'imagesearch': 0, 'videosearch': 0, 'imagesize': 'MEDIUM', 'safesearch': 'MODERATE', 'search': 'Search...', 'readmore': 'Read more...', 'noresults': 'No results', 'advsearch': 'Advanced search', 'page': 'Page', 'page_of': 'of', 'searchlink': 'https://upttik.upnjatim.ac.id/index.php?option=com_search&view=search&tmpl=component', 'advsearchlink': 'https://upttik.upnjatim.ac.id/index.php?option=com_search&view=search', 'uribase': 'https://upttik.upnjatim.ac.id/', 'limit': '10', 'perpage': '3', 'ordering': 'newest', 'phrase': 'any', 'hidedivs': '', 'includelink': 1, 'viewall': 'View all results', 'estimated': 'estimated', 'showestimated': 1, 'showpagination': 1, 'showcategory': 1, 'showreadmore': 1, 'showdescription': 1 }); }); </script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="/templates/jd_newjersey/less/grid-responsive.css"> <link rel="stylesheet" type="text/css" href="/templates/jd_newjersey/less/kunena.less"> <link rel="stylesheet" type="text/css" href="/templates/jd_newjersey/less/hikashop.css"> <link rel="stylesheet" type="text/css" href="/templates/jd_newjersey/less/animate.css"> <link rel="stylesheet" type="text/css" href="/templates/jd_newjersey/less/virtuemart.css"> <link rel="stylesheet" type="text/css" href="/templates/jd_newjersey/less/jevents.css"> <link rel="stylesheet" type="text/css" href="/templates/jd_newjersey/less/joomdev.less"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="/templates/jd_newjersey/less/bootstrap.min.css" type="text/css" /> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <script src="/templates/jd_newjersey/js/wow.min.js"></script> <script> new WOW().init(); </script> <link rel="stylesheet" type="text/css" href="https://upttik.upnjatim.ac.id/media/nextend/n2-ss-1/n2-ss-1.css?1693199020" media="screen, print" /> <style type="text/css">.n2-ss-spinner-simple-white-container { position: absolute; top: 50%; left: 50%; margin: -20px; background: #fff; width: 20px; height: 20px; padding: 10px; border-radius: 50%; z-index: 1000; } .n2-ss-spinner-simple-white { outline: 1px solid RGBA(0,0,0,0); width:100%; height: 100%; } .n2-ss-spinner-simple-white:before { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -11px; margin-left: -11px; } .n2-ss-spinner-simple-white:not(:required):before { content: ''; border-radius: 50%; border-top: 2px solid #333; border-right: 2px solid transparent; animation: n2SimpleWhite .6s linear infinite; -webkit-animation: n2SimpleWhite .6s linear infinite; } @keyframes n2SimpleWhite { to {transform: rotate(360deg);} } @-webkit-keyframes n2SimpleWhite { to {-webkit-transform: rotate(360deg);} }</style><script type="text/javascript">window.nextend={localization:{},deferreds:[],loadScript:function(url){n2jQuery.ready(function(){nextend.deferreds.push(n2.ajax({url:url,dataType:"script",cache:true,error:function(){console.log(arguments)}}))})},ready:function(cb){n2.when.apply(n2,nextend.deferreds).done(function(){cb.call(window,n2)})}};nextend.fontsLoaded=false;nextend.fontsLoadedActive=function(){nextend.fontsLoaded=true};var fontData={google:{families:["Bevan:300,400","Montserrat:300,400:latin"]},active:function(){nextend.fontsLoadedActive()},inactive:function(){nextend.fontsLoadedActive()}};if(typeof WebFontConfig!=='undefined'){var _WebFontConfig=WebFontConfig;for(var k in WebFontConfig){if(k=='active'){fontData.active=function(){nextend.fontsLoadedActive();_WebFontConfig.active()}}else if(k=='inactive'){fontData.inactive=function(){nextend.fontsLoadedActive();_WebFontConfig.inactive()}}else if(k=='google'){if(typeof WebFontConfig.google.families!=='undefined'){for(var i=0;i<WebFontConfig.google.families.length;i++){fontData.google.families.push(WebFontConfig.google.families[i])}}}else{fontData[k]=WebFontConfig[k]}}}if(typeof WebFont==='undefined'){window.WebFontConfig=fontData}else{WebFont.load(fontData)}</script><script type="text/javascript" src="https://upttik.upnjatim.ac.id/media/nextend/n2/n2.js?1693199020"></script> <script type="text/javascript" src="https://upttik.upnjatim.ac.id/libraries/nextend2/nextend/media/dist/nextend-gsap.min.js?1688452219"></script> <script type="text/javascript" src="https://upttik.upnjatim.ac.id/libraries/nextend2/nextend/media/dist/nextend-frontend.min.js?1688452219"></script> <script type="text/javascript" src="https://upttik.upnjatim.ac.id/libraries/nextend2/smartslider/media/dist/smartslider-frontend.min.js?1688452219"></script> <script type="text/javascript" src="https://upttik.upnjatim.ac.id/libraries/nextend2/smartslider/media/plugins/type/simple/simple/dist/smartslider-simple-type-frontend.min.js?1688452219"></script> <script type="text/javascript" src="https://upttik.upnjatim.ac.id/libraries/nextend2/nextend/media/dist/nextend-webfontloader.min.js?1688452219"></script> <script type="text/javascript" src="https://upttik.upnjatim.ac.id/media/nextend/n2-ss-1/n2-ss-1.js?1693199020"></script> <script type="text/javascript">window.n2jQuery.ready((function($){window.nextend.ready(function(){nextend.fontsDeferred=n2.Deferred();if(nextend.fontsLoaded){nextend.fontsDeferred.resolve()}else{nextend.fontsLoadedActive=function(){nextend.fontsLoaded=true;nextend.fontsDeferred.resolve()};var intercalCounter=0;nextend.fontInterval=setInterval(function(){if(intercalCounter>3||document.documentElement.className.indexOf('wf-active')!==-1){nextend.fontsLoadedActive();clearInterval(nextend.fontInterval)}intercalCounter++},1000)}new N2Classes.SmartSliderSimple('#n2-ss-1',{"admin":false,"isStaticEdited":0,"translate3d":1,"callbacks":"","align":"normal","isDelayed":0,"load":{"fade":1,"scroll":0},"playWhenVisible":1,"responsive":{"desktop":1,"tablet":1,"mobile":1,"onResizeEnabled":true,"type":"fullwidth","downscale":1,"upscale":1,"minimumHeight":0,"maximumHeight":3000,"maximumSlideWidth":3000,"maximumSlideWidthLandscape":3000,"maximumSlideWidthTablet":3000,"maximumSlideWidthTabletLandscape":3000,"maximumSlideWidthMobile":3000,"maximumSlideWidthMobileLandscape":3000,"maximumSlideWidthConstrainHeight":0,"forceFull":1,"forceFullHorizontalSelector":"","constrainRatio":1,"verticalOffsetSelectors":"","focusUser":0,"focusAutoplay":0,"deviceModes":{"desktopPortrait":1,"desktopLandscape":0,"tabletPortrait":1,"tabletLandscape":0,"mobilePortrait":1,"mobileLandscape":0},"normalizedDeviceModes":{"unknownUnknown":["unknown","Unknown"],"desktopPortrait":["desktop","Portrait"],"desktopLandscape":["desktop","Portrait"],"tabletPortrait":["tablet","Portrait"],"tabletLandscape":["tablet","Portrait"],"mobilePortrait":["mobile","Portrait"],"mobileLandscape":["mobile","Portrait"]},"verticalRatioModifiers":{"unknownUnknown":1,"desktopPortrait":1,"desktopLandscape":1,"tabletPortrait":1,"tabletLandscape":1,"mobilePortrait":1,"mobileLandscape":1},"minimumFontSizes":{"desktopPortrait":4,"desktopLandscape":4,"tabletPortrait":4,"tabletLandscape":4,"mobilePortrait":4,"mobileLandscape":4},"ratioToDevice":{"Portrait":{"tablet":0.7,"mobile":0.5},"Landscape":{"tablet":0,"mobile":0}},"sliderWidthToDevice":{"desktopPortrait":900,"desktopLandscape":900,"tabletPortrait":630,"tabletLandscape":0,"mobilePortrait":450,"mobileLandscape":0},"basedOn":"combined","tabletPortraitScreenWidth":800,"mobilePortraitScreenWidth":440,"tabletLandscapeScreenWidth":800,"mobileLandscapeScreenWidth":440,"orientationMode":"width_and_height","scrollFix":0,"overflowHiddenPage":0,"desktopPortraitScreenWidth":1200},"controls":{"scroll":0,"drag":1,"touch":"horizontal","keyboard":0,"tilt":0},"lazyLoad":0,"lazyLoadNeighbor":0,"blockrightclick":0,"maintainSession":0,"autoplay":{"enabled":0,"start":1,"duration":8000,"autoplayToSlide":-1,"autoplayToSlideIndex":-1,"allowReStart":0,"pause":{"click":1,"mouse":"0","mediaStarted":1},"resume":{"click":0,"mouse":0,"mediaEnded":1,"slidechanged":0}},"layerMode":{"playOnce":0,"playFirstLayer":1,"mode":"skippable","inAnimation":"mainInEnd"},"parallax":{"enabled":1,"mobile":0,"is3D":0,"animate":1,"horizontal":"mouse","vertical":"mouse","origin":"slider","scrollmove":"both"},"background.parallax.tablet":0,"background.parallax.mobile":0,"initCallbacks":[],"allowBGImageAttachmentFixed":false,"bgAnimations":{"global":[{"type":"Flat","tiles":{"crop":false,"delay":0,"sequence":"ForwardDiagonal"},"main":{"type":"both","duration":0.75,"current":{"ease":"easeOutCubic","scale":1.5,"opacity":0},"next":{"ease":"easeOutCubic","opacity":0,"scale":0.5}},"invert":{"current":{"scale":0.5},"next":{"scale":1.5}}}],"speed":"normal","slides":[{"animation":[{"type":"Flat","tiles":{"crop":false,"delay":0,"sequence":"ForwardDiagonal"},"main":{"type":"both","duration":0.75,"current":{"ease":"easeOutCubic","scale":0.5,"opacity":0},"next":{"ease":"easeOutCubic","opacity":0,"scale":1.5}},"invert":{"current":{"scale":1.5},"next":{"scale":0.5}}}],"speed":"normal"},{"animation":[{"type":"Flat","tiles":{"crop":false,"delay":0,"sequence":"ForwardDiagonal"},"main":{"type":"both","duration":0.75,"current":{"ease":"easeOutCubic","scale":0.5,"opacity":0},"next":{"ease":"easeOutCubic","opacity":0,"scale":1.5}},"invert":{"current":{"scale":1.5},"next":{"scale":0.5}}}],"speed":"normal"},{"animation":[{"type":"Flat","tiles":{"crop":false,"delay":0,"sequence":"ForwardDiagonal"},"main":{"type":"both","duration":0.75,"current":{"ease":"easeOutCubic","scale":1.5,"opacity":0},"next":{"ease":"easeOutCubic","opacity":0,"scale":0.5}},"invert":{"current":{"scale":0.5},"next":{"scale":1.5}}}],"speed":"normal"}]},"mainanimation":{"type":"horizontal","duration":800,"delay":0,"ease":"easeOutQuad","parallax":1,"shiftedBackgroundAnimation":0},"carousel":1,"dynamicHeight":0});new N2Classes.SmartSliderWidgetArrowImage("n2-ss-1",0.8,0.7,0.5);new N2Classes.SmartSliderWidgetAutoplayImage("n2-ss-1",1,0.7,0.5);new N2Classes.SmartSliderWidgetBulletTransition("n2-ss-1",{"overlay":false,"area":10,"thumbnails":[],"action":"click","numeric":0})})}));</script></head> <body class="logo-type-gantry headerstyle-dark font-family-helvetica font-size-is-default menu-type-dropdownmenu menu-dropdownmenu-position-header-a layout-mode-responsive col12 option-com-content menu-homepage "> <header id="rt-top-surround"> <div class="wow fadeIn" id="rt-top" > <div class="rt-container"> <div class="rt-grid-3 rt-alpha"> <div class="rt-block logo-block"> <a href="/" id="rt-logo"></a> </div> <div class="rt-block "> <div class="module-surround"> <div class="module-content"> <div class="custom" > <style> #backtop { bottom:50px; right:4.5%; position: fixed; outline: none; overflow:hidden; color:#fff; text-align:center; background-color:rgba(49,79,78,0.84); height:40px; width:40px; line-height:40px; font-size:14px; border-radius:2px; cursor:pointer; transition:all 0.3s linear; padding:0px; z-index:1001; opacity:1; display:none; } #backtop:hover { background-color:#01add3; } #backtop.mcOut { opacity:0; } </style> <script> var floatPanel = new McFloatPanel(); /* Float Panel v2016.4.3. Copyright www.menucool.com */ function McFloatPanel(){var m=[],e="className",f="length",h="display",w="transition",i="style",v="height",b="scrollTop",l="offsetHeight",c=document,a=document.documentElement,j=function(a,c,b){if(a.addEventListener)a.addEventListener(c,b,false);else a.attachEvent&&a.attachEvent("on"+c,b)},s=function(b,c){if(typeof getComputedStyle!="undefined")var a=getComputedStyle(b,null);else a=b.currentStyle;return a?a[c]:"fixed"},E=function(){var b=c.body;return Math.max(b.scrollHeight,b[l],a.clientHeight,a.scrollHeight,a[l])},H=function(a,c){var b=a[f];while(b--)if(a[b]===c)return true;return false},g=function(b,a){return H(b[e].split(" "),a)},q=function(a,b){if(!g(a,b))if(!a[e])a[e]=b;else a[e]+=" "+b},n=function(c,g){if(c[e]){for(var d="",b=c[e].split(" "),a=0,h=b[f];a<h;a++)if(b[a]!==g)d+=b[a]+" ";c[e]=d.replace(/^\s+|\s+$/g,"")}},k=function(){return window.pageYOffset||a[b]},F=function(a){return a.getBoundingClientRect().top},z=function(a){var b=k();if(b>a.oS&&!g(a,"fixed"))q(a,"fixed");else g(a,"fixed")&&b<a.oS&&n(a,"fixed")},t=function(){for(var a=0;a<m[f];a++)C(m[a])},C=function(a){if(a.oS){a.fpTimer&&clearTimeout(a.fpTimer);a.fpTimer=setTimeout(function(){if(a.alwaysFixed)z(a);else u(a)},50)}else u(a)},u=function(b){var m=F(b),d=b[l],f=b[i],c=b.pH[i],e=k();if(m<b.oT&&e>b.oS&&!g(b,"fixed")&&(window.innerHeight||a.clientHeight)>d){b.tP=e+m-b.oT;var o=E();if(d>o-b.tP-d)var j=d;else j=0;c[h]="block";c[w]="none";c[v]=d+1+"px";b.pH[l];c[w]="height .3s";c[v]=j+"px";q(b,"fixed");f.position="fixed";f.top=b.oT+"px";if(s(b,"position")!="fixed")c[h]="none"}else if(g(b,"fixed")&&(e<b.tP||e<b.oS)){n(b,"fixed");c[h]="none";f.position=f.top=""}},B=function(){var d=[],b,a;if(c.getElementsByClassName)d=c.getElementsByClassName("float-panel");else{var k=c.getElementsByTagName("*");b=k[f];while(b--)g(k[b],"float-panel")&&d.push(k[b])}b=d[f];for(var e=0;e<b;e++){a=m[e]=d[e];a.oT=parseInt(a.getAttribute("data-top")||0);a.oS=parseInt(a.getAttribute("data-scroll")||0);if(a.oS>20&&s(a,"position")=="fixed")a.alwaysFixed=1;a.pH=c.createElement("div");a.pH[i].width=a.offsetWidth+"px";a.pH[i][h]="none";a.parentNode.insertBefore(a.pH,a.nextSibling)}if(m[f]){setTimeout(t,160);j(window,"scroll",t)}G()};j(window,"load",B);var d,x=200,y=0,r,p,A=function(){return window.innerWidth||a.clientWidth||c.body.clientWidth};function D(){r=setInterval(function(){var d=c.body;if(d[b]<3)d[b]=0;else d[b]=d[b]/1.4;if(a[b]<3)a[b]=0;else a[b]=a[b]/1.4;if(!k()){clearInterval(r);r=null}},12)}function o(){clearTimeout(p);if(k()>x&&A()>y){p=setTimeout(function(){n(d,"mcOut")},60);d[i][h]="block"}else{q(d,"mcOut");p=setTimeout(function(){d[i][h]="none"},500)}}var G=function(){d=c.getElementById("backtop");if(d){var a=d.getAttribute("data-v-w");if(a){a=a.replace(/\s/g,"").split(",");x=parseInt(a[0]);if(a[f]>1)y=parseInt(a[1])}j(d,"click",D);j(window,"resize",o);j(window,"scroll",o);o()}}} </script> <center> <div id="backtop" title="Back to Top">▲</div> </center></div> </div> </div> </div> </div> <div class="rt-grid-9 rt-omega"> <div class="rt-block "> <div class="module-surround"> <div class="module-content"> <div class="custom" > <ul class="top-address-bar"> <li class="jd-phone"></li> <li class="jd-emailid"><nav id="primary_nav_wrap"> <ul> <li><a href="#" style="color: white;">Tentang</a> <ul> <li><a href="/index.php/profil">Profil</a></li> <li><a href="/index.php/visi-misi">Visi & Misi</a></li> <li><a href="/index.php/struktur-organisasi">Struktur Organisasi</a></li> <li><a href="/index.php/tugas-pokok-fungsi">Tugas Pokok & Fungsi</a></li> <li><a href="/index.php/pengalaman-kerja">Pengalaman Kerja</a></li> <li><a href="#">Galeri</a></li> </ul> </li> <li><a href="#" style="color: white;">Bantuan</a> <ul> <li><a href="#kontak">Kontak</a></li> <li><a href="http://siadu.upnjatim.ac.id">Pengaduan</a></li> </ul> </li> <li><a href="#" class="gflag nturl" style="background-position: -0px -0px;" title="English" onclick="doGTranslate('id|en');return false;"><img src="https://www.upnjatim.ac.id/images/remote/http--files.softicons.com-download-internet-cons-flag-iso-icons-by-icondrawer-png-24-United20KingdomGreat20Britain.png" alt="English" width="24" height="24" /></a></li> <li>|</li> <li><a href="#" class="gflag nturl" style="background-position: -0px -0px;" title="English" onclick="doGTranslate('en|id');return false;"><img src="https://www.upnjatim.ac.id/images/remote/http--files.softicons.com-download-internet-cons-flag-icons-by-custom-icon-design-png-24-Indonesia-Flag.png" alt="Indonesian" width="24" height="24" /></a></li> </ul> </nav></li> </ul></div> </div> </div> </div> </div> <div class="clear"></div> </div> </div> <div class="wow fadeIn" id="rt-header"> <div class="rt-container"> <div class="rt-grid-9 rt-alpha"> <div class="rt-block menu-block"> <div class="gf-menu-device-container responsive-type-panel"></div> <ul class="gf-menu l1 " > <li class="item435 active last" > <a class="item" href="/index.php" > Home </a> </li> <li class="item496 parent full-width-menu" > <a class="item" href="javascript:void(0);" > Layanan Sistem <span class="border-fixer"></span> </a> <div class="dropdown columns-4 " style="width:1200px;"> <div class="column col1" style="width:550px;"> <ul class="l2"> <li class="item657 parent grouped" > <a class="item" href="javascript:void(0);" > _____ <span class="border-fixer"></span> </a> <ol class=" type-module"> <li class="modules"> <div class="module-content"> <div class="custom" > <table style="width: 100%;"> <tbody> <tr> <td style="width: 95%;"> <p style="color=black;font-size: 25px; width: 100%; margin: 0; line-height: normal !important; left: 10px; top: 150px;">Memberikan Layanan Penunjang Perkuliahan Mahasiswa & Pekerjaan Dosen dan Pegawai</p> </td> </tr> </tbody> </table></div> </div> </li> </ol> </li> </ul> </div> <div class="column col2" style="width:550px;"> <ul class="l2"> <li class="item658 parent grouped" > <a class="item" href="javascript:void(0);" > ____ <span class="border-fixer"></span> </a> <ol class=""> <li class="item670" > <a class="item" href="/index.php/layanan/____/sistem-informasi" > Sistem Informasi </a> </li> <li class="item671" > <a class="item" href="/index.php/layanan/____/komunikasi-kolaborasi" > Komunikasi dan Kolaborasi </a> </li> <li class="item672" > <a class="item" href="/index.php/layanan/____/komputasi-personal" > Komputasi Personal </a> </li> <li class="item674" > <a class="item" href="/index.php/layanan/____/fasilitas-data-center" > Fasilitas Data Center </a> </li> <li class="item675" > <a class="item" href="/index.php/layanan/____/penelitian" > Penelitian </a> </li> <li class="item676 parent" > <a class="item" href="/index.php/layanan/____/belajar-mengajar" > Belajar Mengajar <span class="border-fixer"></span> </a> <div class="dropdown flyout columns-1 " style="width:180px;"> <div class="column col1" style="width:550px;"> <ul class="l4"> <li class="item732" > <a class="item" href="/index.php/layanan/____/belajar-mengajar/pelatihan" > Pelatihan </a> </li> </ul> </div> </div> </li> </ol> </li> </ul> </div> </div> </li> <li class="item733" > <a class="item" href="https://upttik.upnjatim.ac.id/faq" > FAQ </a> </li> </ul> <div class="clear"></div> </div> </div> <div class="rt-grid-3 rt-omega"> <div class="rt-block jd-search"> <div class="module-surround"> <div class="module-content"> <form name="rokajaxsearch" id="rokajaxsearch" class="dark" action="https://upttik.upnjatim.ac.id/" method="get"> <div class="rokajaxsearch jd-search"> <div class="roksearch-wrapper"> <input id="roksearch_search_str" name="searchword" type="text" class="inputbox roksearch_search_str" placeholder="Search..." /> </div> <input type="hidden" name="searchphrase" value="any"/> <input type="hidden" name="limit" value="20" /> <input type="hidden" name="ordering" value="newest" /> <input type="hidden" name="view" value="search" /> <input type="hidden" name="option" value="com_search" /> <div id="roksearch_results"></div> </div> <div id="rokajaxsearch_tmp" style="visibility:hidden;display:none;"></div> </form> </div> </div> </div> </div> <div class="clear"></div> </div> </div> </header> <div class="wow fadeIn" id="jd-slider"> <div class="rt-container"> <div class="rt-grid-12 rt-alpha rt-omega"> <div class="rt-block "> <div class="module-surround"> <div class="module-content"> <div>  <div id="n2-ss-1-align" class="n2-ss-align"><div class="n2-padding"><div id="n2-ss-1" class="n2-ss-slider n2-ow n2notransition n2-ss-load-fade " data-minFontSizedesktopPortrait="4" data-minFontSizedesktopLandscape="4" data-minFontSizetabletPortrait="4" data-minFontSizetabletLandscape="4" data-minFontSizemobilePortrait="4" data-minFontSizemobileLandscape="4" style="font-size: 16px;" data-fontsize="16"> <div class="n2-ss-slider-1 n2-ow" style=""> <div class="n2-ss-slider-2 n2-ow"> <div class="n2-ss-background-animation n2-ow"></div> <div class="n2-ss-slider-3 n2-ow" style=""> <div data-slide-duration="0" data-id="33" class="n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-active n2-ss-slide-33" style=""><div data-hash="49207da9bcb53b1738cae1346e50243d" data-desktop="//upttik.upnjatim.ac.id/images/jd-slider/salmon.jpeg" style="" class="n2-ss-slide-background n2-ow" data-opacity="1" data-blur="0" data-mode="fill" data-x="50" data-y="50"><img title="" src="//upttik.upnjatim.ac.id/images/jd-slider/salmon.jpeg" alt="" /></div><div class="n2-ss-layers-container n2-ow" data-csstextalign="center" style=""><div class="n2-ss-layer n2-ow" style="left:10px;top:-114px;width:auto;height:35px;overflow:visible;" data-pm="absolute" data-responsiveposition="1" data-desktopportraitleft="10" data-mobileportraitleft="0" data-desktopportraittop="-114" data-mobileportraittop="-79" data-responsivesize="1" data-desktopportraitwidth="auto" data-desktopportraitheight="35" data-desktopportraitalign="center" data-mobileportraitalign="center" data-desktopportraitvalign="middle" data-mobileportraitvalign="middle" data-parentid="" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-type="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="120" data-mobileportraitfontsize="220" data-plugin="rendered"><div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"><p class="n2-font-1b403c37110100ef0924b61a6f368103-paragraph n2-ow"><font style="text-shadow: 2px 2px 8px orange;">UPT-TEKNOLOGI INFORMASI KOMUNIKASI</font></p> </div></div><div class="n2-ss-layer n2-ow" style="left:10px;top:284px;width:921px;height:auto;overflow:visible;" data-pm="absolute" data-responsiveposition="1" data-desktopportraitleft="10" data-desktopportraittop="284" data-responsivesize="1" data-desktopportraitwidth="921" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="top" data-parentid="" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-type="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"><p class="n2-font-f1a107c3a0ee76d2a416a70eb1b0fcbe-paragraph n2-style-a6ed84f0cd0c7e4f774251e22f90cdcd-heading n2-ow"><font style="text-shadow: 2px 2px 8px #34ccff;">UPN "Veteran" Jawa Timur</font></p> </div></div></div></div><div data-slide-duration="0" data-id="32" class="n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-32" style=""><div data-hash="39894e2980c018dd83b070bff84030ce" data-desktop="//upttik.upnjatim.ac.id/images/gallery/IMG20161223104711.jpg" style="" class="n2-ss-slide-background n2-ow" data-opacity="1" data-blur="0" data-mode="fill" data-x="50" data-y="50"><img title="" src="//upttik.upnjatim.ac.id/images/gallery/IMG20161223104711.jpg" alt="" /></div><div class="n2-ss-layers-container n2-ow" data-csstextalign="center" style=""><div class="n2-ss-layer n2-ow" style="left:-6px;top:-27px;width:auto;height:auto;overflow:visible;" data-pm="absolute" data-responsiveposition="1" data-desktopportraitleft="-6" data-mobileportraitleft="0" data-desktopportraittop="-27" data-mobileportraittop="-79" data-responsivesize="1" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-mobileportraitalign="center" data-desktopportraitvalign="middle" data-mobileportraitvalign="middle" data-parentid="" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-type="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="120" data-mobileportraitfontsize="220" data-plugin="rendered"><div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"><p class="n2-font-ad4a3f99eaa71b8d8f0e4ac6a25dcb33-paragraph n2-ow"><font style="text-shadow: 2px 2px 8px orange;">DATA CENTER</font></p> </div></div><div class="n2-ss-layer n2-ow" style="left:143px;top:225px;width:614px;height:auto;overflow:visible;" data-pm="absolute" data-responsiveposition="1" data-desktopportraitleft="143" data-desktopportraittop="225" data-responsivesize="1" data-desktopportraitwidth="614" data-desktopportraitheight="auto" data-desktopportraitalign="left" data-desktopportraitvalign="top" data-parentid="" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-type="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"><p class="n2-font-7b5329a57b70a3ed64f1a99de3092cfa-paragraph n2-ow"><font style="text-shadow: 2px 2px 8px #34ccff;">UPN "Veteran" Jawa Timur</font></p> </div></div></div></div><div data-slide-duration="0" data-id="35" class="n2-ss-slide n2-ss-canvas n2-ow n2-ss-slide-35" style=""><div data-hash="c16e9072d199c770027ef2bfff5a9eca" data-desktop="//upttik.upnjatim.ac.id/images/gallery/24manguel-master768.jpeg" style="" class="n2-ss-slide-background n2-ow" data-opacity="1" data-blur="0" data-mode="fill" data-x="50" data-y="50"><img title="" src="//upttik.upnjatim.ac.id/images/gallery/24manguel-master768.jpeg" alt="" /></div><div class="n2-ss-layers-container n2-ow" data-csstextalign="center" style=""><div class="n2-ss-layer n2-ow" style="left:0px;top:12px;width:auto;height:auto;overflow:visible;" data-pm="absolute" data-responsiveposition="1" data-desktopportraitleft="0" data-mobileportraitleft="0" data-desktopportraittop="12" data-mobileportraittop="-23" data-responsivesize="1" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-mobileportraitalign="center" data-desktopportraitvalign="middle" data-mobileportraitvalign="middle" data-parentid="" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-type="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="180" data-mobileportraitfontsize="280" data-plugin="rendered"><div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"></div></div><div class="n2-ss-layer n2-ow" style="left:0px;top:-26px;width:auto;height:auto;overflow:visible;" data-pm="absolute" data-responsiveposition="1" data-desktopportraitleft="0" data-mobileportraitleft="0" data-desktopportraittop="-26" data-mobileportraittop="-79" data-responsivesize="1" data-desktopportraitwidth="auto" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-mobileportraitalign="center" data-desktopportraitvalign="middle" data-mobileportraitvalign="middle" data-parentid="" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-type="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="120" data-mobileportraitfontsize="220" data-plugin="rendered"><div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"></div></div><div class="n2-ss-layer n2-ow" style="left:-10px;top:60px;width:881px;height:auto;overflow:visible;" data-pm="absolute" data-responsiveposition="1" data-desktopportraitleft="-10" data-desktopportraittop="60" data-responsivesize="1" data-desktopportraitwidth="881" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-desktopportraitvalign="middle" data-parentid="" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-type="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="100" data-plugin="rendered"><div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"><p class="n2-font-f1a107c3a0ee76d2a416a70eb1b0fcbe-paragraph n2-style-a6ed84f0cd0c7e4f774251e22f90cdcd-heading n2-ow"><font style="text-shadow: 2px 2px 8px #34ccff;">UPN "Veteran" Jawa Timur</font></p> </div></div><div class="n2-ss-layer n2-ow" style="left:-10px;top:-39px;width:881px;height:auto;overflow:visible;" data-pm="absolute" data-responsiveposition="1" data-desktopportraitleft="-10" data-mobileportraitleft="0" data-desktopportraittop="-39" data-mobileportraittop="-79" data-responsivesize="1" data-desktopportraitwidth="881" data-desktopportraitheight="auto" data-desktopportraitalign="center" data-mobileportraitalign="center" data-desktopportraitvalign="middle" data-mobileportraitvalign="middle" data-parentid="" data-desktopportraitparentalign="center" data-desktopportraitparentvalign="middle" data-type="layer" data-rotation="0" data-desktopportrait="1" data-desktoplandscape="1" data-tabletportrait="1" data-tabletlandscape="1" data-mobileportrait="1" data-mobilelandscape="1" data-adaptivefont="0" data-desktopportraitfontsize="120" data-mobileportraitfontsize="220" data-plugin="rendered"><div class="n2-ow n2-ow-all n2-ss-desktop n2-ss-mobile n2-ss-tablet"><p class="n2-font-1b403c37110100ef0924b61a6f368103-paragraph n2-ow"><font style="text-shadow: 2px 2px 8px orange;">BASIS PENGETAHUAN TIK</font></p> </div></div></div></div> </div> </div> </div> <div data-ssleft="0+15" data-sstop="height/2-previousheight/2" id="n2-ss-1-arrow-previous" class="n2-ss-widget n2-ss-widget-display-desktop n2-ss-widget-display-tablet n2-ss-widget-display-mobile n2-style-7483fd4ddc966823f703a886978b4a45-heading nextend-arrow n2-ib n2-ow nextend-arrow-previous nextend-arrow-animated-fade" style="position: absolute;" role="button" aria-label="Previous slide" tabindex="0"><img class="n2-ow" data-no-lazy="1" data-hack="data-lazy-src" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4Ljk5NTggOC45OTA3YzAtLjQyNC0uMjA0LS43MjMtLjYxLS44OTgtLjQwOS0uMTczLS43NzItLjEwNC0xLjA5My4yMDlsLTcuMDA2IDYuOTc1Yy0uMjAxLjE5OS0uMjk3LjQzNy0uMjg2LjcxNiAwIC4yNjcuMDk2LjQ5OC4yODYuNjg5bDcuMDA2IDcuMDAxYy4zMjEuMzIxLjY4NC4zODkgMS4wOTMuMjA5LjQwNi0uMTc0LjYxLS40ODIuNjEtLjkyMlY4Ljk5MDd6Ii8+PC9zdmc+" alt="Arrow" /></div><div data-ssright="0+15" data-sstop="height/2-nextheight/2" id="n2-ss-1-arrow-next" class="n2-ss-widget n2-ss-widget-display-desktop n2-ss-widget-display-tablet n2-ss-widget-display-mobile n2-style-7483fd4ddc966823f703a886978b4a45-heading nextend-arrow n2-ib n2-ow nextend-arrow-next nextend-arrow-animated-fade" style="position: absolute;" role="button" aria-label="Next slide" tabindex="0"><img class="n2-ow" data-no-lazy="1" data-hack="data-lazy-src" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIgOC45OWMwLS40MjMuMjA0LS43MjIuNjEtLjg5Ny40MDgtLjE3My43NzItLjEwNCAxLjA5Mi4yMWw3LjAwNiA2Ljk3NGMuMjAyLjIuMjk4LjQzNy4yODcuNzE2IDAgLjI2Ny0uMDk2LjQ5OC0uMjg3LjY5bC03LjAwNiA3Yy0uMzIuMzItLjY4NC4zOS0xLjA5Mi4yMS0uNDA2LS4xNzUtLjYxLS40ODMtLjYxLS45MjNWOC45OXoiIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuOCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+" alt="Arrow" /></div> <div data-ssright="0+15" data-sstop="0+15" class="n2-ss-widget n2-ss-widget-display-desktop n2-ss-widget-display-tablet n2-ss-widget-display-mobile n2-style-07b80f0c82484b6d6258ed0a5cead109-heading nextend-autoplay n2-ib n2-ow nextend-autoplay-image" style="position: absolute;" role="button" aria-label="Pause autoplay"><img class="nextend-autoplay-play n2-ow" data-no-lazy="1" tabindex="0" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNTggNy4wM0w1LjMwMiAyLjE2NUM1LjE2NSAyLjA1NyA1LjAxNiAyIDQuODU3IDIgNC4zODQgMiA0IDIuNTA0IDQgMy4xMjV2OS43NWMwIC42Mi4zODQgMS4xMjUuODU3IDEuMTI1LjE2IDAgLjMwOC0uMDU3LjQzNi0uMTU2TDExLjU4IDguOTdjLjI1LS4xOTguNDItLjU1OC40Mi0uOTcgMC0uNDEyLS4xNy0uNzczLS40Mi0uOTd6IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==" alt="Play" /><img class="nextend-autoplay-pause n2-ow" data-no-lazy="1" tabindex="0" src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNCAydjEyaDNWMkg0em01IDB2MTJoM1YySDl6IiBmaWxsPSIjZmZmZmZmIiBvcGFjaXR5PSIwLjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==" alt="Pause" /></div> <div data-ssleft="width/2-bulletwidth/2" data-ssbottom="0+10" data-offset="10" class="n2-ss-widget n2-ss-widget-display-desktop n2-ss-widget-display-tablet n2-ss-widget-display-mobile nextend-bullet-bar n2-ib n2-ow nextend-bullet-bar-horizontal" style="text-align: center;position: absolute;"><div class="n2-ow n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot n2-active" tabindex="0"></div><div class="n2-ow n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot " tabindex="0"></div><div class="n2-ow n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot " tabindex="0"></div></div> </div><div class="n2-clear"></div><div id="n2-ss-1-spinner" style="display: none;"><div><div class="n2-ss-spinner-simple-white-container"><div class="n2-ss-spinner-simple-white"></div></div></div></div></div></div><div id="n2-ss-1-placeholder" style="position: relative;z-index:2;"><img style="width: 100%; max-width:3000px; display: block;" class="n2-ow" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgd2lkdGg9IjkwMCIgaGVpZ2h0PSI0MDAiID48L3N2Zz4=" alt="Slider" /></div>  </div> </div> </div> </div> </div> <div class="clear"></div> </div> </div> <div id="rt-transition"> <div id="rt-mainbody-surround"> <div class="wow fadeIn" id="rt-utility"> <div class="rt-container"> <div class="rt-grid-12 rt-alpha rt-omega"> <div class="rt-block "> <div class="module-surround"> <div class="module-content"> <div class="custom" > <div class="jd-quotes"> <div class="jd-quotes-inner"> <div class="col-md-4"> <div class="quotes-author"><span style="font-size: 18pt;"><strong><span style="color: #000000;"><span style="font-size: 24pt;">LAYANAN IT</span><br /></span></strong></span></div> </div> <div class="col-md-8"> <div class="quotes-desc">WIFI dapat digunakan<span style="font-size: 18pt;"></span></div> </div> </div> </div></div> </div> </div> </div> </div> <div class="clear"></div> </div> </div> <div class="wow fadeIn" id="jd-funfacts"> <div class="rt-container"> <div class="rt-grid-12 rt-alpha rt-omega"> <div class="rt-block center"> <div class="module-surround"> <div class="module-title"> <h2 class="title">Berita & Informasi</h2> </div> <div class="module-content"> <div class="custom center" > <p> <div class="moduletable"> <div id="k2ModuleBox103" class="k2ItemsBlock"> <ul class="items3"> <li class="even">       <div class="moduleItemIntrotext"> <div class="overlay-image-wrapper"> <a class="overlay-img" href="/index.php/component/k2/26-paket-kuota-khusus-dari-im3-dan-telkomsel-penunjang-belajar-dan-kerja-dari-rumah" title="Continue reading"> <img src="/media/k2/items/cache/feb4274796d93ff716e9650163a77fb8_M.jpg" alt="Paket Kuota Khusus dari IM3 dan Telkomsel Penunjang Belajar dan Kerja dari Rumah"/> </a> <div class="overlay"> </div> </div> <div class="itemTextWrapper"> <div class="entry-meta wow fadeInUp" data-wow-duration="800ms" data-wow-delay="100ms"> </div>  <a class="moduleItemTitle wow fadeInUp" data-wow-duration="700ms" data-wow-delay="200ms" href="/index.php/component/k2/26-paket-kuota-khusus-dari-im3-dan-telkomsel-penunjang-belajar-dan-kerja-dari-rumah">Paket Kuota Khusus dari IM3 dan Telkomsel Penunjang Belajar dan Kerja dari Rumah</a> </div> </div> <div class="clr"></div> <div class="moduleItemVideo"> <span class="moduleItemVideoCaption"></span> <span class="moduleItemVideoCredits"></span> </div> <div class="clr"></div>     <div class="clr"></div> </li> <li class="odd">       <div class="moduleItemIntrotext"> <div class="overlay-image-wrapper"> <a class="overlay-img" href="/index.php/component/k2/24-pelatihan-react-native-staff-upt-tik-upn-veteran-jawa-timur" title="Continue reading"> <img src="/media/k2/items/cache/233826a67be66a810b23a263230da62e_M.jpg" alt="Pelatihan React Native staff UPT TIK UPN VETERAN JAWA TIMUR"/> </a> <div class="overlay"> </div> </div> <div class="itemTextWrapper"> <div class="entry-meta wow fadeInUp" data-wow-duration="800ms" data-wow-delay="100ms"> </div>  <a class="moduleItemTitle wow fadeInUp" data-wow-duration="700ms" data-wow-delay="200ms" href="/index.php/component/k2/24-pelatihan-react-native-staff-upt-tik-upn-veteran-jawa-timur">Pelatihan React Native staff UPT TIK UPN VETERAN JAWA TIMUR</a> </div> </div> <div class="clr"></div> <div class="moduleItemVideo"> <span class="moduleItemVideoCaption"></span> <span class="moduleItemVideoCredits"></span> </div> <div class="clr"></div>     <div class="clr"></div> </li> <li class="even lastItem">       <div class="moduleItemIntrotext"> <div class="overlay-image-wrapper"> <a class="overlay-img" href="/index.php/component/k2/22-rapat-koordinasi-upt-tik-dengan-warek-ii" title="Continue reading"> <img src="/media/k2/items/cache/71f67488b0857639cee631943a3fc6fa_M.jpg" alt="Rapat Koordinasi UPT TIK dengan Warek II"/> </a> <div class="overlay"> </div> </div> <div class="itemTextWrapper"> <div class="entry-meta wow fadeInUp" data-wow-duration="800ms" data-wow-delay="100ms"> </div>  <a class="moduleItemTitle wow fadeInUp" data-wow-duration="700ms" data-wow-delay="200ms" href="/index.php/component/k2/22-rapat-koordinasi-upt-tik-dengan-warek-ii">Rapat Koordinasi UPT TIK dengan Warek II</a> </div> </div> <div class="clr"></div> <div class="moduleItemVideo"> <span class="moduleItemVideoCaption"></span> <span class="moduleItemVideoCredits"></span> </div> <div class="clr"></div>     <div class="clr"></div> </li> <li class="clearList"></li> </ul> </div> </div> </p></div> </div> </div> </div> </div> <div class="clear"></div> </div> </div> <div class="wow fadeIn" id="jd-position-2"> <div class="rt-container"> <div class="rt-grid-12 rt-alpha rt-omega"> <div class="rt-block center"> <div class="module-surround"> <div class="module-title"> <h2 class="title">Fasilitas & Sarana</h2> </div> <div class="module-content"> <div class="custom center" > <p class="sub-desc">Fasilitas & Sarana Pendukung Perkuliahan dan Pekerjaan di Lingkungan Universitas.</p> </div> </div> </div> </div> <div class="rt-block "> <div class="module-surround"> <div class="module-content"> <div class="custom" > <style> @import url(https://fonts.googleapis.com/css?family=Raleway:400,800); figure.snip1104 { font-family: 'Raleway', Arial, sans-serif; position: relative; overflow: hidden; float: left; margin: 20px 1%; min-width: 320px; max-width: 510px; max-height: 320px; width: 650px; height:450px; background: #000000; color: #ffffff; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } figure.snip1104 * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } figure.snip1104 img { max-width: 100%; position: relative; opacity: 0.4; height: 450px; } figure.snip1104 figcaption { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } figure.snip1104 h2 { position: absolute; left: 40px; right: 40px; display: inline-block; background: white; -webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%); transform: skew(-10deg) rotate(-10deg) translate(0, -50%); padding: 12px 5px; margin: 0; top: 50%; text-transform: uppercase; font-weight: 400; } figure.snip1104 h2 span { font-weight: 800; } figure.snip1104:before { height: 100%; width: 100%; top: 0; left: 0; content: ''; background: #ffffff; position: absolute; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(110deg) translateY(-50%); transform: rotate(110deg) translateY(-50%); } figure.snip1104 a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; } figure.snip1104.blue { background: #123851; } figure.snip1104.red { background: #581a14; } figure.snip1104.yellow { background: #7f5006; } figure.snip1104.green { background: green; } figure.snip1104:hover img, figure.snip1104.hover img { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } figure.snip1104:hover h2, figure.snip1104.hover h2 { -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%); transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%); } figure.snip1104:hover:before, figure.snip1104.hover:before { -webkit-transform: rotate(110deg) translateY(-150%); transform: rotate(110deg) translateY(-150%); } div.hp{ margin:0px 3%; } @media only screen and (max-width: 500px) { figure.snip1104 { width: 100px; height:200px; } figure.snip1104 img { width: 100px; height:200px; } </style> <script> $("figure").mouseleave( function() { $(this).removeClass("hover"); } ); </script> <div class="hp"> <div class="respon"> <div class="isi wow slideInLeft animated"> <figure class="snip1104 blue"> <img src="/images/gallery/IMG20161223104711.jpg" alt="" /> <figcaption> <h2>Data <span> Center</span></h2> </figcaption> <a href="#"></a> </figure> </div> <div class="isi2 wow slideInRight animated"> <figure class="snip1104 red"> <img src="/images/gallery/IMG_20170724_103632.jpg" alt=""/> <figcaption> <h2>Lab. <span> Komputer</span></h2> </figcaption> <a href="#"></a> </figure> </div> <div class="isi3 snip1104 yellow wow slideInLeft animated"> <figure class="snip1104 yellow"> <img src="/images/gallery/IMG_20170724_103733.jpg" alt=""/> <figcaption> <h2>Front <span> Office</span></h2> </figcaption> <a href="#"></a> </figure> </div> <div class="isi4 wow slideInRight animated"> <figure class="snip1104 green"> <img src="/images/gallery/IMG_20170724_103808.jpg" alt=""/> <figcaption> <h2>Ruang <span> Teleconference</span></h2> </figcaption> <a href="#"></a> </figure> </div> </div> </div></div> </div> </div> </div> </div> <div class="clear"></div> </div> </div> <div class="rt-container"> <div id="rt-main" class="mb12"> <div class="rt-container"> <div class="rt-grid-12 "> <div class="rt-block"> <div id="rt-mainbody"> <div class="component-content"> <article class="item-page" itemscope itemtype="http://schema.org/Article"> <meta itemprop="inLanguage" content="id-ID" /> <h2 itemprop="name"> <a href="/index.php" itemprop="url"> Homepage Articles</a> </h2> <div itemprop="articleBody"> <div class="row"> <div class="col-md-4"> <div class="module-title"> <h2 class="title">Kerjasama</h2> </div> </div> Kami Bekerjasama dengan Berbagai Pihak untuk Meningkatkan Kualitas Pembelajaran di Lingkungan Universitas.</div> </div> </article> </div> </div> </div> </div> <div class="clear"></div> </div> </div> </div>   </div> </div> <div class="wow fadeIn" id="rt-bottom"> <div class="rt-container"> <div class="rt-grid-12 rt-alpha rt-omega"> <div class="rt-block "> <div class="module-surround"> <div class="module-content"> <div class="custom" > <center> <table style="width: 100%;"> <tbody> <tr> <td><img src="/images/Indosat_Ooredoo_logo.svg.png" alt="" width="150" height="51" style="display: block; margin-left: auto; margin-right: auto;" /></td> <td><img src="/images/kerjasama/Google.png" alt="Google" width="150" height="51" style="display: block; margin-left: auto; margin-right: auto;" /></td> <td><img src="/images/kerjasama/microsoft.png" alt="microsoft" width="150" height="55" style="display: block; margin: 10px auto;" /></td> </tr> </tbody> </table> </center></div> </div> </div> </div> </div> <div class="clear"></div> </div> </div>     <footer id="rt-footer-surround"> <div class="wow fadeIn" id="rt-footer"> <div class="rt-container"> <div class="rt-grid-12 rt-alpha rt-omega"> <div class="rt-block "> <div class="module-surround"> <div class="module-content"> <div class="custom" > <div id="kontak" class="row"> <div class="col-xs-6 col-md-4"> <ul class="social_icon"> <li><i class="fa fa-location-arrow"></i></li> </ul> <p>upttik@upnjatim.ac.id</p> </div> <div class="col-xs-6 col-md-4"> <ul class="social_icon"> <li><i class="fa fa-map-marker"></i></li> </ul> <p>Jl.Raya Rungkut Madya,<br />Gunung Anyar, Surabaya Indonesia</p> </div> <div class="col-xs-6 col-md-4"> <ul class="social_icon"> <li><i class="fa fa-phone"></i></li> </ul> <p>(+6231) 879-3589</p> </div> </div></div> </div> </div> </div> </div> <div class="clear"></div> </div> </div> </footer> <div class="wow fadeIn" id="rt-copyright" style="overflow:hidden;padding-top:10px;"> <div class="rt-container"> <div class="rt-grid-12 rt-alpha rt-omega"> <div class="rt-block center" style="padding-bottom:0; margin-bottom:0;"> <div class="module-surround"> <div class="module-content"> <div class="custom center wow zoomIn"> <p>© 2024 <strong style="text-transform:capitalize;">UPT TIK UPNV JATIM</strong></p> </div> </div> </div> </div> </div> </div> </div> <div id="rt-debug"> <div class="rt-container"> <div class="clear"></div> </div> </div> </body> </html>