Exsors
3abe945beb
- 5 halaman: Beranda, Tentang, Hobi, Gallery, Kontak - Navigasi bersama tiap halaman - About: 4 metode CSS (internal, inline, eksternal, Tailwind) - Hobi: external CSS only, 3 foto pribadi - Gallery: Tailwind only via CDN, 3 foto pribadi - Kontak: tanpa form, link sosial media + email - Semua foto milik sendiri di /images - Tidak ada <form>, tidak ada script selain Tailwind CDN
19 lines
823 B
TypeScript
19 lines
823 B
TypeScript
import Nav from "./components/Nav";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<div style={{ fontFamily: "Arial, Helvetica, sans-serif", lineHeight: 1.7, color: "#1f2937", background: "#ffffff" }}>
|
|
{/* Halaman pakai INLINE CSS saja: setiap elemen diestyle lewat style="" di tag itu sendiri. */}
|
|
<header style={{ padding: "34px 24px 10px 24px", borderBottom: "1px solid #e5e7eb" }}>
|
|
<Nav />
|
|
<h1 style={{ fontSize: "28px", fontWeight: 700, margin: "0 0 10px 0" }}>Yo halo bung</h1>
|
|
<p style={{ fontSize: "18px", margin: 0 }}>Perkenalkan nama saya guwe aku watashi Hulio</p>
|
|
</header>
|
|
|
|
<footer style={{ padding: "24px", borderTop: "1px solid #e5e7eb", fontSize: "13px", color: "#9ca3af", textAlign: "center" }}>
|
|
© 2026 Hulio
|
|
</footer>
|
|
</div>
|
|
);
|
|
}
|