Example website using html only
<!doctype html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<header>
<nav>
<a href="#home">Home</a>
<a href="#about">About</a>
<a href="#contact">Contact</a>
</nav>
<section>
<h1>Judul utama</h1>
</section>
<div>
<img src="https://google.com/sumber-gambar.png" alt="gambar utama" />
</div>
</header>
<main>
<section>
<article>
<h2>Lorem ipsum dolor sit amet.</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga
laudantium perspiciatis quaerat quibusdam! Asperiores at aut ea
ipsum velit! Accusamus culpa laudantium, minima nostrum odio
provident quae sit soluta voluptate?
</p>
<button>Tombol</button>
</article>
<div>
<img src="https://google.com/sumber-gambar.png" alt="gambar card" />
<h4>Lorem ipsum dolor sit.</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo,
tempora, voluptatem. At.
</p>
</div>
</section>
<section>
<form action="/server.php" method="post">
<input
type="text"
name="username"
id="username"
placeholder="username"
required
/>
<input
type="password"
name="password"
id="password"
placeholder="password"
required
/>
<input
type="email"
name="email"
id="email"
placeholder="email"
required
/>
<input
type="radio"
name="jenis-kelamin"
value="laki-laki"
id="laki-laki"
/>
<label for="laki-laki">laki-laki</label>
<input
type="radio"
name="jenis-kelamin"
value="perempuan"
id="perempuan"
/>
<label for="perempuan">perempuan</label>
<p>menikah?</p>
<input type="checkbox" name="menikah" id="menikah" />
<textarea
name="alamat"
id="alamat"
placeholder="masukkan alamat"
></textarea>
<select name="pendidikan" id="pendidikan">
<option value="1">SD</option>
<option value="2">SMP</option>
<option value="3">SMA</option>
<option value="4">D3</option>
<option value="5">S1</option>
<option value="6">S2</option>
<option value="7">S3</option>
</select>
<button type="submit">Kirim</button>
</form>
</section>
</main>
<footer>
<p>© 2021 Qodr, Inc.</p>
<p>
<a href="#home">Home</a> | <a href="#about">About</a> |{" "}
<a href="#contact">Contact</a>
</p>
</footer>
</body>
</html>