Modul Praktikum – Pendidikan Informatika UMRI

Modul Praktikum Dosen Pendidikan Informatika

Modul Praktikum Algoritma Pemograman Download
Modul Praktikum Pemograman Aplikasi Web Download
Modul Praktikum Sistem Basis Data Download
Modul Praktikum Pemograman Aplikasi Mobile Download
Modul Praktikum Pemograman Berorientasi Objek Download
Modul Praktikum Pemograman Framework Download
Modul Praktikum Pemograman Aplikasi Dekstop Download
Modul Praktikum Jaringan Komputer Dasar Download
Modul Praktikum Produsi Film Pendek Download
Modul Praktikum Animasi Download
Modul Praktikum Komputer Multimedia Download

<!-- HTML -->
<div class="sosmed-links horizontal">
  <a href="https://facebook.com/username" target="_blank" rel="noopener" aria-label="Facebook">
    <!-- Facebook SVG -->
    <svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true"><path d="M22 12.07C22 6.54 17.52 2 12 2S2 6.54 2 12.07c0 5 3.66 9.13 8.44 9.95v-7.05H7.9v-2.9h2.54V9.41c0-2.5 1.49-3.88 3.77-3.88 1.09 0 2.23.2 2.23.2v2.45h-1.25c-1.23 0-1.61.76-1.61 1.54v1.86h2.74l-.44 2.9h-2.3V22C18.34 21.2 22 17.07 22 12.07z"/></svg>
  </a>

  <a href="https://instagram.com/username" target="_blank" rel="noopener" aria-label="Instagram">
    <!-- Instagram SVG -->
    <svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true"><path d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm5 6.5A4.5 4.5 0 1 0 16.5 13 4.5 4.5 0 0 0 12 8.5zm6.8-3.3a1.2 1.2 0 1 0 1.2 1.2 1.2 1.2 0 0 0-1.2-1.2z"/></svg>
  </a>

  <a href="https://twitter.com/username" target="_blank" rel="noopener" aria-label="X (Twitter)">
    <!-- Twitter SVG -->
    <svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true"><path d="M22 5.92a8.2 8.2 0 0 1-2.36.65 4.12 4.12 0 0 0 1.8-2.28 8.22 8.22 0 0 1-2.6.99 4.1 4.1 0 0 0-7 3.74A11.64 11.64 0 0 1 3.16 4.9a4.1 4.1 0 0 0 1.27 5.47 4.06 4.06 0 0 1-1.86-.51v.05a4.1 4.1 0 0 0 3.29 4 4.11 4.11 0 0 1-1.85.07 4.1 4.1 0 0 0 3.83 2.84A8.23 8.23 0 0 1 2 19.54a11.62 11.62 0 0 0 6.29 1.84c7.55 0 11.68-6.25 11.68-11.66 0-.18 0-.36-.01-.54A8.3 8.3 0 0 0 22 5.92z"/></svg>
  </a>

  <a href="https://www.linkedin.com/in/username" target="_blank" rel="noopener" aria-label="LinkedIn">
    <!-- LinkedIn SVG -->
    <svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true"><path d="M4.98 3.5a2.5 2.5 0 1 0-.01 5.01 2.5 2.5 0 0 0 .01-5.01zM3 9h4v12H3zM9 9h3.8v1.6h.1c.5-.9 1.7-1.9 3.5-1.9 3.7 0 4.4 2.4 4.4 5.5V21H19v-5.1c0-1.2 0-2.7-1.6-2.7-1.6 0-1.9 1.3-1.9 2.6V21H9z"/></svg>
  </a>

  <a href="https://wa.me/62812xxxxxxx" target="_blank" rel="noopener" aria-label="WhatsApp">
    <!-- WhatsApp SVG -->
    <svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true"><path d="M20.5 3.5A11.9 11.9 0 0 0 12 0C5.4 0 .4 4.9.1 11.4a11.8 11.8 0 0 0 2.1 6.1L0 24l6.8-1.8a11.9 11.9 0 0 0 5.2 1.2c6.6 0 11.9-5.4 12-12 .1-1.8-.3-3.5-1-5.1zM12 21.5c-1.5 0-3-.4-4.3-1l-.3-.2-4 .9 1-3.8-.2-.3A8.6 8.6 0 0 1 3.5 11.4C3.5 6 7.9 1.6 13.3 1.6c3.5 0 6.7 1.6 8.8 4.4-1.3 2.6-3.6 3.4-3.9 3.5-.6.2-1.2.1-1.8-.1-.6-.2-1.2-.4-1.8-.4-.6 0-1.2.2-1.8.8-.5.5-.6 1.2-.5 1.8.1.7.6 1.4 1.5 2.2.9.8 1.6 1 2.2 1 .6 0 1.1-.1 1.6-.3.5-.2 1.2-.6 2.1-1.3.6.9.8 2 .3 3.1-1.7 3.4-5.4 5.7-9.4 5.7z"/></svg>
  </a>
</div>

<!-- CSS (tambahkan ke Customizer > Additional CSS) -->
<style>
.sosmed-links.horizontal{display:flex;gap:12px;align-items:center}
.sosmed-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;text-decoration:none;transition:transform .12s, box-shadow .12s}
.sosmed-links svg{width:20px;height:20px;fill:var(--sosmed-icon,#ffffff)}
/* default background colors per network (ubah sesuai kebutuhan) */
.sosmed-links a[aria-label="Facebook"]{background:#1877F2}
.sosmed-links a[aria-label="Instagram"]{background:linear-gradient(45deg,#f58529,#dd2a7b,#515bd4)}
.sosmed-links a[aria-label="X (Twitter)"]{background:#1DA1F2}
.sosmed-links a[aria-label="LinkedIn"]{background:#0077B5}
.sosmed-links a[aria-label="WhatsApp"]{background:#25D366}
.sosmed-links a:hover{transform:translateY(-3px);box-shadow:0 6px 14px rgba(0,0,0,.12)}
</style>