896 lines
78 KiB
HTML
896 lines
78 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="id">
|
|
<!-- By @orangebananaspy // UPT Teknologi Informasi dan Komunikasi - Universitas Jember - 2023 -->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
|
<title>UPT Teknologi Informasi dan Komunikasi - Universitas Jember</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="title" content="UPT Teknologi Informasi dan Komunikasi - Universitas Jember">
|
|
<meta name="description" content="UPT Teknologi Informasi dan Komunikasi adalah unit kerja di Universitas Jember yang memberikan pelayanan bidang teknologi informasi dan komunikasi.">
|
|
<meta name="keywords" content="office 365, eduroam, unej, jember, teknologi, informasi, komunikasi, universitas, wiki, nutanix, unej, uptti, upttik, upt tik, upt ti, tik, teknologi informasi, sister">
|
|
<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="language" content="Indonesia">
|
|
<meta name="author" content="@orangebananaspy">
|
|
<meta name="copyright" content="UPT TIK Universitas Jember">
|
|
<link rel="dns-prefetch" href="//uptti.unej.ac.id" />
|
|
<link rel="preload" as="image" href="assets/img/hero/hero-1.webp">
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
|
|
<link rel="apple-touch-icon" href="assets/img/favicon.png">
|
|
<link rel="apple-touch-startup-image" href="assets/img/favicon.png">
|
|
<meta name="apple-mobile-web-app-title" content="UPT TIK">
|
|
<link rel="canonical" href="https://uptti.unej.ac.id/">
|
|
<!--Schema-->
|
|
<meta property="og:locale" content="id">
|
|
<meta property="og:locale:alternate" content="id_ID">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="UPT Teknologi Informasi dan Komunikasi - Universitas Jember">
|
|
<meta property="og:description" content="UPT Teknologi Informasi dan Komunikasi adalah unit kerja di Universitas Jember yang memberikan pelayanan bidang teknologi informasi dan komunikasi." />
|
|
<meta property="og:url" content="https://uptti.unej.ac.id/">
|
|
<meta property="og:site_name" content="UPT Teknologi Informasi dan Komunikasi">
|
|
<meta name="twitter:card" content="summary">
|
|
<meta name="twitter:label" content="Est. reading time">
|
|
<meta name="twitter:data" content="2 minutes">
|
|
<script type="application/ld+json">{"@context": "https://schema.org/","@type":"WebSite","name": "UPT Teknologi Informasi dan Komunikasi","url":"https://uptti.unej.ac.id","potentialAction": {"@type": "SearchAction","target": "{search_term_string}","query-input": "required name=search_term_string"}}</script>
|
|
<!-- Critical CSS / above the fold -->
|
|
<style>.mt-40{margin-top:40px}.mt-50{margin-top:50px}.mt-90{margin-top:90px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.mr-30{margin-right:30px}.pt-120{padding-top:120px}.pb-70{padding-bottom:70px}@charset "UTF-8";.progress-wrap{position:fixed;right:50px;bottom:50px;height:46px;width:46px;display:block;border-radius:50px;box-shadow:inset 0 0 0 2px rgba(95,58,252,.2);z-index:99;opacity:0;visibility:hidden;transform:translateY(15px)}.progress-wrap:after{position:absolute;content:'\f176';font-family:"Font Awesome 5 Pro";text-align:center;line-height:46px;font-size:20px;color:#2b4eff;left:0;top:0;height:46px;width:46px;display:block;z-index:1}.progress-wrap svg path{fill:none}.progress-wrap svg.progress-circle path{stroke:#2b4eff;stroke-width:4;box-sizing:border-box}@charset "UTF-8";:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%}h2,h3,h4{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){h2{font-size:2rem}}h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){h3{font-size:1.75rem}}h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){h4{font-size:1.5rem}}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}a{color:#0d6efd;text-decoration:underline}img,svg{vertical-align:middle}button{border-radius:0}button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.container,.container-fluid{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1200px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}.col-6{flex:0 0 auto;width:50%}@media (min-width:576px){.col-sm-4{flex:0 0 auto;width:33.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%}}@media (min-width:768px){.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-8{flex:0 0 auto;width:66.6666666667%}.col-md-10{flex:0 0 auto;width:83.3333333333%}}@media (min-width:992px){.col-lg-4{flex:0 0 auto;width:33.3333333333%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-8{flex:0 0 auto;width:66.6666666667%}}@media (min-width:1200px){.col-xl-3{flex:0 0 auto;width:25%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-9{flex:0 0 auto;width:75%}}@media (min-width:1400px){.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-9{flex:0 0 auto;width:75%}}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-none{display:none!important}.justify-content-end{justify-content:flex-end!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}@media (min-width:576px){.d-sm-block{display:block!important}}@media (min-width:992px){.d-lg-block{display:block!important}}@media (min-width:1200px){.d-xl-none{display:none!important}}.fad,.fal{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-search:before{content:"\f002"}.fa-times:before{content:"\f00d"}@font-face{font-family:"Font Awesome 5 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-duotone-900.eot);src:url(../fonts/fa-duotone-900d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-duotone-900.woff2) format("woff2"),url(../fonts/fa-duotone-900.woff) format("woff"),url(../fonts/fa-duotone-900.ttf) format("truetype"),url(../fonts/fa-duotone-900.svg#fontawesome) format("svg")}.fad{position:relative;font-family:"Font Awesome 5 Duotone";font-weight:900}.fad:before{position:absolute;color:var(--fa-primary-color,inherit);opacity:1;opacity:var(--fa-primary-opacity,1)}.fad:after{color:var(--fa-secondary-color,inherit)}.fad:after{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.fad.fa-search:after{content:"\10f002"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../fonts/fa-light-300.eot);src:url(../fonts/fa-light-300d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-light-300.woff2) format("woff2"),url(../fonts/fa-light-300.woff) format("woff"),url(../fonts/fa-light-300.ttf) format("truetype"),url(../fonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-regular-400.eot);src:url(../fonts/fa-regular-400d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-regular-400.svg#fontawesome) format("svg")}.fal{font-family:"Font Awesome 5 Pro"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-solid-900.eot);src:url(../fonts/fa-solid-900d41d.eot?#iefix) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")}@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Hind",sans-serif;font-size:16px;font-weight:400;color:#6d6e75;line-height:26px}a{text-decoration:none}a,button{color:inherit;outline:none;border:none}h2,h3,h4{font-family:"Hind",sans-serif;color:#0e1133;margin-top:0;font-weight:700;line-height:1.2}h2{font-size:36px}h3{font-size:24px}h4{font-size:20px}ul{margin:0;padding:0}li{list-style:none}p{font-family:"Hind",sans-serif;font-size:16px;font-weight:400;color:#6d6e75;margin-bottom:15px;line-height:26px}*::-moz-placeholder{color:#0e1133;font-size:14px;opacity:1}.fix{overflow:hidden}.z-index-1{z-index:1}.p-relative{position:relative}.grey-bg-2{background:#edeef3}.e-btn{display:inline-block;height:50px;line-height:52px;text-align:center;padding:0 25px;color:#fff;background:#2b4eff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-weight:500;text-transform:lowercase}.e-btn:first-letter{text-transform:uppercase}.section__title{font-size:40px;color:#0e1133;text-transform:capitalize;z-index:1;margin-bottom:3px}@media (max-width:575px){.section__title{font-size:33px}}.section__title-wrapper{position:relative;z-index:1}@keyframes section-animation{0%{width:0}15%{width:100%}85%{opacity:1}90%{width:100%;opacity:0}to{width:0;opacity:0}}.body-overlay{background-color:rgba(0,0,0,.5);height:100%;width:100%;position:fixed;top:0;z-index:99;left:0;opacity:0;visibility:hidden}.header__padding{padding-left:245px;padding-right:245px}@media only screen and (min-width:1400px) and (max-width:1600px){.header__padding{padding-left:70px;padding-right:70px}}@media only screen and (min-width:1200px) and (max-width:1399px){.header__padding{padding-left:20px;padding-right:20px}}@media only screen and (min-width:992px) and (max-width:1199px){.header__padding{padding:20px}}@media only screen and (min-width:768px) and (max-width:991px){.header__padding{padding:20px}}@media only screen and (min-width:576px) and (max-width:767px){.header__padding{padding:20px}}@media (max-width:575px){.header__padding{padding:20px}}.header__transparent{position:absolute;top:0;left:0;right:0;width:100%;z-index:11}.header__category{position:relative;padding-left:30px;margin-left:30px;padding-top:3px}.header__category:after{position:absolute;content:"";left:0;top:60%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:40px;background:#c9ccd4}.header__category ul li{position:relative}.header__category ul li .cat-submenu{position:absolute;top:calc(100% + 30px);left:0;width:200px;padding:17px 0;padding-bottom:15px;background:#fff;-webkit-box-shadow:0px 10px 20px 0px rgba(8,0,42,.08);-moz-box-shadow:0px 10px 20px 0px rgba(8,0,42,.08);box-shadow:0px 10px 20px 0px rgba(8,0,42,.08);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:1;visibility:hidden;opacity:0}.header__category ul li .cat-submenu li{display:block;margin-right:0}.header__category ul li .cat-submenu li>a{width:100%;display:block;padding:3px 30px;text-transform:capitalize;color:#6d6e75;font-weight:500;position:relative}.header__category ul li .cat-submenu li>a:after{right:30px;-webkit-transform:translateY(-50%) rotate(-90deg);-moz-transform:translateY(-50%) rotate(-90deg);-ms-transform:translateY(-50%) rotate(-90deg);transform:translateY(-50%) rotate(-90deg)}.cat-menu{font-size:16px;font-weight:500;color:#0e1133;position:relative}.cat-menu svg{width:16px;height:16px}.cat-menu svg .cat-dot{fill:#0e1133}.cat-menu span{padding-left:14px;line-height:1;display:inline-block;padding-top:3px}.main-menu ul li{display:inline-block;position:relative}.main-menu ul li:not(:first-child){margin-left:40px}@media only screen and (min-width:1400px) and (max-width:1600px){.main-menu ul li:not(:first-child){margin-left:30px}}@media only screen and (min-width:1200px) and (max-width:1399px){.main-menu ul li:not(:first-child){margin-left:10px}}.main-menu ul li a{display:inline-block;font-size:16px;font-weight:500;color:#0e1133;padding:35px 0;text-transform:capitalize}.main-menu ul li.has-dropdown>a{position:relative}.main-menu ul li.has-dropdown>a:after{content:"\f107";-webkit-transform:translateY(1px);-moz-transform:translateY(1px);-ms-transform:translateY(1px);transform:translateY(1px);font-size:14px;color:#0e1133;font-family:"Font Awesome 5 Pro";font-weight:400;margin-left:5px;display:inline-block}.main-menu ul li .submenu{position:absolute;top:120%;left:0;width:200px;background:#fff;z-index:99;visibility:hidden;opacity:0;-webkit-box-shadow:0px 30px 70px 0px rgba(11,6,70,.08);-moz-box-shadow:0px 30px 70px 0px rgba(11,6,70,.08);box-shadow:0px 30px 70px 0px rgba(11,6,70,.08)}.main-menu ul li .submenu li{display:block;width:100%;margin:0}.main-menu ul li .submenu li:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1)}.main-menu ul li .submenu li a{padding:10px 25px;font-size:13px;position:relative;z-index:1;color:#0e1133;width:100%}.main-menu ul li .submenu li a:before{position:absolute;content:"";top:0;left:auto;right:0;width:0;height:100%;background:#2b4eff;z-index:-1}.sidebar-toggle-btn .line{width:30px;height:3px;background-color:#2b4eff;display:block;margin:6px auto}.sidebar__area{position:fixed;right:-340px;top:0;width:320px;height:100%;background:#fff none repeat scroll 0 0;overflow-y:scroll;-webkit-box-shadow:-5px 0 20px -5px rgba(0,0,0,.5);-moz-box-shadow:-5px 0 20px -5px rgba(0,0,0,.5);box-shadow:-5px 0 20px -5px rgba(0,0,0,.5);z-index:9999}.sidebar__wrapper{position:relative;padding:30px}.sidebar__close{position:absolute;top:25px;right:80px}.sidebar__close-btn{width:40px;height:40px;position:absolute;text-align:center;top:0;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;color:#0e1133;border:1px solid #2a3a57;border-radius:50%;overflow:hidden;background:0 0;z-index:99}.sidebar__close-btn span{position:absolute;top:54%;left:50%;font-size:14px;font-weight:500;line-height:40px;vertical-align:middle}.sidebar__close-btn span:first-of-type{transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.sidebar__close-btn span:last-of-type{text-transform:uppercase;transform:translate(-50%,50%);-webkit-transform:translate(-50%,50%);-moz-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);-o-transform:translate(-50%,50%)}.sidebar__search input{width:100%;height:50px;line-height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background:#edeef3;outline:none;border:1px solid #fff;font-size:16px;padding:25px 65px 20px 55px}.sidebar__search button{background:0 0;position:absolute;top:15px;left:24px}.sidebar__search button i:after{color:#0e1133;opacity:1}.sidebar__search button i:before{color:#8c8faa}.hero__height{min-height:950px}@media only screen and (min-width:992px) and (max-width:1199px){.hero__height{min-height:850px}}@media only screen and (min-width:768px) and (max-width:991px){.hero__height{min-height:750px}}@media only screen and (min-width:576px) and (max-width:767px){.hero__height{min-height:1100px}}@media (max-width:575px){.hero__height{min-height:850px}}.hero__title{font-size:60px;line-height:1}@media only screen and (min-width:1200px) and (max-width:1399px){.hero__title{font-size:55px}}@media only screen and (min-width:992px) and (max-width:1199px){.hero__title{font-size:45px}}@media only screen and (min-width:768px) and (max-width:991px){.hero__title{font-size:35px}}@media only screen and (min-width:576px) and (max-width:767px){.hero__title{font-size:50px}}@media (max-width:575px){.hero__title{font-size:30px}}.hero__title span:first-child{font-weight:300;display:block}.hero__title span.yellow-shape{position:relative;z-index:1}.hero__title span.yellow-shape img{position:absolute;bottom:22px;left:-8px;z-index:-1;-webkit-animation:section-animation 3s infinite;animation:section-animation 3s infinite}@media only screen and (min-width:768px) and (max-width:991px){.hero__title span.yellow-shape img{bottom:12px;height:40%!important}}.hero__content p{font-size:22px;color:#0e1133;padding-right:130px;line-height:30px;margin-bottom:28px}@media only screen and (min-width:992px) and (max-width:1199px){.hero__content p{padding-right:30px}}@media only screen and (min-width:768px) and (max-width:991px){.hero__content p{padding-right:0}}@media only screen and (min-width:576px) and (max-width:767px){.hero__content p{padding-right:0}}@media (max-width:575px){.hero__content p{padding-right:0}}.hero__thumb{z-index:1}.hero__thumb-big{position:relative}.hero__thumb-big img{max-width:400px;max-height:460px;-webkit-border-radius:40px 4px;-moz-border-radius:40px 4px;border-radius:40px 4px;-webkit-box-shadow:0px 30px 60px 0px rgba(1,11,60,.14);-moz-box-shadow:0px 30px 60px 0px rgba(1,11,60,.14);box-shadow:0px 30px 60px 0px rgba(1,11,60,.14)}@media only screen and (min-width:768px) and (max-width:991px){.hero__thumb-big img{width:100%}}@media only screen and (min-width:576px) and (max-width:767px){.hero__thumb-big img{margin-top:50px;width:100%}}@media (max-width:575px){.hero__thumb-big img{margin-top:50px;width:100%}}@media only screen and (min-width:1200px) and (max-width:1399px){.hero__thumb-sm{margin-left:-50px}}@media only screen and (min-width:992px) and (max-width:1199px){.hero__thumb-sm{margin-left:-160px;margin-top:-95px}}.hero__thumb-sm img{max-width:200px;max-height:240px;-webkit-border-radius:4px 40px;-moz-border-radius:4px 40px;border-radius:4px 40px;-webkit-box-shadow:0px 30px 60px 0px rgba(1,11,60,.14);-moz-box-shadow:0px 30px 60px 0px rgba(1,11,60,.14);box-shadow:0px 30px 60px 0px rgba(1,11,60,.14)}.hero__thumb-shape img{position:absolute;z-index:-1}.hero__thumb-shape img.hero-1-dot{bottom:-25px;left:-30px;-webkit-animation:hero-dot-1 5s linear 0s infinite alternate;-moz-animation:hero-dot-1 5s linear 0s infinite alternate;-o-animation:hero-dot-1 5s linear 0s infinite alternate;animation:hero-dot-1 5s linear 0s infinite alternate}.hero__thumb-shape img.hero-1-circle-3{bottom:-47px;right:1%}.hero__thumb-shape img.hero-1-circle-4{top:-50px;right:10%}.hero__quote{position:absolute;bottom:60px;right:-200px;padding:15px 25px;padding-bottom:20px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0px 30px 60px 0px rgba(1,11,60,.14);-moz-box-shadow:0px 30px 60px 0px rgba(1,11,60,.14);box-shadow:0px 30px 60px 0px rgba(1,11,60,.14)}@media only screen and (min-width:1200px) and (max-width:1399px){.hero__quote{right:-145px}}@media only screen and (min-width:992px) and (max-width:1199px){.hero__quote{right:60px;bottom:-50px}}@media only screen and (min-width:768px) and (max-width:991px){.hero__quote{right:30px;bottom:-50px}}@media only screen and (min-width:576px) and (max-width:767px){.hero__quote{right:30px;bottom:-50px}}@media (max-width:575px){.hero__quote{right:15px;bottom:-50px}}.hero__quote span{font-size:14px;color:#474956}.hero__quote h4{font-size:16px;font-weight:600;margin-bottom:0;line-height:1}.hero__quote-animation{animation-duration:2.5s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:hero-bounce}.hero__shape img{position:absolute}.hero__shape img.hero-1-circle{top:25%;left:5%;-webkit-animation:hero-circle-1 6s linear 0s infinite alternate;-moz-animation:hero-circle-1 6s linear 0s infinite alternate;-o-animation:hero-circle-1 6s linear 0s infinite alternate;animation:hero-circle-1 6s linear 0s infinite alternate}.hero__shape img.hero-1-circle-2{bottom:29%;left:0}.hero__shape img.hero-1-dot-2{right:0;bottom:38%}@keyframes hero-dot-1{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes hero-bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}@keyframes hero-circle-1{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.sidebar__search input{width:100%;height:60px;line-height:56px;background:#f3f4f8;border:2px solid #f3f4f8;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding-left:30px;padding-right:45px}.sidebar__search button{position:absolute;top:50%;right:20px;left:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}:root{--swiper-theme-color:#007aff}:root{--swiper-navigation-size:44px}</style>
|
|
<!-- CSS & JS -->
|
|
<link rel="stylesheet" href="assets/css/upttik.css">
|
|
<!-- Google tag (gtag.js) -->
|
|
<script defer src="https://www.googletagmanager.com/gtag/js?id=G-P04ZYVTP6X"></script>
|
|
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-P04ZYVTP6X');</script>
|
|
<style>
|
|
.unselectable {
|
|
-webkit-user-select: none;
|
|
-webkit-touch-callout: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body oncontextmenu="return false" class="unselectable">
|
|
<!-- back to top start -->
|
|
<div class="progress-wrap">
|
|
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
|
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
|
</svg>
|
|
</div>
|
|
<!-- back to top end -->
|
|
<!-- header area start -->
|
|
<header>
|
|
<div id="header-sticky" class="header__area header__transparent header__padding">
|
|
<div class="container-fluid">
|
|
<div class="row align-items-center">
|
|
<div class="col-xxl-3 col-xl-3 col-lg-4 col-md-2 col-sm-4 col-6">
|
|
<div class="header__left d-flex">
|
|
<div class="logo">
|
|
<a href="/">
|
|
<img src="assets/img/logo/logo-header.webp" loading="lazy" alt="logo" width="200px" height="61px">
|
|
</a>
|
|
</div>
|
|
<div class="header__category d-none d-lg-block">
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="cat-menu d-flex align-items-center">
|
|
<div class="cat-dot-icon d-inline-block">
|
|
<svg viewBox="0 0 276.2 276.2">
|
|
<g>
|
|
<g>
|
|
<path class="cat-dot" d="M33.1,2.5C15.3,2.5,0.9,17,0.9,34.8s14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S51,2.5,33.1,2.5z"/>
|
|
<path class="cat-dot" d="M137.7,2.5c-17.8,0-32.3,14.5-32.3,32.3s14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3S155.5,2.5,137.7,2.5 z"/>
|
|
<path class="cat-dot" d="M243.9,67.1c17.8,0,32.3-14.5,32.3-32.3S261.7,2.5,243.9,2.5S211.6,17,211.6,34.8S226.1,67.1,243.9,67.1z"/>
|
|
<path class="cat-dot" d="M32.3,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3S0,120.4,0,138.2S14.5,170.5,32.3,170.5z"/>
|
|
<path class="cat-dot" d="M136.8,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3c-17.8,0-32.3,14.5-32.3,32.3 C104.5,156.1,119,170.5,136.8,170.5z"/>
|
|
<path class="cat-dot" d="M243,170.5c17.8,0,32.3-14.5,32.3-32.3c0-17.8-14.5-32.3-32.3-32.3s-32.3,14.5-32.3,32.3 C210.7,156.1,225.2,170.5,243,170.5z"/>
|
|
<path class="cat-dot" d="M33,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3s32.3-14.5,32.3-32.3S50.8,209.1,33,209.1z "/>
|
|
<path class="cat-dot" d="M137.6,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S155.4,209.1,137.6,209.1z"/>
|
|
<path class="cat-dot" d="M243.8,209.1c-17.8,0-32.3,14.5-32.3,32.3c0,17.8,14.5,32.3,32.3,32.3c17.8,0,32.3-14.5,32.3-32.3 S261.6,209.1,243.8,209.1z"/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<span>Akses Cepat</span>
|
|
</a>
|
|
<ul class="cat-submenu">
|
|
<li><a href="https://vpn.unej.ac.id" rel="nofollow" target="_blank">VPN</a></li>
|
|
<li><a href="https://uhost.unej.ac.id" rel="nofollow" target="_blank">Uhost</a></li>
|
|
<li><a href="/eduroam-world-wide-education-roaming-for-research-and-education/">Eduroam</a></li>
|
|
<li><a href="/personal-website-untuk-staff-dan-dosen/">Web Staff</a></li>
|
|
<li><a href="/office-365-education/">Office 365</a></li>
|
|
<li><a href="/peraturan-surel/">Email Institusi</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-9 col-xl-9 col-lg-8 col-md-10 col-sm-8 col-6">
|
|
<div class="header__right d-flex justify-content-end align-items-center">
|
|
<div class="main-menu">
|
|
<nav id="mobile-menu">
|
|
<ul>
|
|
<li>
|
|
<a href="/">Beranda</a>
|
|
</li>
|
|
<li class="has-dropdown">
|
|
<a href="#">Profil</a>
|
|
<ul class="submenu">
|
|
<li><a href="/profil/sekilas-upt-ti/">Tentang UPT TIK</a></li>
|
|
<li><a href="/profil/struktur-organisasi/">Struktur Organisasi</a></li>
|
|
<li><a href="/sekilas-upt-ti/#visimisi">Visi dan Misi</a></li>
|
|
<li><a href="/rencana-strategis/">Rencana Strategis</a></li>
|
|
<li><a href="/profil/sumber-daya-manusia/">SDM</a></li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="/fasilitas/">Fasilitas</a>
|
|
</li>
|
|
<li class="has-dropdown">
|
|
<a href="#">Layanan</a>
|
|
<ul class="submenu">
|
|
<li><a href="/layanan-aplikasi-dan-perangkat-lunak/">Aplikasi dan Perangkat Lunak</a></li>
|
|
<li><a href="/sop-layanan-basis-data/">Basis Data</a></li>
|
|
<li><a href="/sop-layanan-infrastruktur-dan-perangkat-keras/">Infrastruktur Jaringan dan Perangkat Keras</a></li>
|
|
<li><a href="/sop-layanan-high-performance-computing/">High Performance Computing</a></li>
|
|
<li><a href="/sop-layanan-kerjasama/">Kerjasama</a></li>
|
|
<li><a href="#">Internet of Things</a></li>
|
|
<li><a href="#">Artificial Intelligence dan Machine Learning</a></li>
|
|
<li><a href="/layanan-administrasi/">Administrasi</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="has-dropdown">
|
|
<a href="#">Platform Apps</a>
|
|
<ul class="submenu">
|
|
<li><a href="https://play.uptti.unej.ac.id/" rel="nofollow" target="_blank">PlayHub</a></li>
|
|
<li><a href="https://gitea.unej.ac.id/" rel="nofollow" target="_blank">Gitea</a></li>
|
|
<li><a href="https://kawanda.unej.ac.id/" rel="nofollow" target="_blank">Kawanda</a></li>
|
|
<li><a href="https://intranet.unej.ac.id/" rel="nofollow" target="_blank">Intranet</a></li>
|
|
</ul>
|
|
</li>
|
|
<li><a href="/galeri/">Galeri</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<div class="header__btn ml-20 d-none d-sm-block">
|
|
<a href="https://wiki.uptti.unej.ac.id" target="_blank" class="e-btn" rel="nofollow">Wiki</a>
|
|
</div>
|
|
<div class="sidebar__menu d-xl-none">
|
|
<div class="sidebar-toggle-btn ml-30" id="sidebar-toggle">
|
|
<span class="line"></span>
|
|
<span class="line"></span>
|
|
<span class="line"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- header area end -->
|
|
|
|
<!-- sidebar area start -->
|
|
<div class="sidebar__area">
|
|
<div class="sidebar__wrapper">
|
|
<div class="sidebar__close">
|
|
<button class="sidebar__close-btn" id="sidebar__close-btn">
|
|
<span><i class="fal fa-times"></i></span>
|
|
<span>close</span>
|
|
</button>
|
|
</div>
|
|
<div class="sidebar__content">
|
|
<div class="logo mb-40">
|
|
<a href="/">
|
|
<img src="assets/img/logo/logo.webp" loading="lazy" alt="logo">
|
|
</a>
|
|
</div>
|
|
<div class="mobile-menu fix"></div>
|
|
|
|
<div class="sidebar__search p-relative mt-40 ">
|
|
<form action="#">
|
|
<input type="text" placeholder="Search...">
|
|
<button type="submit"><i class="fad fa-search"></i></button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- sidebar area end -->
|
|
<div class="body-overlay"></div>
|
|
<!-- sidebar area end -->
|
|
|
|
<main>
|
|
|
|
<!-- hero area start -->
|
|
<section class="hero__area hero__height d-flex align-items-center grey-bg-2 p-relative">
|
|
<div class="hero__shape">
|
|
<img class="hero-1-circle" src="assets/img/shape/hero/network.webp" loading="lazy" alt="network" width="70px" height="70px">
|
|
<img class="hero-1-circle-2" src="assets/img/shape/hero/hero-1-circle-2.webp" loading="lazy" alt="hero">
|
|
<img class="hero-1-dot-2" src="assets/img/shape/hero/hero-1-dot-2.webp" loading="lazy" alt="hero-dot">
|
|
</div>
|
|
<div class="container">
|
|
<div class="hero__content-wrapper mt-90">
|
|
<div class="row align-items-center">
|
|
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
|
|
<div class="hero__content p-relative z-index-1">
|
|
<h3 class="hero__title">
|
|
<span>Pembaruan Aplikasi</span>
|
|
<span class="yellow-shape">SISTER <img src="assets/img/shape/yellow-bg.webp" loading="lazy" alt="yellow-shape"> </span>
|
|
for Tendik Universitas Jember.</h3>
|
|
<p>dengan teknologi <i>Facial Recognition & Location-based Authentication</i>.</p>
|
|
<a href="/pembaruan-aplikasi-sister-for-tendik-kembangkan-teknologi-facial-recognition-dan-location-based-authentication/" class="e-btn">pelajari selengkapnya</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
|
|
<div class="hero__thumb d-flex p-relative">
|
|
<div class="hero__thumb-shape">
|
|
<img class="hero-1-dot" src="assets/img/shape/hero/hero-1-dot.webp" loading="lazy" alt="hero" width="70px" height="110px">
|
|
<img class="hero-1-circle-3" src="assets/img/shape/hero/hero-1-circle-3.webp" loading="lazy" alt="hero3">
|
|
<img class="hero-1-circle-4" src="assets/img/shape/hero/hero-1-circle-4.webp" loading="lazy" alt="hero4">
|
|
</div>
|
|
<div class="hero__thumb-big mr-30">
|
|
<img src="assets/img/hero/hero-1.webp" alt="SFT" width="400px" height="460px">
|
|
<div class="hero__quote hero__quote-animation">
|
|
<span>All New</span>
|
|
<h4>"SISTER for Tendik Universitas Jember"</h4>
|
|
</div>
|
|
</div>
|
|
<div class="hero__thumb-sm mt-50 d-none d-lg-block">
|
|
<img src="assets/img/hero/hero-sm-1.webp" loading="lazy" alt="SFT-mobile" width="200px" height="240px">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- hero area end -->
|
|
|
|
<!-- aplikasi area start -->
|
|
<section class="category__area pt-120 pb-70">
|
|
<div class="container">
|
|
<div class="row align-items-end">
|
|
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-8">
|
|
<div class="section__title-wrapper mb-45">
|
|
<h2 class="section__title">Aplikasi Mobile<br>Universitas <span class="yellow-bg">Jember <img src="assets/img/shape/yellow-bg-2.webp" loading="lazy" alt="yellow"> </span>
|
|
</h2>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-4">
|
|
<div class="category__more mb-50 float-md-end fix">
|
|
<a href="#" class="link-btn">
|
|
Lihat lainnya
|
|
<i class="far fa-arrow-right"></i>
|
|
<i class="far fa-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6">
|
|
<div class="category__item mb-30 transition-3 d-flex align-items-center">
|
|
<div class="category__icon mr-30">
|
|
<svg viewBox="0 0 512 512">
|
|
<g>
|
|
<path class="st0" d="M178.7,492H120c-55.2,0-100-44.8-100-100V120C20,64.8,64.8,20,120,20h58.7C123.7,20,81,64.8,81,120v272 C81,447.2,123.7,492,178.7,492z M355.5,204.8l18.9-85.5c4.8-24.1,16.7-46.3,34.1-63.7l35.4-35.4c-15.1-1.4-30.7,3.7-42.3,15.3 l-61.1,61.1c-17.4,17.4-29.3,39.6-34.1,63.7L295,217l56.7-11.3C352.9,205.4,354.2,205.1,355.5,204.8L355.5,204.8z"/>
|
|
<path class="st1" d="M299,512H120C53.8,512,0,458.2,0,392V120C0,53.8,53.8,0,120,0h183c11,0,20,9,20,20s-9,20-20,20H120 c-44.1,0-80,35.9-80,80v272c0,44.1,35.9,80,80,80h179c44.1,0,80-35.9,80-80V272c0-11,9-20,20-20s20,9,20,20v120 C419,458.2,365.2,512,299,512z M298.9,236.6l56.7-11.3c28.1-5.6,53.7-19.3,73.9-39.6l61.1-61.1c28.5-28.5,28.5-74.8,0-103.2 c-28.5-28.5-74.8-28.5-103.2,0l-61.1,61.1c-20.3,20.3-33.9,45.8-39.6,73.9l-11.3,56.7c-1.3,6.6,0.7,13.3,5.5,18.1 c3.8,3.8,8.9,5.9,14.1,5.9C296.3,237,297.6,236.9,298.9,236.6L298.9,236.6z M462.4,49.7c6.2,6.2,9.7,14.5,9.7,23.3 s-3.4,17.1-9.7,23.3l-61.1,61.1c-14.7,14.7-33.2,24.6-53.5,28.6l-27.3,5.4l5.4-27.3c4.1-20.3,14-38.8,28.6-53.5l61.1-61.1 c6.2-6.2,14.5-9.7,23.3-9.7S456.1,43.4,462.4,49.7L462.4,49.7z"/>
|
|
<path class="st2" d="M319,352H101c-11,0-20-9-20-20s9-20,20-20h218c11,0,20,9,20,20S330.1,352,319,352z M211,387 c-13.8,0-25,11.2-25,25s11.2,25,25,25s25-11.2,25-25S224.8,387,211,387z"/>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="category__content">
|
|
<h4 class="category__title"><a href="#">SISTER for Students</a></h4>
|
|
<p>Aplikasi untuk Mahasiswa</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6">
|
|
<div class="category__item mb-30 transition-3 d-flex align-items-center">
|
|
<div class="category__icon mr-30">
|
|
<svg viewBox="0 0 512 512">
|
|
<g>
|
|
<path class="st0" d="M111.3,491.6C60.1,487.1,20,444.2,20,392V223.7c0-31.2,14.6-60.6,39.4-79.5l136-103.7 c35.8-27.3,85.5-27.3,121.3,0l9.2,7c-24.6-2.4-49.8,4.2-70.5,20L93.6,190.8C85,197.4,80,207.5,80,218.3V419 C80,447.6,92,473.4,111.3,491.6L111.3,491.6z"/>
|
|
<path class="st1" d="M392,512H120C53.8,512,0,458.1,0,392V223.7c0-37.2,17.7-72.9,47.2-95.4l136-103.7 c42.8-32.7,102.7-32.7,145.5,0L372,57.5V32c0-11,9-20,20-20s20,9,20,20v65.9c0,7.6-4.3,14.5-11.1,17.9c-6.8,3.4-15,2.6-21-2 l-75.4-57.4c-28.6-21.8-68.5-21.8-97,0l-136,103.7c-19.7,15-31.5,38.8-31.5,63.6V392c0,44.1,35.9,80,80,80h272 c44.1,0,80-35.9,80-80V223.7c0-25.1-11.6-49-31.1-63.8c-8.8-6.7-10.5-19.2-3.8-28s19.3-10.5,28-3.8c29.3,22.4,46.9,58.1,46.9,95.6 V392C512,458.1,458.2,512,392,512z"/>
|
|
<path class="st2" d="M241,256c0,13.8-11.2,25-25,25s-25-11.2-25-25s11.2-25,25-25S241,242.2,241,256z M296,231 c-13.8,0-25,11.2-25,25c0,13.8,11.2,25,25,25s25-11.2,25-25C321,242.2,309.8,231,296,231z M216,311c-13.8,0-25,11.2-25,25 s11.2,25,25,25s25-11.2,25-25S229.8,311,216,311z M296,311c-13.8,0-25,11.2-25,25s11.2,25,25,25s25-11.2,25-25S309.8,311,296,311z"/>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="category__content">
|
|
<h4 class="category__title"><a href="#">SISTER for Lecture</a></h4>
|
|
<p>Aplikasi untuk Dosen</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6">
|
|
<div class="category__item mb-30 transition-3 d-flex align-items-center">
|
|
<div class="category__icon mr-30">
|
|
<svg viewBox="0 0 512 512">
|
|
<g>
|
|
<path class="st0" d="M81,392V120c0-55.2,44.8-100,100-100h-61C64.8,20,20,64.8,20,120v272c0,55.2,44.8,100,100,100h61 C125.8,492,81,447.2,81,392z"/>
|
|
<path class="st1" d="M392,512H120C53.8,512,0,458.2,0,392V120C0,53.8,53.8,0,120,0h208c11,0,20,9,20,20s-9,20-20,20H120 c-44.1,0-80,35.9-80,80v272c0,44.1,35.9,80,80,80h272c44.1,0,80-35.9,80-80V207c0-11,9-20,20-20s20,9,20,20v185 C512,458.2,458.2,512,392,512z M385.3,236.8l112.1-134c0,0,0-0.1,0.1-0.1c22.1-26.7,18.4-66.3-8.3-88.4s-66.3-18.4-88.4,8.3 l-0.1,0.1L290.5,158.4c-7,8.6-5.7,21.2,2.9,28.1c8.6,7,21.2,5.7,28.1-2.9L431.7,48.2c8-9.6,22.4-10.9,32-2.9c9.7,8,11,22.4,3,32 l-112,133.9c-7.1,8.5-6,21.1,2.5,28.2c3.7,3.1,8.3,4.7,12.8,4.7C375.7,244,381.4,241.6,385.3,236.8L385.3,236.8z"/>
|
|
<path class="st2" d="M169.5,433c-20.6,0-40.5-11.2-50.7-28.5c-8.7-14.8-9-31.6-0.9-46.3c10-18.1,15.8-34.9,21.3-51.1 c9.4-27.7,18.4-53.8,45.3-76.2c19.6-16.3,44.3-23.9,69.5-21.5c25.3,2.4,48.2,14.6,64.3,34.4c14,17.1,21.7,38.8,21.7,61.1 c0,39.4-23.7,74.5-66.7,99C242.2,421.6,201.4,433,169.5,433L169.5,433z M244.9,249c-12.7,0-24.9,4.4-34.9,12.7 c-18.3,15.2-24.5,33.3-33,58.4c-5.8,17-12.4,36.4-24.2,57.6c-0.6,1.1-1.7,3.1,0.4,6.6c2.6,4.4,9,8.8,16.3,8.8 C213.8,393.1,300,362,300,305c0-13.3-4.4-25.6-12.6-35.7c-9.4-11.4-22.6-18.5-37.2-19.9C248.4,249.1,246.6,249,244.9,249L244.9,249 z"/>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="category__content">
|
|
<h4 class="category__title"><a href="#">SISTER for Tendik</a></h4>
|
|
<p>Aplikasi untuk Tendik</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6">
|
|
<div class="category__item mb-30 transition-3 d-flex align-items-center">
|
|
<div class="category__icon mr-30">
|
|
<svg viewBox="0 0 512 512">
|
|
<g>
|
|
<path class="st0" d="M106.1,341.9V120c0-55.2,44.8-100,100-100h-61c-55.2,0-100,44.8-100,100v221.9c0,55.2,44.8,100,100,100h61 C150.8,441.8,106.1,397.1,106.1,341.9z"/>
|
|
<path class="st1" d="M442.8,512c-10.5,0-20.9-3.9-29.2-11.3l-49.9-43.9c-8.3-7.3-9.1-19.9-1.8-28.2c7.3-8.3,19.9-9.1,28.2-1.8 l49.9,43.9c0.1,0,0.1,0.1,0.2,0.1c0.5,0.4,1.9,1.7,4.3,0.7c2.4-1.1,2.4-3,2.4-3.7V120c0-44.1-35.9-80-80-80H145 c-44.1,0-80,35.9-80,80v221.9c0,44.1,35.9,80,80,80h154c11,0,20,9,20,20s-9,20-20,20H145c-66.1,0-120-53.8-120-120V120 C25.1,53.8,78.9,0,145,0h222c66.1,0,120,53.8,120,120v348c0,17.6-10,33-26.1,40.2C455,510.7,448.8,512,442.8,512L442.8,512z M350.7,264c-9.3-5.9-21.7-3.2-27.6,6.1c-0.2,0.4-25.1,38.7-67.1,38.7s-67.9-38.3-68.1-38.7c-5.9-9.3-18.3-12.1-27.6-6.1 c-9.3,5.9-12.1,18.3-6.1,27.6c1.5,2.3,38.2,57.2,101.8,57.2s99.3-54.9,100.8-57.2C362.8,282.3,360,270,350.7,264z"/>
|
|
<path class="st2" d="M334,211.9c-11,0-20-9-20-20v-55c0-11,9-20,20-20s20,9,20,20v55C354,203,345,211.9,334,211.9z M199,191.9v-55 c0-11-9-20-20-20s-20,9-20,20v55c0,11,9,20,20,20S199,203,199,191.9z"/>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="category__content">
|
|
<h4 class="category__title"><a href="#">SISTER for Parents</a></h4>
|
|
<p>Aplikasi untuk Orang Tua</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6">
|
|
<div class="category__item mb-30 transition-3 d-flex align-items-center">
|
|
<div class="category__icon mr-30">
|
|
<svg viewBox="0 0 512 512">
|
|
<g>
|
|
<path class="st0" d="M81.5,276c0-92.5,58.2-171.5,140-202.2c-9.2-7.6-21.6-11.2-34.4-8.2C91.4,87.7,20,173.5,20,276 c0,119.6,96.3,216,216,216c10.4,0,20.7-0.8,30.7-2.2C161.7,475,81.5,385.2,81.5,276z"/>
|
|
<path class="st1" d="M236,512c-63.2,0-122.5-24.5-167-69S0,339.2,0,276c0-53.6,18.5-106.2,52.1-147.9c33.1-41.1,79.4-70.2,130.5-82 c17.9-4.1,36.3,0,50.7,11.5s22.7,28.6,22.7,47V236c0,11,9,20,20,20h131.4c18.4,0,35.6,8.3,47,22.7c11.4,14.4,15.6,32.9,11.5,50.7 c-11.8,51.1-41,97.4-82,130.5C342.1,493.5,289.6,512,236,512L236,512z M196.1,84.6c-1.5,0-3,0.2-4.5,0.5 C102.3,105.7,40,184.2,40,276c0,52.5,20.3,101.8,57.3,138.7c36.9,37,86.2,57.3,138.7,57.3c91.8,0,170.3-62.3,190.9-151.6 c1.4-5.9,0-12-3.8-16.8s-9.6-7.6-15.7-7.6H276c-33.1,0-60-26.9-60-60V104.6c0-6.1-2.8-11.9-7.6-15.7 C204.8,86,200.5,84.6,196.1,84.6L196.1,84.6z M187.1,65.6L187.1,65.6L187.1,65.6z"/>
|
|
<path class="st2" d="M450.6,216h-93.2c-33.9,0-61.4-27.6-61.4-61.4V61.4c0-19.7,9.1-37.7,24.9-49.4c15.9-11.7,35.9-15,54.9-9.2 c31.3,9.7,60.1,27,83.2,50.2c23.2,23.2,40.5,51.9,50.2,83.2c5.9,18.9,2.5,38.9-9.3,54.8C488.3,206.9,470.3,216,450.6,216L450.6,216 z M357.4,40c-4.5,0-9,1.4-12.8,4.2c-5.5,4.1-8.7,10.3-8.7,17.2v93.2c0,11.8,9.6,21.4,21.4,21.4h93.2c6.9,0,13.1-3.2,17.2-8.7 c4.1-5.6,5.3-12.6,3.2-19.3c-7.8-25.1-21.7-48.2-40.3-66.8C412.1,62.7,389,48.8,363.9,41C361.8,40.4,359.6,40,357.4,40z"/>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="category__content">
|
|
<h4 class="category__title"><a href="#">Kawanda</a></h4>
|
|
<p>Aplikasi Penyimpanan Online</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-6">
|
|
<div class="category__item mb-30 transition-3 d-flex align-items-center">
|
|
<div class="category__icon mr-30">
|
|
<svg viewBox="0 0 512 512">
|
|
<g>
|
|
<path class="st4" d="M438,512c-40.8,0-74-33.2-74-74V74c0-40.8,33.2-74,74-74s74,33.2,74,74v364C512,478.8,478.8,512,438,512z M438,40c-18.7,0-34,15.3-34,34v364c0,18.7,15.3,34,34,34s34-15.3,34-34V74C472,55.3,456.7,40,438,40z M74,512 c-40.8,0-74-33.2-74-74v-82c0-40.8,33.2-74,74-74s74,33.2,74,74v82C148,478.8,114.8,512,74,512z M74,322c-18.7,0-34,15.3-34,34v82 c0,18.7,15.3,34,34,34s34-15.3,34-34v-82C108,337.3,92.7,322,74,322z M256,512c-40.8,0-74-33.2-74-74V213c0-40.8,33.2-74,74-74 s74,33.2,74,74v225C330,478.8,296.8,512,256,512z M256,179c-18.7,0-34,15.3-34,34v225c0,18.7,15.3,34,34,34s34-15.3,34-34V213 C290,194.3,274.7,179,256,179z"/>
|
|
<path class="st5" d="M139,162.3c0-31.2-27.8-56.7-61.9-56.7c-14.5,0-25.1-7-25.1-16.7c0-9.2,7.4-16.7,16.5-16.7 c9.2,0,21.1,1,40.2,8.4c10.3,4,21.9-1.1,25.9-11.4s-1.1-21.9-11.4-25.9c-9.9-3.9-18.6-6.4-26.2-8.1V20C97,9,88,0,77,0S57,9,57,20 v13.5C31.3,38.9,12,61.7,12,89c0,32.3,28,56.7,65.1,56.7c11.9,0,21.9,7.6,21.9,16.7c0,8.9-8.3,16.7-17.7,16.7 c-7.3,0-25.8-2.7-43.9-9.9c-10.3-4.1-21.9,0.9-26,11.2s0.9,21.9,11.2,26c11.6,4.6,23.7,7.9,34.4,10V228c0,11,9,20,20,20s20-9,20-20 v-11.2c9.1-2.6,17.6-7.4,24.6-14.2C132.8,191.9,139,177.6,139,162.3L139,162.3z"/>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="category__content">
|
|
<h4 class="category__title"><a href="#">Tracer Study</a></h4>
|
|
<p>Aplikasi untuk Alumni</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- aplikasi area end -->
|
|
|
|
<!-- development area start -->
|
|
<section class="banner__area pb-110">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
|
|
<div class="banner__item p-relative mb-40" data-background="assets/img/banner/banner-bg-1.webp" loading="lazy">
|
|
<div class="banner__content">
|
|
<span>NetMon</span>
|
|
<h3 class="banner__title">
|
|
<a href="#" rel="nofollow">Vue.js x Proxmox<br> Monitoring</a>
|
|
</h3>
|
|
<a href="/" class="e-btn e-btn-2">Selengkapnya</a>
|
|
</div>
|
|
<div class="banner__thumb d-none d-sm-block d-md-none d-lg-block">
|
|
<img src="assets/img/banner/banner-img-1.webp" loading="lazy" alt="banner1" width="512px" height="235px">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6">
|
|
<div class="banner__item p-relative mb-40" data-background="assets/img/banner/banner-bg-2.webp" loading="lazy">
|
|
<div class="banner__content">
|
|
<span class="orange">WebCMS</span>
|
|
<h3 class="banner__title">
|
|
<a href="#" rel="nofollow">LvCMS <br> Development</a>
|
|
</h3>
|
|
<a href="/" class="e-btn e-btn-2">Selengkapnya</a>
|
|
</div>
|
|
<div class="banner__thumb banner__thumb-2 d-none d-sm-block d-md-none d-lg-block">
|
|
<img src="assets/img/banner/banner-img-2.webp" loading="lazy" alt="banner2" width="512px" height="235px">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- development area end -->
|
|
<!-- blog area start -->
|
|
<section class="blog__area pt-115 pb-130">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xxl-6 offset-xxl-3">
|
|
<div class="section__title-wrapper text-center mb-60">
|
|
<h2 class="section__title">Artikel Terbaru <br>
|
|
Rilis <span class="yellow-bg yellow-bg-big">Informasi <img src="assets/img/shape/yellow-bg.webp" loading="lazy" alt="yellow-bg"></span>Teknologi</h2>
|
|
<p>Pastikan Anda tidak ketinggalan informasi seputar perkembangan teknologi.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
|
<div class="blog__item white-bg mb-30 transition-3 fix">
|
|
<div class="blog__thumb w-img fix">
|
|
<a href="/semarakkan-diesnatalis-unej-ke-58/">
|
|
<img src="assets/img/blog/blog-1.webp" loading="lazy" alt="blog-1" width="414px" height="252px">
|
|
</a>
|
|
</div>
|
|
<div class="blog__content">
|
|
<div class="blog__tag">
|
|
<a href="#">Campus & Activity</a>
|
|
</div>
|
|
<h3 class="blog__title"><a href="/semarakkan-diesnatalis-unej-ke-58/">Semarakkan Diesnatalis UNEJ ke-58</a></h3>
|
|
|
|
<div class="blog__meta d-flex align-items-center justify-content-between">
|
|
<div class="blog__date d-flex align-items-center">
|
|
<i class="fal fa-clock"></i>
|
|
<span>Nov 08, 2022</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
|
<div class="blog__item white-bg mb-30 transition-3 fix">
|
|
<div class="blog__thumb w-img fix">
|
|
<a href="/gagal-aktivasi-office-365-di-windows-11-begini-caranya/">
|
|
<img src="assets/img/blog/blog-2.webp" loading="lazy" alt="blog-2" width="414px" height="252px">
|
|
</a>
|
|
</div>
|
|
<div class="blog__content">
|
|
<div class="blog__tag">
|
|
<a href="#" class="purple">Office</a>
|
|
</div>
|
|
<h3 class="blog__title"><a href="/gagal-aktivasi-office-365-di-windows-11-begini-caranya/">Gagal Aktivasi Office 365 di Windows 11? Begini Caranya</a></h3>
|
|
|
|
<div class="blog__meta d-flex align-items-center justify-content-between">
|
|
<div class="blog__date d-flex align-items-center">
|
|
<i class="fal fa-clock"></i>
|
|
<span>Jul 19, 2022</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6">
|
|
<div class="blog__item white-bg mb-30 transition-3 fix">
|
|
<div class="blog__thumb w-img fix">
|
|
<a href="/perubahan-kebijakan-kapasitas-penyimpanan-layanan-google-workspace-for-education/">
|
|
<img src="assets/img/blog/blog-3.webp" loading="lazy" alt="blog-3" width="414px" height="252px">
|
|
</a>
|
|
</div>
|
|
<div class="blog__content">
|
|
<div class="blog__tag">
|
|
<a href="#" class="pink">Email</a>
|
|
</div>
|
|
<h3 class="blog__title"><a href="/perubahan-kebijakan-kapasitas-penyimpanan-layanan-google-workspace-for-education/">Perubahan Kebijakan Layanan Google Workspace for Education</a></h3>
|
|
|
|
<div class="blog__meta d-flex align-items-center justify-content-between">
|
|
<div class="blog__date d-flex align-items-center">
|
|
<i class="fal fa-clock"></i>
|
|
<span>May 12, 2022</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- blog area end -->
|
|
<!-- agenda area start -->
|
|
<section class="events__area pt-115 pb-120 p-relative">
|
|
<div class="events__shape">
|
|
<img class="events-1-shape" src="assets/img/events/events-shape.webp" loading="lazy" alt="yellow">
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xxl-4 offset-xxl-4">
|
|
<div class="section__title-wrapper mb-60 text-center">
|
|
<h2 class="section__title">Agenda <span class="yellow-bg yellow-bg-big">Terbaru<img src="assets/img/shape/yellow-bg.webp" loading="lazy" alt="yellow"></span></h2>
|
|
<p>Ada 6 agenda terkini</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xxl-10 offset-xxl-1 col-xl-10 offset-xl-1 col-lg-10 offset-lg-1">
|
|
<div class="events__item mb-10 hover__active">
|
|
<div class="events__item-inner d-sm-flex align-items-center justify-content-between white-bg">
|
|
<div class="events__content">
|
|
<div class="events__meta">
|
|
<span>December 29, 2022</span>
|
|
<span>09:30 am - 5:30 pm</span>
|
|
<span>Agrotechnopark Jubung</span>
|
|
</div>
|
|
<h3 class="events__title"><a href="https://uptti.unej.ac.id/pemasangan-jaringan-dan-access-point-di-agrotechnopark-jubung-part-iii/">Pemasangan Jaringan dan Access Point di Agrotechnopark Jubung Part II</a></h3>
|
|
</div>
|
|
<div class="events__more">
|
|
<a href="https://uptti.unej.ac.id/pemasangan-jaringan-dan-access-point-di-agrotechnopark-jubung-part-iii/" class="link-btn">
|
|
Selengkapnya
|
|
<i class="far fa-arrow-right"></i>
|
|
<i class="far fa-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-10 offset-xxl-1 col-xl-10 offset-xl-1 col-lg-10 offset-lg-1">
|
|
<div class="events__item mb-10 hover__active">
|
|
<div class="events__item-inner d-sm-flex align-items-center justify-content-between white-bg">
|
|
<div class="events__content">
|
|
<div class="events__meta">
|
|
<span>December 28, 2022</span>
|
|
<span>09:30 am - 5:30 pm</span>
|
|
<span>Agrotechnopark Jubung</span>
|
|
</div>
|
|
<h3 class="events__title"><a href="https://uptti.unej.ac.id/pemasangan-jaringan-dan-access-point-di-agrotechnopark-jubung-part-ii/">Pemasangan Jaringan dan Access Point di Agrotechnopark Jubung Part II</a></h3>
|
|
</div>
|
|
<div class="events__more">
|
|
<a href="https://uptti.unej.ac.id/pemasangan-jaringan-dan-access-point-di-agrotechnopark-jubung-part-ii/" class="link-btn">
|
|
Selengkapnya
|
|
<i class="far fa-arrow-right"></i>
|
|
<i class="far fa-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-10 offset-xxl-1 col-xl-10 offset-xl-1 col-lg-10 offset-lg-1">
|
|
<div class="events__item mb-10 hover__active">
|
|
<div class="events__item-inner d-sm-flex align-items-center justify-content-between white-bg">
|
|
<div class="events__content">
|
|
<div class="events__meta">
|
|
<span>December 26, 2022</span>
|
|
<span>08:00 am - 16:30 pm</span>
|
|
<span>Agrotechnopark Jubung</span>
|
|
</div>
|
|
<h3 class="events__title"><a href="/pemasangan-jaringan-dan-access-point-di-agrotechnopark-jubung-part-i/">Pemasangan Jaringan dan Access Point di Agrotechnopark Jubung Part I</a></h3>
|
|
</div>
|
|
<div class="events__more">
|
|
<a href="/pemasangan-jaringan-dan-access-point-di-agrotechnopark-jubung-part-i/" class="link-btn">
|
|
Selengkapnya
|
|
<i class="far fa-arrow-right"></i>
|
|
<i class="far fa-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-10 offset-xxl-1 col-xl-10 offset-xl-1 col-lg-10 offset-lg-1">
|
|
<div class="events__item mb-10 hover__active">
|
|
<div class="events__item-inner d-sm-flex align-items-center justify-content-between white-bg">
|
|
<div class="events__content">
|
|
<div class="events__meta">
|
|
<span>December 14, 2022</span>
|
|
<span>12:00 am - 2:30 pm</span>
|
|
<span>Data Center II</span>
|
|
</div>
|
|
<h3 class="events__title"><a href="#">Instalasi dan konfigurasi Nutanix AHV</a></h3>
|
|
</div>
|
|
<div class="events__more">
|
|
<a href="#" class="link-btn">
|
|
Selengkapnya
|
|
<i class="far fa-arrow-right"></i>
|
|
<i class="far fa-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-10 offset-xxl-1 col-xl-10 offset-xl-1 col-lg-10 offset-lg-1">
|
|
<div class="events__item mb-10 hover__active active">
|
|
<div class="events__item-inner d-sm-flex align-items-center justify-content-between white-bg">
|
|
<div class="events__content">
|
|
<div class="events__meta">
|
|
<span>December 12, 2022</span>
|
|
<span>9:00 am - 5:00 pm</span>
|
|
<span>Data Center I</span>
|
|
</div>
|
|
<h3 class="events__title"><a href="#">Pemasangan Ruckus ICX 7650 Campus Switch</a></h3>
|
|
</div>
|
|
<div class="events__more">
|
|
<a href="#" class="link-btn">
|
|
Selengkapnya
|
|
<i class="far fa-arrow-right"></i>
|
|
<i class="far fa-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-10 offset-xxl-1 col-xl-10 offset-xl-1 col-lg-10 offset-lg-1">
|
|
<div class="events__item mb-10 hover__active">
|
|
<div class="events__item-inner d-sm-flex align-items-center justify-content-between white-bg">
|
|
<div class="events__content">
|
|
<div class="events__meta">
|
|
<span>December 4 - 6, 2022</span>
|
|
<span>09:00 am - 17:00 pm</span>
|
|
<span>Java Lotus Hotel, Jember</span>
|
|
</div>
|
|
<h3 class="events__title"><a href="#">Workshop Pemetaan Topologi Jaringan 2023</a></h3>
|
|
</div>
|
|
<div class="events__more">
|
|
<a href="#" class="link-btn">
|
|
Selengkapnya
|
|
<i class="far fa-arrow-right"></i>
|
|
<i class="far fa-arrow-right"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- agenda area end -->
|
|
|
|
<!-- provided area start -->
|
|
<section class="brand__area pb-110">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xxl-12">
|
|
<div class="brand__content text-center">
|
|
<h3 class="brand__title">Technology Infrastructure & Orchestration</h3>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xxl-12">
|
|
<div class="brand__slider swiper-container">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-1.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-2.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-3.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-4.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-5.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-6.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-7.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-8.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-9.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-10.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-11.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="brand__item">
|
|
<img src="assets/img/brand/brand-12.webp" loading="lazy" alt="brand" width="66px" height="57px">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- provided area end -->
|
|
|
|
<!-- download area start -->
|
|
<section class="cta__area mb--100">
|
|
<div class="container">
|
|
<div class="cta__inner cta__inner-2 blue-bg fix">
|
|
<div class="cta__shape">
|
|
<img src="assets/img/cta/cta-shape.webp" alt="brand">
|
|
</div>
|
|
<div class="row align-items-center">
|
|
<div class="col-xxl-7 col-xl-7 col-lg-7 col-md-6">
|
|
<div class="cta__content">
|
|
<h3 class="cta__title">Start learning by Downloading Apps.</h3>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-5 col-xl-5 col-lg-5 col-md-6">
|
|
<div class="cta__apps d-lg-flex justify-content-end p-relative z-index-1">
|
|
<a target="_blank" href="https://apps.apple.com/id/developer/universitas-jember/id1018726246" class="mr-10" rel="nofollow"><i class="fab fa-apple"></i> Apple Store</a>
|
|
<a target="_blank" href="https://play.google.com/store/apps/developer?id=UPT+TI+Universitas+Jember" class="active" rel="nofollow"><i class="fab fa-google-play"></i> Play Store</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- download area end -->
|
|
|
|
</main>
|
|
|
|
<!-- footer area start -->
|
|
<footer>
|
|
<div class="footer__area footer-bg">
|
|
<div class="footer__top pt-190 pb-40">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xxl-3 col-xl-3 col-lg-3 col-md-4 col-sm-6">
|
|
<div class="footer__widget mb-50">
|
|
<div class="footer__widget-head mb-22">
|
|
<div class="footer__logo">
|
|
<a href="/">
|
|
<img src="assets/img/logo/logo-footer.webp" loading="lazy" alt="logo-footer" width="167px" height="50px">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="footer__widget-body">
|
|
<p>UPT Teknologi Informasi dan Komunikasi<br>
|
|
➲ Alamat: Jalan Kalimantan No. 37 PO.BOX 159 Kampus Tegalboto Jember - Jawa Timur 68121, Indonesia<br>
|
|
☎ Telp./Fax: 0331 331042<br>
|
|
✉ Email: upttik@unej.ac.id<br>
|
|
◐ Jadwal: Senin - Kamis 07:00 sd. 16:00 WIB | Jumat 07:30 sd. 16:30 WIB | Sabtu dan Minggu Libur
|
|
</p>
|
|
|
|
<div class="footer__social">
|
|
<ul>
|
|
<li><a href="https://www.facebook.com/upttiuj" rel="nofollow"><i class="social_facebook" aria-label="Follow Facebook"></i></a></li>
|
|
<li><a href="https://twitter.com/upttiuj" class="tw" rel="nofollow"><i class="social_twitter" aria-label="Follow Twitter"></i></a></li>
|
|
<li><a href="https://www.instagram.com/uptti_unej/" class="pin" rel="nofollow"><i class="social_instagram" aria-label="Follow Instagram"></i></a></li>
|
|
<li><a href="https://www.youtube.com/channel/UC55NsmEEC2Q5_jiUCPsdTeg" class="pin" rel="nofollow"><i class="social_youtube" aria-label="Follow YouTube"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-2 offset-xxl-1 col-xl-2 offset-xl-1 col-lg-3 offset-lg-0 col-md-2 offset-md-1 col-sm-5 offset-sm-1">
|
|
<div class="footer__widget mb-50">
|
|
<div class="footer__widget-head mb-22">
|
|
<h3 class="footer__widget-title">UPT TIK</h3>
|
|
</div>
|
|
<div class="footer__widget-body">
|
|
<div class="footer__link">
|
|
<ul>
|
|
<li><a href="/sumber-daya-manusia/">SDM</a></li>
|
|
<li><a href="/category/jaringan/">Jaringan</a></li>
|
|
<li><a href="/category/programmer/">Programmer</a></li>
|
|
<li><a href="/category/database/">Database</a></li>
|
|
<li><a href="/category/iot/">Internet of Things</a></li>
|
|
<li><a href="/category/ml/">Machine Learning</a></li>
|
|
<li><a href="/category/ai/">Artificial Intelligence</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-2 col-xl-2 col-lg-2 offset-lg-0 col-md-3 offset-md-1 col-sm-6">
|
|
<div class="footer__widget mb-50">
|
|
<div class="footer__widget-head mb-22">
|
|
<h3 class="footer__widget-title">Platform</h3>
|
|
</div>
|
|
<div class="footer__widget-body">
|
|
<div class="footer__link">
|
|
<ul>
|
|
<li><a href="https://wiki.uptti.unej.ac.id" rel="nofollow" target="_blank">Wiki</a></li>
|
|
<li><a href="https://prx.uptti.unej.ac.id" rel="nofollow" target="_blank">NetMon</a></li>
|
|
<li><a href="https://play.uptti.unej.ac.id" rel="nofollow" target="_blank">PlayHub</a></li>
|
|
<li><a href="https://polpp.uptti.unej.ac.id" rel="nofollow" target="_blank">Polpp</a></li>
|
|
<li><a href="https://intranet.unej.ac.id" rel="nofollow" target="_blank">Intranet</a></li>
|
|
<li><a href="https://gitea.unej.ac.id" rel="nofollow" target="_blank">Gitea</a></li>
|
|
<li><a href="https://linktree.uptti.unej.ac.id" rel="nofollow" target="_blank">LinkTree</a></li>
|
|
<li><a href="https://simak.uptti.unej.ac.id" rel="nofollow" target="_blank">Sibanu</a></li>
|
|
<li><a href="https://analytics.uptti.unej.ac.id/" rel="nofollow" target="_blank">Web & Apps Analytics</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-5 col-sm-6">
|
|
<div class="footer__widget footer__pl-70 mb-50">
|
|
<div class="footer__widget-head mb-22">
|
|
<h3 class="footer__widget-title">Berlangganan</h3>
|
|
</div>
|
|
<div class="footer__widget-body">
|
|
<div class="footer__subscribe">
|
|
<form action="/">
|
|
<div class="footer__subscribe-input mb-15">
|
|
<input type="email" placeholder="Alamat email Anda">
|
|
<button type="submit" aria-label="submit">
|
|
<i class="far fa-arrow-right"></i>
|
|
<i class="far fa-arrow-right"></i>
|
|
</button>
|
|
</div>
|
|
</form>
|
|
<p>Dapatkan rilis berita terbaru kami.</p>
|
|
</div>
|
|
<a href="https://unej.freshstatus.io" id="freshstatus-badge-root"
|
|
data-banner-style="tile"
|
|
data-brand-logo="https://unej.ac.id/wp-content/uploads/2022/06/Logo-Baku-UNEJ-2020-Medium-Res-copy.png"
|
|
data-brand-title="" >
|
|
<img src="https://public-api.freshstatus.io/v1/public/badge.svg/?badge=d36a2193-ebba-4914-bb27-5036a7e50f66" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer__bottom">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xxl-12">
|
|
<div class="footer__copyright text-center">
|
|
<p>© 2023 UPT Teknologi Informasi dan Komunikasi - <a href="https://unej.ac.id/" target="_blank">Universitas Jember</a>. Hak cipta dilindungi undang-undang. Pelajari <a href="/kebijakan-privasi/">Kebijakan Privasi</a> dan <a href="/code-of-conduct/">Code of Conduct</a> kami.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- footer area end -->
|
|
<!-- JS -->
|
|
<script defer type="module" src="https://cdn.freshstatus.io/widget/index.js"></script>
|
|
<script defer src="assets/js/vendor/jquery-3.5.1.min.js"></script>
|
|
<script defer src="assets/js/vendor/waypoints.min.js"></script>
|
|
<script defer src="assets/js/bootstrap.bundle.min.js"></script>
|
|
<script defer src="assets/js/jquery.meanmenu.js"></script>
|
|
<script defer src="assets/js/swiper-bundle.min.js"></script>
|
|
<script defer src="assets/js/owl.carousel.min.js"></script>
|
|
<script defer src="assets/js/jquery.fancybox.min.js"></script>
|
|
<script defer src="assets/js/isotope.pkgd.min.js"></script>
|
|
<script defer src="assets/js/parallax.min.js"></script>
|
|
<script defer src="assets/js/backToTop.js"></script>
|
|
<script defer src="assets/js/jquery.counterup.min.js"></script>
|
|
<script defer src="assets/js/ajax-form.js"></script>
|
|
<script defer src="assets/js/wow.min.js"></script>
|
|
<script defer src="assets/js/imagesloaded.pkgd.min.js"></script>
|
|
<script defer src="assets/js/main.js"></script>
|
|
<script defer src="//instant.page/5.1.1" type="module" integrity="sha384-MWfCL6g1OTGsbSwfuMHc8+8J2u71/LA8dzlIN3ycajckxuZZmF+DNjdm7O6H3PSq"></script>
|
|
</body>
|
|
</html> |