Digital Signature

SISTEM INFORMASI DIGITAL

Informasi

table { border-collapse: collapse; border-spacing: 0; width: 100%; border: 1px solid #ddd; } th { font-size: 40px; color: white; text-align: center; padding: 20px; } td { text-shadow: 2px 2px 4px #000000; font-family: Sans-serif; font-size: 60px; color: white; text-align: center; padding: 10px; } tr:nth-child(even){ background-color: red; /* For browsers that do not support gradients */ background-image: linear-gradient(to bottom right, red, yellow);

Perkuliahan Ke:
Libur Semester

.outlook { position: relative; padding-bottom: 75%; // This is the aspect ratio height: 0; overflow: hidden; } .outlook iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

Pukul:

Pengumuman Penting

Agenda Departemen

15 JAN

Batas Pengumpulan Nilai Bahasa Asing

☸ 07:30 - 16:00 WIB

⚘ Departemen Teknik Transportasi Laut

16 JAN

Ujian Komprehensif (P3)

☸ 07:30 - 16:00 WIB

⚘ Departemen Teknik Transportasi Laut

25 JAN

Ujian Tesis

☸ 07:30 - 16:00 WIB

⚘ Departemen Teknik Transportasi Laut

25/26 JAN

Ujian (P4)

☸ 07:30 - 16:00 WIB

⚘ Departemen Teknik Transportasi Laut

9 FEB

Pengumpulan Revisi Ujian (P4)

☸ 07:30 - 16:00 WIB

⚘ Departemen Teknik Transportasi Laut

@import url("https://fonts.googleapis.com/css?family=Gelasio&display=swap"); * { box-sizing: border-box; } body, html { overflow-x: hidden; } .bar { position: absolute; top: 0; left: 0; width: 100%; padding: 0px 0; background-color: #; color: black; font-family: Gelasio; font-size: 25px; } .bar_content { display: block; /* Important to give the content a width */ width: 100%; transform: translateX(100%); /* Animation start out of the screen */ /* Add the animation */ animation: move 30s linear infinite /* infinite make reapeat the animation indefinitely */; } /* Create the animation */ @keyframes move { to { transform: translateX(-100%); } }

Mari bergabung dengan kami di Departemen Teknik Transportasi Laut! "See the future, Sea is the future"

.outlook { position: relative; padding-bottom: 75%; // This is the aspect ratio height: 0; overflow: hidden; } .outlook iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

#mydiv { position: absolute; z-index: 9; font-size: 30px; background-color: #f1f1f1; text-align: center; border: 1px solid #d3d3d3; } #mydivheader { padding: 15px; cursor: move; z-index: 10; background-color: #2196F3; color: #fff; }

Perkuliahan Ke :

3

//Make the DIV element draggagle: dragElement(document.getElementById("mydiv")); function dragElement(elmnt) { var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0; if (document.getElementById(elmnt.id + "header")) { /* if present, the header is where you move the DIV from:*/ document.getElementById(elmnt.id + "header").onmousedown = dragMouseDown; } else { /* otherwise, move the DIV from anywhere inside the DIV:*/ elmnt.onmousedown = dragMouseDown; } function dragMouseDown(e) { e = e || window.event; e.preventDefault(); // get the mouse cursor position at startup: pos3 = e.clientX; pos4 = e.clientY; document.onmouseup = closeDragElement; // call a function whenever the cursor moves: document.onmousemove = elementDrag; } function elementDrag(e) { e = e || window.event; e.preventDefault(); // calculate the new cursor position: pos1 = pos3 - e.clientX; pos2 = pos4 - e.clientY; pos3 = e.clientX; pos4 = e.clientY; // set the element's new position: elmnt.style.top = (elmnt.offsetTop - pos2) + "px"; elmnt.style.left = (elmnt.offsetLeft - pos1) + "px"; } function closeDragElement() { /* stop moving when mouse button is released:*/ document.onmouseup = null; document.onmousemove = null; } }