Aset
Output
Source Code
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CourseHub - Kursus Online</title>
</head>
<body>
<!-- HEADER -->
<header>
<h1>CourseHub</h1>
<p>Belajar Kapan Saja dan Di Mana Saja</p>
</header>
<!-- NAVIGATION -->
<nav>
<a href="#home">Home</a> |
<a href="#about">About</a> |
<a href="#course">Course</a> |
<a href="#contact">Contact</a>
</nav>
<hr>
<!-- HERO SECTION -->
<section id="home">
<h2>Belajar Skill Digital Masa Kini</h2>
<img
src="https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=1200"
width="100%"
alt="Online Learning">
<p>
Tingkatkan kemampuan Anda melalui berbagai kursus online
berkualitas yang dapat diakses kapan saja.
</p>
<button>Mulai Belajar</button>
</section>
<hr>
<!-- ABOUT -->
<section id="about">
<h2>Tentang CourseHub</h2>
<img
src="https://images.unsplash.com/photo-1516321318423-f06f85e504b3?w=800"
width="500"
alt="Mahasiswa Belajar">
<p>
CourseHub adalah platform pembelajaran online yang membantu
pelajar, mahasiswa, dan masyarakat umum memperoleh
keterampilan digital secara praktis.
</p>
<h3>Visi</h3>
<p>
Menjadi platform pembelajaran digital terbaik di Indonesia.
</p>
<h3>Misi</h3>
<ul>
<li>Menyediakan kursus berkualitas.</li>
<li>Mendukung pembelajaran fleksibel.</li>
<li>Meningkatkan kompetensi digital masyarakat.</li>
</ul>
</section>
<hr>
<!-- COURSE -->
<section id="course">
<h2>Daftar Kursus</h2>
<table border="1" cellpadding="10">
<tr>
<th>Kursus</th>
<th>Durasi</th>
<th>Level</th>
</tr>
<tr>
<td>HTML Dasar</td>
<td>10 Jam</td>
<td>Beginner</td>
</tr>
<tr>
<td>CSS Dasar</td>
<td>12 Jam</td>
<td>Beginner</td>
</tr>
<tr>
<td>JavaScript Dasar</td>
<td>20 Jam</td>
<td>Intermediate</td>
</tr>
</table>
<br>
<h3>Kursus Populer</h3>
<img
src="https://images.unsplash.com/photo-1523240795612-9a054b0db644?w=300"
width="300"
alt="HTML">
<img
src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=300"
width="300"
alt="CSS">
<img
src="https://images.unsplash.com/photo-1509062522246-3755977927d7?w=300"
width="300"
alt="JavaScript">
</section>
<hr>
<!-- REGISTRATION -->
<section>
<h2>Form Pendaftaran</h2>
<form>
<label>Nama Lengkap</label>
<br>
<input type="text" placeholder="Masukkan Nama">
<br><br>
<label>Email</label>
<br>
<input type="email" placeholder="Masukkan Email">
<br><br>
<label>Nomor HP</label>
<br>
<input type="text" placeholder="08xxxxxxxxxx">
<br><br>
<button type="submit">
Daftar Sekarang
</button>
</form>
</section>
<hr>
<!-- CONTACT -->
<section id="contact">
<h2>Kontak</h2>
<p>Email : info@coursehub.com</p>
<p>Telepon : +62 812-3456-7890</p>
<p>Alamat : Surabaya, Jawa Timur</p>
</section>
<hr>
<!-- FOOTER -->
<footer>
<p>
© 2026 CourseHub.
All Rights Reserved.
</p>
</footer>
</body>
</html>
Tidak ada komentar:
Posting Komentar