- 掃描 ID：
- 4c6d43f2-6824-4de7-93bd-ffeed36a1c83已完成
- 已提交的 URL：
- https://shark-hue.github.io/Website-Kelompok/
- 報告完成時間：
連結 · 找到 0 個
從頁面中識別的傳出連結
JavaScript 變數 · 找到 6 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| AOS | object |
| toggleTheme | function |
| initializeTheme | function |
主控台記錄訊息 · 找到 2 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| warning | other |
|
| error | network |
|
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html lang="en" data-theme="light"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kolaborasi Kelompok</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body data-aos-easing="ease" data-aos-duration="1000" data-aos-delay="0">
<nav class="navbar">
<div class="container">
<button class="toggle-menu" onclick="toggleNavbar()">☰</button>
<div class="nav-controls">
<button class="theme-toggle" onclick="toggleTheme()">
<i class="fas fa-moon"></i>
<span>Dark Mode</span>
</button>
<ul class="nav-links">
<li><a href="#about">Tentang</a></li>
<li><a href="#team-pembuat-web">Kelompok Pembuat Web</a></li>
<li><a href="#team-reviewer-web">Kelompok Reviewer Web</a></li>
</ul>
</div>
</div>
</nav>
<header>
<div class="container">
<h1 data-aos="fade-down" class="aos-init aos-animate">Kolaborasi Kelompok 5 dan 6</h1>
</div>
</header>
<section id="about">
<h2 data-aos="fade-right" class="aos-init">Tentang Website</h2>
<p data-aos="fade-left" class="aos-init">Website ini dibuat oleh dua kelompok yang berkolaborasi. Kelompok pertama terdiri dari 3 anggota yang bertugas membuat website, sedangkan kelompok kedua terdiri dari 3 anggota untuk review hasil dari pembuatan website ini dan memastikan tidak ada bug, serta website ini adalah sebagai salah satu syarat tugas akhir dari mata kuliah Interaksi Manusia Dan Komputer.</p>
</section>
<section id="team-pembuat-web">
<h2 data-aos="zoom-in" class="aos-init">Kelompok Pembuat Web</h2>
<div class="team">
<div class="members"><div class="member aos-init" data-aos="zoom-in">
<img src="assets/foto1.jpg" alt="Akbar Pandu Ardiantama">
<h4>Akbar Pandu Ardiantama</h4>
<p class="role">Frontend Developer</p>
<p class="preview-info">hallo saya adalah mahasiswa uniska semester 5. di sini saya sebagai Frontend Devoloper, sedikit tent...</p>
<button class="expand-btn">Lihat Selengkapnya</button>
<div class="details">
<div class="details-content">
<h3>Deskripsi</h3>
<p>hallo saya adalah mahasiswa uniska semester 5. di sini saya sebagai Frontend Devoloper, sedikit tentang saya. saya memiliki hobi badminton. Olahraga ini bukan sekadar hobi bagi saya, tapi juga menjadi cara untuk menjaga kebugaran dan menyeimbangkan aktivitas akademik dengan kegiatan fisik yang menyenangkan.</p>
<h3>Keahlian</h3>
<ul>
<li>HTML</li><li>CSS</li><li>JavaScript basic</li><li>Python</li>
</ul>
<h3>Proyek</h3>
<ul>
<li>Kelompok dan Personal Portfolio</li>
</ul>
</div>
</div>
</div><div class="member aos-init" data-aos="zoom-in">
<img src="assets/foto2.jpg" alt="Angga Ali Pradana">
<h4>Angga Ali Pradana</h4>
<p class="role">Backend Developer</p>
<p class="preview-info">Saya seorang mahasiswa di Universitas Islam Kadiri prodi Teknik Komputer. Disini saya sebagai Backen...</p>
<button class="expand-btn">Lihat Selengkapnya</button>
<div class="details">
<div class="details-content">
<h3>Deskripsi</h3>
<p>Saya seorang mahasiswa di Universitas Islam Kadiri prodi Teknik Komputer. Disini saya sebagai Backend Developer, hobi saya adalah seni atau membuat sebuah karya, Disisi lain saya juga suka menulis dan membaca, karena dengan seperti itu bisa menambah wawasan untuk diri kita.</p>
<h3>Keahlian</h3>
<ul>
<li>JavaScript</li><li>PHP</li><li>SQL</li><li>Python</li>
</ul>
<h3>Proyek</h3>
<ul>
<li>Sistem Manajemen Inventaris</li><li>API untuk Aplikasi Mobile</li>
</ul>
</div>
</div>
</div><div class="member aos-init" data-aos="zoom-in">
<img src="assets/foto3.jpg" alt="Fahry Satria Putra Pratama">
<h4>Fahry Satria Putra Pratama</h4>
<p class="role">UI/UX Designer</p>
<p class="preview-info">Desainer berpengalaman yang fokus pada menciptakan pengalaman pengguna yang intuitif....</p>
<button class="expand-btn">Lihat Selengkapnya</button>
<div class="details">
<div class="details-content">
<h3>Deskripsi</h3>
<p>Desainer berpengalaman yang fokus pada menciptakan pengalaman pengguna yang intuitif.</p>
<h3>Keahlian</h3>
<ul>
<li>Figma</li><li>Adobe XD</li><li>Sketch</li><li>Wireframing</li>
</ul>
<h3>Proyek</h3>
<ul>
<li>Desain Aplikasi Kesehatan</li><li>Redesign Website Perusahaan</li>
</ul>
</div>
</div>
</div></div>
</div>
</section>
<section id="team-reviewer-web">
<h2 data-aos="zoom-in" class="aos-init">Kelompok Reviewer Web</h2>
<div class="team">
<div class="members"><div class="member aos-init" data-aos="zoom-in">
<img src="assets/foto4.jpg" alt="Aula Ilyas Taufikurohman">
<h4>Aula Ilyas Taufikurohman</h4>
<p class="role">Tester</p>
<p class="preview-info">Ahli dalam pengujian manual dan otomatis dengan ketelitian tinggi....</p>
<button class="expand-btn">Lihat Selengkapnya</button>
<div class="details">
<div class="details-content">
<h3>Deskripsi</h3>
<p>Ahli dalam pengujian manual dan otomatis dengan ketelitian tinggi.</p>
<h3>Keahlian</h3>
<ul>
<li>Selenium</li><li>JUnit</li><li>Test Planning</li><li>Bug Tracking</li>
</ul>
<h3>Proyek</h3>
<ul>
<li>Pengujian Sistem E-Learning</li><li>Uji Penetrasi Keamanan</li>
</ul>
</div>
</div>
</div><div class="member aos-init" data-aos="zoom-in">
<img src="assets/foto5.jpg" alt="Yudhi Utomo Galih Hendro Pranowo">
<h4>Yudhi Utomo Galih Hendro Pranowo</h4>
<p class="role">Quality Analyst</p>
<p class="preview-info">Profesional kualitas yang memastikan produk memenuhi standar tertinggi....</p>
<button class="expand-btn">Lihat Selengkapnya</button>
<div class="details">
<div class="details-content">
<h3>Deskripsi</h3>
<p>Profesional kualitas yang memastikan produk memenuhi standar tertinggi.</p>
<h3>Keahlian</h3>
<ul>
<li>Quality Management</li><li>JIRA</li><li>Test Case Design</li><li>Root Cause Analysis</li>
</ul>
<h3>Proyek</h3>
<ul>
<li>Audit Kualitas Perangkat Lunak</li><li>Perbaikan Proses QA</li>
</ul>
</div>
</div>
</div><div class="member aos-init" data-aos="zoom-in">
<img src="assets/foto6.jpg" alt="Muhammad Miftahul Huda">
<h4>Muhammad Miftahul Huda</h4>
<p class="role">Documentation Specialist</p>
<p class="preview-info">Ahli dokumentasi yang mengubah kompleksitas teknis menjadi panduan yang jelas....</p>
<button class="expand-btn">Lihat Selengkapnya</button>
<div class="details">
<div class="details-content">
<h3>Deskripsi</h3>
<p>Ahli dokumentasi yang mengubah kompleksitas teknis menjadi panduan yang jelas.</p>
<h3>Keahlian</h3>
<ul>
<li>Technical Writing</li><li>Markdown</li><li>API Documentation</li><li>Process Mapping</li>
</ul>
<h3>Proyek</h3>
<ul>
<li>Dokumentasi Proyek Open Source</li><li>Pembuatan Panduan Pengguna</li>
</ul>
</div>
</div>
</div></div>
</div>
</section>
<footer>
<p>© 2024 Team website & Reviewer Web. Semua Hak Dilindungi.</p>
</footer>
<!-- animasi -->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
duration: 1000,
once: true
});
</script>
<!-- custom -->
<script src="members.js"></script>
<script src="scripts.js"></script>
</body></html>