- ID da verificação
- 4c6d43f2-6824-4de7-93bd-ffeed36a1c83Concluído
- URL enviado:
- https://shark-hue.github.io/Website-Kelompok/
- Relatório concluído:
Links · 0 encontrado(s)
Os links de saída identificados na página
Variáveis JavaScript · 6 encontrada(s)
Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer lugar no código dentro do escopo atual
| Nome | Tipo |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| AOS | object |
| toggleTheme | function |
| initializeTheme | function |
Mensagens de registro do console · 2 encontrada(s)
Mensagens registradas no console web
| Tipo | Categoria | Log |
|---|---|---|
| warning | other |
|
| error | network |
|
HTML
O corpo HTML bruto da página
<!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>